/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #fff;}
body p, body li, form { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666666; line-height: 16px;}
tr { vertical-align:top; }
#bodyContent, .sidenavheader  { padding: 0 20px 0 0; margin: 20px 0 80px 0; display:block; position:relative;}
#bodyContent p, #bodyContent li { padding: 0 5px 0 20px;}
#datacardInset { position:absolute; top:0; left:215px; width: 275px; height:200px; background-color:#999999;}
#datacardInset p { padding: 0 0 0 4px; }
#sidenav { padding: 0 20px 0 20px; margin:20px 0 25px 30px; display:block;}
#sidenav p {padding:0; margin:0;}
.datacardLabel { margin-bottom:-10px; margin-top:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#333333;}
.datacardInsetLabel { margin-bottom:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#333333;}
.datacardData { margin-bottom:-10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#666666;}
td.datacards {padding: 0 0 15px 0; vertical-align:top;}
td.datacards ul { margin:16px 0 16px 0; padding:0; list-style:none; }
#datacardsInset p { margin-top:0;}

/* Form Styles */
#featuredContainer {border:#bfbfbf 1px solid; width:171px; margin: 20px 0 80px 17px;}
#featuredContent {width:151px; padding:10px; background-color:#ffffff;}
#formContainer {border:#bfbfbf 1px solid; width:239px; margin: 20px 0 80px 17px;}
#formContent {border:#ffffff 1px solid; width:217px; padding:10px; background-color:#eff2f4;}
.textbox {
background-color: #ffffff;
color: #666666;
border: #bfbfbf 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
padding: 3px;
width:207px;
height:14px;
vertical-align:middle;
}

.textarea {
background-color: #ffffff;
color: #666666;
border: #bfbfbf 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
width:207px;
height:60px;
margin-bottom: 6px;
vertical-align:middle;
padding: 3px;
}


.ButtonFormat {
background-color: #eff2f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
border: #0279c3 1px solid;
color: #7a7e80;
height:20px;
width:110px;
} 
.checkboxStyle {
background-color: transparent;
/*border: #666666 1px solid;*/
}


a:link, a:active, a:visited {color: #0067b3; text-decoration:none;}
a:hover {text-decoration:underline;}

#container4 { width: 100%; margin: 0 auto; border: 0; padding: 0; min-height: 100%; }
* html #container4 { height: 100%; } /*IE browsers less than IE7*/
#clearfooter { height: -107px; border: 0; margin: 0; padding: 0; } 
#footer2 { width: 100%; text-align: center; height: 107px; padding: 0 0 0 0; margin: -107px auto 0 auto; border: 0; background:#fff url(../images/tile-02.jpg) top repeat-x; } 
html { overflow-y: scroll; } /* to create a vertical dummy scrollbar in Firefox or Safari which would not have a scrollbar with height 100%. If you move to and from pages which don't have a vertical scrollbar to a page which does, it makes the page content jump sideways without a forced dummy scrollbar (works in Firefox and Safari but not in Opera; IE always shows a dummy scrollbar; Opera needs min-height and height: 101% in the container styles but it causes a standard scrollbar, not a dummy, and is less correct.)*/



/* from my stylesheet */
#footerContent {
	width: 960px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}	
#footerContent p {
	margin: 0;
	padding: 0;
	color: #858585;
	position: relative;
	left: 18px;
	top: 12px;
	font-size:9px;
	line-height: 19px;
	background: none;
}
.boldblue, .bold, .boldblueheader, .boldheader, .boldblueheaderital {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
.boldblue, .blue, .boldblueheader, .boldblueheaderital {color: #0067b3;}
.boldblueheader, .boldheader {margin:0 0 -6px 0;}
.bold, .boldheader {color: #000000;}
.boldblueheaderital { font-style:italic;}
.website {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	margin:0 0 15px 0;
	color:#333333;
}
a.website:link, a.website:active, a.website:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 20px; margin:-20px 0 15px 0; color:#333333; text-decoration:none;}
a.website:hover {text-decoration:underline;}

.bodyCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 -40px 0 0;
	color: #5B6577;
}