/* Basic Formatting stuff */
html{}
body {text-align: center; margin: 0;padding: 0; font-family: verdana, helvetica, sans-serif; font-size: 76%; color:#537881; background: #fff url(../images/bkgd.jpg) repeat-x left top;}
form {padding: 0; margin: 0}
a:link, a:visited {color:#537881;text-decoration: underline;}
a:hover {color:#537881;text-decoration: none;}
a:active {color:#537881;text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica,sans-serif;padding:0;font-weight:normal;margin:0}
h1{color:#537881;font-size: 1.8em; font-weight: bold;margin-bottom:.5em; }
h2 {font-size: 1.4em;margin-bottom:0; color: #537881; font-weight: bold;}
h3 {font-size: 1.2em; margin-bottom:.2em; color: #537881; font-weight: bold;}
h4 {font-size: 1em;margin-bottom:.2em; color: #537881; font-weight: bold;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}
p {font-size:1em}
img {margin: 0;padding: 0;border-width:0}
p {margin:0 0 .5em 0}
div.closed {display:none}
iframe.maps {padding:5px; border:1px solid #537881;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
hr {border:1px solid #537881}
#mapBtn {float:right; margin:0 0 10px 10px}
button a:link, button a:visited {text-decoration:none}
img.snip {padding:5px; border:1px solid #537881; margin:0 0 5px 5px; float:right; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#leftCol {float:left; width:300px; margin-right:30px}
#rightCol {float:left; width:350px;}
#resources #rightCol ul {margin:0;padding:0}
#sitemap #contentLeft ul {margin:0 0 10px 20px;padding:0}
#resources #rightCol li {list-style-type:none; padding-bottom:.5em}
#sitemap p {margin:.5em 0 0 -15px; color:#537881;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#pageOutline  {   text-align: left; margin-left: auto; margin-right: auto;   width: 716px;padding:0 }
#header {position:relative;background: url(../images/bkgd_wrapperTop.gif) no-repeat bottom left; height:100px}
#header img {margin:18px 0 0 264px;}
#header ul#subnav {float:right; margin:10px 0 0 0}
#header ul#subnav li {float:left; list-style-type:none; padding:0 10px; font-size:.9em; border-right:1px solid #fff}
#header ul#subnav li.last {border-right:none}
ul#subnav a:link, ul#subnav a:visited {color:#fff; text-decoration:none}
ul#subnav a:hover {text-decoration:underline}
ul#subnav a:active{color:#fff; text-decoration:none}
.nav {width: 704px;height: 32px;background: url(../images/nav_sprite.gif) no-repeat;position: relative;bottom: 0;left: 6px;margin:0; padding:0}
.nav li {display:inline}
.nav li a:link, .nav li a:visited {position: absolute;top: 0;height: 32px;text-indent: -9000px;overflow: hidden;z-index: 10;}

	.nav .about a:link, .nav .about a:visited {
		left: 0;
		width: 136px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav_sprite.gif) no-repeat 0 -33px;
	}
	.nav .about a:active {
		background: url(../images/nav_sprite.gif) no-repeat 0 -66px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav_sprite.gif) no-repeat 0 -66px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 136px;
		height: 32px;
		background: url(../images/nav_sprite.gif) no-repeat 0 -33px;
	}
	.nav-about-click {
		background: url(../images/nav_sprite.gif) no-repeat 0 -66px;
	}
	
	.nav .locations a:link, .nav .locations a:visited {
		left: 137px;
		width: 140px;
	}
	.nav .locations a:hover, .nav .locations a:focus {
		background: url(../images/nav_sprite.gif) no-repeat -137px -33px;
	}
	.nav .locations a:active {
		background: url(../images/nav_sprite.gif) no-repeat -137px -66px;
	}
	.current-locations .locations a:link, .current-locations .locations a:visited {
		background: url(../images/nav_sprite.gif) no-repeat -137px -66px;
		cursor: default;
	}
	.nav-locations, .nav-locations-click {
		position: absolute;
		top: 0;
		left: 137px;
		width: 140px;
		height: 32px;
		background: url(../images/nav_sprite.gif) no-repeat -137px -33px;
	}
	.nav-locations-click {
		background: url(../images/nav_sprite.gif) no-repeat -137px -66px;
	}
	
	.nav .services a:link, .nav .services a:visited {
		left: 278px;
		width: 138px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(../images/nav_sprite.gif) no-repeat -278px -33px;
	}
	.nav .services a:active {
		background: url(../images/nav_sprite.gif) no-repeat -278px -66px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(../images/nav_sprite.gif) no-repeat -278px -66px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 278px;
		width: 138px;
		height: 32px;
		background: url(../images/nav_sprite.gif) no-repeat -278px -33px;
	}
	.nav-services-click {
		background: url(../images/nav_sprite.gif) no-repeat -278px -66px;
	}
	
	
	.nav .staff a:link, .nav .staff a:visited {
		left: 417px;
		width: 141px;
	}
	.nav .staff a:hover, .nav .staff a:focus {
		background: url(../images/nav_sprite.gif) no-repeat -417px -33px;
	}
	.nav .staff a:active {
		background: url(../images/nav_sprite.gif) no-repeat -417px -66px;
	}
	.current-staff .staff a:link, .current-staff .staff a:visited {
		background: url(../images/nav_sprite.gif) no-repeat -417px -66px;
		cursor: default;
	}
	.nav-staff, .nav-staff-click {
		position: absolute;
		top: 0;
		left: 417px;
		width: 141px;
		height: 32px;
		background: url(../images/nav_sprite.gif) no-repeat -417px -33px;
	}
	.nav-staff-click {
		background: url(../images/nav_sprite.gif) no-repeat -417px -66px;
	}
	
	
	.nav .appointments a:link, .nav .appointments a:visited {
		left: 559px;
		width: 145px;
	}
	.nav .appointments a:hover, .nav .appointments a:focus {
		background: url(../images/nav_sprite.gif) no-repeat -559px -33px;
	}
	.nav .appointments a:active {
		background: url(../images/nav_sprite.gif) no-repeat -559px -66px;
	}
	.current-appointments .appointments a:link, .current-appointments .appointments a:visited {
		background: url(../images/nav_sprite.gif) no-repeat -559px -66px;
		cursor: default;
	}
	.nav-appointments, .nav-appointments-click {
		position: absolute;
		top: 0;
		left: 559px;
		width: 145px;
		height: 32px;
		background: url(../images/nav_sprite.gif) no-repeat -559px -33px;
	}
	.nav-appointments-click {
		background: url(../images/nav_sprite.gif) no-repeat -559px -66px;
	}


#contentWrapper {width:716px; background:#fff url(../images/bkgd_wrapper.gif) repeat-y; min-height:300px; padding-bottom:5px; }
#contentLeft {float:left;width:346px;  margin: 0;padding: 6px 6px 0 6px;}
#contentRight {float:left;width:346px; margin: 0;padding: 6px;}
.full #contentLeft {float:left;width:704px; margin: 0;padding: 6px 6px 0 6px;}
.twocol #contentLeft {float:left;width:110px; margin: 0;padding: 0 0 0 18px;}
.twocol #contentRight {float:left;width:551px; margin: 0;padding: 35px 12px 0 18px;}
#about #contentLeft, #appointments #contentLeft, #contact #contentLeft, #sitemap #contentLeft, #resources #contentLeft, #private #contentLeft, #thanks #contentLeft {float:left;width:684px;  margin: 0;padding: 12px 16px 0 16px;}
.row {margin:0 0 6px 0}
.row.last {margin:0}
img.flash {float:left; padding:0}
#welcomeMsg {float:left;width:238px; padding:0;background: url(../images/grad_h.jpg) repeat-y top left; margin:0 0 0 6px; height:256px}
#module1 {float:left;width:361px; padding:14px; background-color: #d3dfdf; margin:0 6px 0 0; border:1px solid #9bb1b5; height:240px}
#module2 {float:left;width:277px; padding:14px; background-color: #d3dfdf; margin:0 ; border:1px solid #9bb1b5; height:240px}

#leftnav {background:  url(../images/bkgd_subNav.jpg) repeat-x left top;margin:0 0 0 0; padding:30px 0 300px;}
#leftnav li {list-style-type:none; padding:10px 0; margin:0 10px;border-bottom: 2px dotted #6595a3}
#leftnav li.last {border-bottom: none}
ul#leftnav a:link, ul#leftnav a:visited {color:#537881; text-decoration:none; }
ul#leftnav a:hover {text-decoration:underline}
ul#leftnav a:active{color:#537881; text-decoration:none}
#leftnav li.on strong {color:#537881}

#contentRight ul {margin-bottom:.5em; margin-top:0}
#box {float:right; margin:0 0 5px 5px; padding:5px; border:1px solid #537881;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#appointments #box {width:250px;}
#appointments #box span {font-size:.8em}
#box ul {margin:0; padding:0}
#box ul li.pdf {list-style-type:none;background:  url(../images/pdf.gif) no-repeat left top;padding: 0 0 5px 20px;margin-left:-2px; min-height:16px}
ul li.pdf {list-style-type:none;background:  url(../images/pdf.gif) no-repeat left top;padding: 0 0 5px 20px;margin-left:-2px; min-height:16px}
#box ul li.ppt {list-style-type:none;background:  url(../images/ppt.gif) no-repeat left top;padding: 0 0 5px 20px;margin-left:-2px; min-height:16px}
#box ul li.word {list-style-type:none;background:  url(../images/word.gif) no-repeat left top;padding-left:20px;margin-left:-2px; min-height:16px}

.inside #contentLeft {float:left;width:502px;  margin: 0;padding: 10px 10px 30px 10px;}
.inside #contentRight {float:left;width:206px; background-color:#cce8fd; margin: 0;padding: 10px 10px 10px 10px;}

#footer {background: url(../images/bkgd_wrapperBottom.gif) no-repeat left top;  padding:6px;width:704px;font-size:1em}
#footer p {text-align:center;padding:.5em 0; margin:0; font-size:0.9em;}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
#hero {background:  url(../images/divider.jpg) no-repeat left bottom;padding:0 0 7px 0}

.bioWrapper {margin-left:0; margin-bottom:10px}
.bioPic {float:left; margin-right:10px}
.bioPic img.pic {padding:2px; border:1px solid #537881}
.bioCopy {float:left;margin-right:10px; color:#000; width:320px}
.bioWrapper h1 {margin:0 0 0 0}
.bioWrapper h4 {font-size:1em; margin:0 0 .5em 0}

form { padding: 0; margin: 0;font-family: verdana, helvetica, sans-serif;color:#537881;}
div.row {clear:left;text-align: left; position: relative; margin-bottom: .7em; }
div.row input {width:200px}
div.row input, div.row textarea, div.row select{font-size:1em; font-family: verdana, helvetica, sans-serif;color:#537881;}
div.row textarea{width:350px; font-size:1em}
div.row span.elements { float: left; text-align: left; }
div.checkBox {margin-left: 150px;border:1px solid #fff}
div.full input, div.checkBox input, div.radios input { width: auto; }
div.row label, div.row span.label { font-weight: bold; float: left; width: 250px; text-align: right; padding: 0 .5em 1em 0; font-size:.9em}
div.full label { display: inline; float: none; font-weight:normal;width:auto}
div.radios label { display: inline; float: none; font-weight:normal;width:auto}
div.checkBox label { float: left; width: auto; padding: 0 0 .2em;font-weight:normal}
div.checkBox input {font-weight: bold; float: left; text-align: right; padding: 0 .5em 1em 0;}
div.row em{display:block;font-size:.95em;margin-left:155px}
div.full em{margin-left:20px}
.errors, .error { color: #c00; }
p.errors, div.errors { margin: .3em 0 .8em; border: 1px solid #c00;padding: .5em .5em .5em 24px; background: #fff url(../images/icons/icn_error.gif) no-repeat 5px .5em; }
div.errors p{margin-bottom:.3em}
.error input, .error textarea, .error select{background:#F99}
fieldset {position:relative; margin: 0 0 1em 0; padding: .7em;border:1px solid #537881; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
fieldset p { border: none; margin-top: 0; padding: 0; }
fieldset h3{clear:left}
legend{color:#537881;font-weight:bold;font-size:1.4em;_margin-bottom:.5em}
div.action input {margin-left:265px; margin-bottom:10px;color:#537881;}/*Never apply bg, border, or color in the base*/
#reqMsg, .required { font-weight: bold; color:#639 }


.thumbWrapper {margin-left:0; float:left; width:270px; height:110px !important; zoom:1}
.support .thumbWrapper {margin-right:47px; float:left; width:90px; height:160px !important; zoom:1}
.thumbPic {float:left; margin-right:10px}
.thumbPic img.pic, img.pic {padding:2px; border:1px solid #537881}
.thumbCopy {float:left;margin-right:10px; color:#537881; }
.support .thumbCopy {float:none; clear:left; margin-right:0;width:86px;text-align:center}
.thumbCopy h3 {font-size:1.1em;color:#537881; margin:0}
.support .thumbCopy h3 {font-size:1em;color:#537881; margin:0}
.thumbCopy p {font-size:.9em;}