@import URL("forms.css");

@charset "UTF-8";
* html #contentLeft { height:600px; }
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
/* general classes */
.clear {clear: both;}
h1 {font-size: 18px; font-weight: bold; color: #f26825; text-decoration: none; padding: 15px 0 5px 0;}
h2 { font-size: 14px; font-weight:bold; color: #0072bc; text-align: justify; line-height: 20px; padding: 0;}
h3 { font-size: 13px; font-weight:bold; color: #0072bc; text-align: justify; line-height: 20px; padding: 0;}
.form_link {float: right;}
.form_link a {color: #0072bc; text-decoration: none;}
.form_link a:hover {color: #f26825; text-decoration: none;}
p { font-size: 12px; font-weight:normal; color: #000000; text-align: justify; line-height: 20px; padding: 0 0 15px 0;}
.italic{font-style: italic;}
.readMore {padding: 0 0 15px 0; clear: both;}
.readMore a{ font-size: 12px; font-weight:normal; font-style: italic; color: #0072bc; text-decoration: none; float: right; clear: both;}
.readMore a:hover{ color: #f26825; text-decoration: none; }
/* end general classes */

/* wrapper define */
* { margin: 0; }
html, body { height: 100%;}
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px;}
.footer { height: 40px; background-color: #c7dff4; }
.push { height: 40px;}
/* end wrapper define */

/* header */
#header { height: 240px; width: auto; background-color: #0071bc; margin: 0; padding:0;}
#headerContent { height: 240px; width: 840px; margin: auto; background-image: url(../images/logo_header.png); overflow:hidden; }
/* #headerContent img {float: left; margin: 40px 0px 0 28px; display: inline;} */
#imgSlider {float:left; margin: 0; display: inline; }
/* end header */

/* navigation */
#nav { width: auto; height: 40px; background-image:url(../images/nav_bg.gif); margin: 0; padding: 0;}
#navLinks { width: 840px; height: 40px; margin: auto; }
#navLinks ul{margin: 0; padding: 0; list-style-type: none; text-align: center; }	
#navLinks ul li{ display: inline; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: bold;}
#navLinks ul li .current { float: left; display: block; width: 140px; line-height: 40px; background-image: url(../images/nav_over.gif); color: #0072bc; text-decoration: none;}
#navLinks ul li a{ float: left; display: block; width: 140px; line-height: 40px; color: #0072bc; text-decoration: none;}
#navLinks ul li a:hover{ text-decoration: none; color: #f26825; }
/* end navigation */

/* body */
#body {height: auto; width: 100%; background-color:#E6E6E6; margin: auto;}
#content { height: auto; width: 840px; margin: auto; padding: 20px 0 20px 0; background-color: #fff;}
#content img.headshot { float: left; display: inline; border: 0px; margin: 0 15px 15px 0;}
	/* contentLeft */
	#contentLeft { height: auto; min-height: 750px; width: 540px; margin-right: 20px; padding:0 20px 0 20px; float: left; display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}
	#contentLeft ul { list-style: none; padding:0 0 15px 20px;}
	#contentLeft li{ padding-left: 15px; background: url(../images/bullets.gif) top left no-repeat; margin-bottom: 0; line-height: 20px;}
	#contentLeft .more{font-size: 12px; font-weight:normal; font-style: italic;}
	#contentLeft .more a{color: #0072bc; text-decoration: none;}
	#contentLeft .more a:hover{ color: #f26825; text-decoration: none; }
		/* team bio */
			.bio {height: auto; width: auto; display: block;}
			.bio .bioClear{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; clear: both; padding: 0; margin: 0;}
			.bio .bioImage {float: left; height: auto; width: 90px; padding-top: 15px; display:inline;}
			.bio .bioText {float: right; height: auto; width: 448px; padding-top: 15px; display:inline;}
			.bio .bioText p{padding: 0 0 10px 0;}
			.bio .bioText a{ text-decoration: none; color: #0072bc;}
			.bio .bioText a:hover{ text-decoration: none; color: #f26825;}
			.bio .bioHide {display: none; width: 440px; }
		/* team bio */
		/* contact */
			.contact {width: 250px; padding: 0 5px 0 0; float: left;}
			.contact a{ text-decoration: none; color: #0072bc;}
			.contact a:hover{ text-decoration: none; color: #f26825;}
			.GMapEZ {width: 265px; height: 170px; margin: 15px 0 0 0; float: left;}
		/* contact */
	/* end contentLeft */
	
	/* contentRight */
	#contentRight { height: auto; width: 218px; padding: 0 20px 0 0; float: left; clear: right; display: inline;}
	#contentRight .picture {float: left; clear: right; padding-bottom: 10px; margin: 0; display: inline;}
	#contentRight .picture img{ border: 0px;}
	#login {height: auto; width: 200px; float: left;}
	#login p { padding: 5px 0 5px 0;}
	/* contentRight */

/* end body */

/* footer */
#footerContent { width: 840px; margin: auto;}
#footerContent .tagLine { width: 340px; float: left; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #646464; padding-top: 10px;}
#footerContent .endLinks { width: 489px; float: right; padding-top: 10px;}
#footerContent .endLinks ul{ text-align: right; list-style-type: none;}
#footerContent .endLinks ul li{ display: inline; font-size: 10px; padding-left: 15px; text-align: right; color:#0072bc;}
#footerContent .endLinks ul li .endCurrent{ float: right; text-align: right; padding-left: 15px; color:##0072bc; text-decoration: none;}
#footerContent .endLinks ul li a{ float: right; text-align: right; padding-left: 15px; color:#0072bc; text-decoration: none;}
#footerContent .endLinks ul li a:hover{ color:#f26825; text-decoration: none;}
/* end footer */