/* Basic on all pages   */

html { scrollbar-face-color:#D4D0C8; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:#464646; scrollbar-3dlight-color:#CCCCcc; scrollbar-darkshadow-color:#999999; scrollbar-track-color:#e6e6e6; }

body,td,a,p,.h { FONT-FAMILY: "Trebuchet MS","Tahoma","Verdana",sans-serif; FONT-SIZE: 13px; }

body {margin: 0px; background: #eeeeee; }

a:link { color: #039; }

a:visited { color: #039; }

a:hover { color: #333; }

a:active { color: #000; }

table { border: 0;}



	#header {
		margin:0; padding:0;
		background:#eeeeee;
		}

	#left {
		float:left;
		width:150px;
		background:#EBF3FB;
		margin:0; padding:0;
		font-size:10px;
		}
	#right {
		float:right;
		width:200px;
		background:#EBF3FB;
		margin:0; padding:0;
		font-size:10px;
		}
	#middle {
		margin:0 5px;
		background:white;
		}
	.column-fnt {
		font-size: 10px;
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	
	.copy { text-align:center; font-size:80% }


hr { height: 1px; color: #e9e9ea; }

.signup{ font-size: 150%; color: #12355C; }

.lo{ text-align: right; padding-right: 5px; font-size: 200%; color: #000000; }

.dut{ FONT-SIZE: 16px; font-weight:bold; color: #12355C; }

.csm{ FONT-SIZE: 13px; font-weight:bold; color: #12355C; }

.small {font-size: 10px; }

select, input, textarea, option { border: 1px solid; font-size: 11px;}

.clear { border: 0px }

TD.pd2 {padding: 12px; vertical-align: top; }

TD.pd1 {padding: 12px; vertical-align: top; BORDER-RIGHT: #E9EDF5 1px solid; background-color: #F9F9F9;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 390px;
}

.curlycontainer .innerdiv{
background: transparent url(/images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}



/* Specific to certain pages   */

.prheadline{ font-size: 180%; color: #12355C; font-weight: bold;}

.smtip {font-size: 11px; }

.red {color:red;}

body.popup {color: #333;margin: 6px;line-height: 140%;background: #fff; }

.plu { FONT: 11px/15px Verdana,Arial,Helvetica; COLOR: #505050 }

.ltcell { background-color: #E9EDF5;}

.whdk { background-color: #004080; COLOR: white; font-weight: bold; }

INPUT.required { background-color:#ffffc4; }

TEXTAREA.required { background-color:#ffffc4; }

SELECT.required { background-color:#ffffc4; }

OPTION.required { background-color:#ffffc4; }

.mainTitle { FONT-WEIGHT: bold; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-top: 10px; FONT-SIZE: 1.9em; color: red; text-align: left; }

.pageTitle { FONT-WEIGHT: bold; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-top: 10px; FONT-SIZE: 1.4em; color: #003265; text-align: left; }

.image_box {  font-size: 10px; border: 1px solid; margin: 5px; padding: 8px; background: #ffffff; float: right; }

.image_box img { border: 1px solid #5e5e5e; align: center; } 

.footer { FONT-SIZE: 11px; COLOR: #999999; LINE-HEIGHT: 22px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.footer A { COLOR: #999999; TEXT-DECORATION: none }

.footer A:link { COLOR: #999999; TEXT-DECORATION: none }

.footer A:visited { COLOR: #999999; TEXT-DECORATION: none }

.footer A:hover { COLOR: #324e80; TEXT-DECORATION: underline }


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
text-align:left;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}

label
{
width: 4.5em;
float: left;
text-align: right;
margin-right: 0.8em;
display: block
}

.contentslide{
border: 1px solid #004080;
padding: 0px;
width: 400px;
height: 231px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 525px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #C9D2ED;
border: 2px solid #C9D2ED;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 525px; /*IE5 width*/
w\idth: 525px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}