@charset "utf-8";

body,td,th {
	font: 1em arial, verdana, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* LINK colors */
a:link{color:#039; text-decoration:underline}
a:visited{color:#804040; text-decoration:underline}
a:active{color:#000; text-decoration:underline}
a:hover{color:#464646; text-decoration:none}

h1{font-family:helvetica,arial,sans-serif; color:#464646}
h2{font-family:calibri,arial,sans-serif; color:#696969}
h3{font-family:helvetica,arial,sans-serif; color:#039}
h4{font-family:helvetica,arial,sans-serif; color:#000; font-size:0.9em}
h5{font-family:helvetica,arial,sans-serif; color:#646464}

.main #masthead {width: 100%}
.main #logo {float: left; width: 15%; margin: 10px 0 0 15px}
.main #header {text-align: left; padding: 3px 10px 10px 230px}
.main #container {width: 61.25em; margin: 0 auto}

.main #left_col {
	margin: 0;
	float: left;
	background-color: #FFC;
	border-top: 0px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	width: 12.5em;
	text-align: center;
	padding: 5px;
}

.main #page_content {
	margin: 0 0 0 13em;
	text-align: left;
	padding: 0 0 0 20px;
}

.clearfloat {clear:both}
.clearfl {clear:right}

.lft {
	float: left;
	width: 20%;
	background-color: #ccc;
	border: 1px #000 solid;
	font: 80%  arial;
	color: #646464;
	padding: 5px;
	margin-right: 20px;
}

.rt {
	float: right;
	background-color: #ddd;
	font-size: 0.8em;
	width: 14em;
	padding: 5px;
	margin: 0 4px 0 8px;
	border: 1px solid #ddd;
	text-align: center;
}

.main #footer {
	padding: 15px;
	font-size: 80%;
	clear: both;
}

span.c4 {color: #060}
span.c3 {font-size: 85%}
span.c2 {text-decoration: underline}
span.c1 {color: #804040}

.ubercolortabs{
margin-left: 20%;
padding: 0;
width: 800px;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}

.ubercolortabs a{
float: left;
color: white;
background: #039 url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: url(../images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #ddd; /*background color of tabs onMouseover*/
color: black;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #039; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

#rnd_container {background: transparent; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:transparent; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
    .rnd_b1 {margin:0 5px; background:#CCCCCC;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#FFFFFF;
    color:#494949;
}

.content, .shadow {
  position: relative;
  margin: 1px;
  padding: 1px;
}

.shadow { background-color: #ccc; }

.content {
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
  padding: 1em;
}

.container { 
	width: 100%;
	background-color: #fff;
}