/******* Resets *******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

em{font-style: oblique;}
strong{font-weight: bold;}


body{
	background: #fff url(img/background-body.jpg) 50% 0 no-repeat scroll;
	font: 62.5% arial;
	color: #000;
}

#page{
	width: 970px;
	padding: 168px 12px 0;
	/*margin: -120px auto;*/
	margin: -75px auto;
	background: transparent url(img/background-page.png) repeat-y;	
}
/*
#page{
	width: 970px;
	padding: 286px 12px 0;
	margin: -235px auto;
	background: transparent url(img/background-page.png) repeat-y;	
}
*/
/*
* HTML body{
	text-align:center;
}

* HTML #page{
	text-align:left;
}
*/

#page:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

#content{
	width: 480px;
	float: left;
	background: #fff;
}

/*******************************
	TOOLS
*******************************/	
/*
#tools{
	width: 970px;
	padding: 100px 12px 20px;
	margin: 0 auto;
	background: transparent url(img/background-tools.png) 50% 100% no-repeat;
	text-align: right;
}
*/

#tools{
	width: 900px;
	padding: 60px;
	margin: 0 auto;
	text-align: right;
}

#tools li{
	display: inline;
	padding: 0 24px;
	border-right: 1px solid #fff;
}

#tools li.last{
	padding-right: 0;
	border-right: 0;
}

#tools a{
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

#tools a:hover{
	color: #98b1c5;
}

/*******************************
	HEADER
*******************************/
#header{
	/*background:transparent url(img/background-header.png) no-repeat scroll 0 0;*/
	height:218px;
	left:8px;
	margin:0 auto;
	position:relative;
	/*top:30px;*/
	top:75px;
	width:1000px;
}

#underheader{
	background:transparent url(img/background-header.png) no-repeat scroll 0 0;
	height:218px;
}
/*
#header{
	background: transparent url(img/background-header.png) no-repeat;
	height: 114px;
	position: relative;
	top: -20px;
	left: -8px;
}

#logo{
	position: absolute;
	left: 39px;
	top: -70px;
}
*/
#logo{
	position: absolute;
	left: 39px;
	top: 41px;
}

#logo img{
	display: block;
}




	
	


		
.home #header{
	background:none;
	height:378px;
}

.home #underheader{
	background: transparent url(img/home-header.png) no-repeat scroll 0 0;
	height: 378px;
}

.home #navigation{
	margin-top:-310px;
	padding-top:300px;
	height:425px;
}

.home #sidebar{
	margin-top:-80px;
}



/*******************************
	NAVIGATION
*******************************/
#navigation{
	width: 150px;
	height: 637px;
	background: transparent url(img/background-navigation.jpg) no-repeat;
	margin-top: -50px;
	padding-top: 23px;
	padding-right: 62px;	
	float: left;
}

#navigation a{
	font: 1.3em arial;
	color: #fff;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	text-shadow:1px 1px 1px #888888;
	line-height: 1em;
}	

#navigation li{
	margin-left: 20px;
	padding: 0.5em 0;
}

#navigation li ul{
	font-size:.9em;
	margin-top:1em;
}

#navigation li ul li{
	padding: .4em 0;
}

#navigation li ul li a{
	line-height:1em;
}

#navigation span.here{
	color:#FFFFFF;
	font-size:1.5em;
	margin-left:-11px;
}


/*******************************
	SIDEBAR
*******************************/
#sidebar{
	width:265px;
	float:right;
	display:block;
	padding-right:2px;
	margin-top:-140px;
	margin-bottom:45px;
}

#sidebar h3{
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
}

#sidebar h4{
	font-size: 1.3em;
	color: #8d0059;
	line-height: 1.3em;
	text-transform: uppercase;
	font-weight:bold;
	padding-left:42px;
	padding-right:20px;
}

#sidebar address{
	padding-left:42px;
	padding-right:20px;
}

#sidebar p.phone{
	font-size:1.2em !important;
}

h3.blue{
	background:url(img/bluehead.png) no-repeat right;
	padding-top:60px;
	padding-left:40px;
	padding-bottom:41px;
	margin-right: -7px;
}

h3.red{
	background:url(img/redhead.png) no-repeat right;
	padding-top:60px;
	padding-left:40px;
	padding-bottom:41px;
	margin-right: -7px;
}

#sidebar p{
	font-size:1.3em;
	padding-left:42px;
	padding-right:20px;
	color: #58595b;
	padding-bottom:1em;
}

#sidebar p a{
	color:#8d0059;
}

#sidebar ul{
	font-size:1.3em;
	padding-left:3em;
	padding-bottom:1em;
	margin-top:0;
	margin-bottom:0;
	line-height:1.3em;
}

#sidebar li{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

#sidebar a{
	text-decoration:none;
	font-weight: normal;
}

#sidebar > .gbullets li{
	font-size:1em;
	line-height:1.3em;
	font-style:italic;
	padding-left:1.7em;
	padding-top:0.05em;
	margin-bottom:0.3em;
}

#sidebar p.credit{
	background: transparent url(img/bullet-dash-red.png) .2em .55em no-repeat;
	padding-left: 1em;
	margin-left:5em;
	color:#8d0059;
}

/*******************************
	FOOTER
*******************************/
#footer{
	width: 970px;
	padding: 25px 12px;
	/*margin-top: 120px;*/
	margin-top: 75px;
	margin-left:auto;
	margin-right:auto;
	background: transparent url(img/background-footer.png) 50% 0 no-repeat;
	text-align: center;	
}

#footer li{
	display: inline;
	border-right: 1px solid #91acc2;
	padding: 0 6px;
}

#footer a{
	color: #698eac;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#footer li.last{
	border-right: 0;
}

#footer .copyright{
	font-size: .9em;
	color: #7396b1;
	text-transform: uppercase;
	padding-top: 1em;
}

/*******************************
	COPY
*******************************/
.comment{
	color:#000000 !important;
	font-weight:bold;
	text-transform:capitalize;
	background-color:#FF0000;
	padding-left:4px;
	border: #00FF00 solid 2px;
	display:none;
}

#content p{
	font-size: 1.6em;
	color: #58595b;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}

#content a{
	text-decoration:underline;
	color:#8d0059;
}

.tel{
	cursor:text;
	white-space:nowrap;
	color:#386991 !important; 
	font-weight:bold;
	text-decoration:none !important;
}

h1{
	font-size:2.2em;
	color:#386991;
	padding-bottom:1em;
}	

#SWFHeadline{
	margin-bottom:1em;
}

h2{
	font-size: 1.6em;
	color: #8d0059;
	line-height: 1.3em;
	text-transform: uppercase;
	font-weight:normal;
}

h3{
	font-size: 1.3em;
	color: #8d0059;
	line-height: 1.3em;
	text-transform: uppercase;
	font-weight:bold;
}

h4{
	font-size: 1.6em;
	color: #003f72;
	line-height: 1.3em;
	font-weight:bold;
}
h4 span{
	font-weight:normal;
}

#content .bullets{
	font-size: 1.6em;
	line-height: 1.3em;	
	margin-bottom: 1.3em;	
	color: #58595b;	
}

#content .bullets li{
	background: transparent url(img/bullet-disc.png) 0 .55em no-repeat;
	padding-left: 1em;
}

#content .bullets .bullets{
	font-size: 1em;
	margin-left: 1.5em;
	margin-bottom: 0;
}

#content .bullets .bullets li{
	background: transparent url(img/bullet-dash.png) 0 .75em no-repeat;	
}

.pdf{
	font-size: 1.6em;
	line-height: 1.2em;	
	margin-bottom: 1.2em;	
	color: #72aed3;	
	font-style:italic;
}

.pdf li{
	background: transparent url(img/pdf.jpg) 0 .2em no-repeat;
	padding-left: 1.5em;
}

.pdf a{
	color: #72aed3;
	text-decoration:none
}

.employees .pdf a, .forms-and-publications .pdf a{
	text-decoration:none !important;
	color: #58595b !important;
	font-style: normal !important;
}

.employees #navigation span{
	display:none;
}

img.right{
	float:right;
	margin: 5px 0px 5px 10px;
}

img.left{
	float:left;
	margin: 5px 10px 5px 0px;
	clear:left;
}

img.farright{
	float:right; 
	margin-right:-278px;
}

img.farleft{
	float:left; 
	margin-left:-212px;
}

ul.sponsors li{
	margin-right:40px;
	display:inline;
}

ul.sponsors{
	margin-top:1em;
	margin-bottom:3em;
}

.gbullets li{
	background: transparent url(img/g-bullet.jpg) 0 0.2em no-repeat;
	padding-left: 1.5em;
	font-size: 1.6em;
	color: #58595b;
	margin-bottom: 1em;
	margin-top: 1em;
}

.gbullets li a{
	font-weight: bold;
	color: #8d0059;
	font-style: italic;
	text-decoration:none !important;
}

ul.addylist{
	margin-top:1em;
}

ul.addylist li{
	margin-bottom:1em;
}

table{
	font-size:1.3em;
	color:#58595b;
	width:460px;
	margin-bottom:1em;
	padding-bottom:30px;
}

tr{
	padding-top:1em;
}

th{
	font-weight:bold;
	padding-top:1em;
}

.about-us td{
	width:40%;
}

.about-us td + td{
	width:40%;
}

.about-us td + td + td{
	width:20%;
}

td > address{
	font-size:1em;
}

table.bod th{
	font-weight:normal;
	width:25%;
	padding-top:0;
}

table.bod td{
	font-weight:bold;
}

table.existing th, table.existing td{
	padding:.5em;
	border-bottom: 1px solid #aaaaaa;
}

table.existing .head{
	background-color:#EFEFEF;
}

dt{
	font-size:1.3em;
	color:#58595b;
	font-weight:bold;
}

dd{
	font-size:1.3em;
	color:#58595b;
}

p.phone{
	font-size:1.5em !important;
	margin-bottom:0 !important;
}

p.phone a.tel{
	color:#386991 !important; 
	font-weight:bold !important;
}

.staff li{
	border-bottom: 1px solid #58595b;
	margin-bottom:1em;
}

address{
	font-size: 1.3em;
	color: #58595b;
	line-height: 1.3em;
}

p.beforeaddy{
	font-size:1.3em !important;
	margin-bottom:0 !important;
	font-style:italic;
}

p.afteraddy{
	font-size:1.3em !important;
	font-style:italic;
}

ul.jobs li{
	border-bottom:#999999 solid 1px;
	padding-top:1.6em;
}

.rss li p a{
	font-size:.8em;
}

.date{
	font-size:1.2em;
	color: #58595b;
}

div.footnote{
	font-size:.7em;
}

.employees .fields li{
	font-size:1.3em;
	margin-bottom:1em;
}

.employees p a{
	float:right;
	
}

/*******************************
	MAPS
*******************************/


div.map{
	width: 478px;
	height: 300px;
	font-size:.7em;
	margin-bottom:1em;
}


#maps {
    width: 478px;
    position: relative;
	margin-bottom:1em;
}

ul.navigation {
    list-style: none;
    margin: 0;
}

ul.navigation li {
    display: inline;
	font-size: 1.3em;
	color: #8d0059;
	text-transform: uppercase;
	font-weight:bold;
}

ul.navigation a {
    text-decoration: none !important;
	padding: 5px 10px 5px 10px;
}

ul.navigation a:hover {
    background-color: #F2EFE9;
}

ul.navigation a.selected {
    background-color: #F2EFE9;
}

ul.navigation a:focus {
    outline: none;
}

.scroll {
    height: 300px;
    width: 478px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	margin-bottom:1.3em;
}

.scrollContainer div.panel {
    height: 210px;
    width: 478px;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
	display:none;
}

.scrollButtons.left {
    left: -20px;
	display:none;
}

.scrollButtons.right {
    right: -20px;
	display:none;
}

.hide {
    display: none;
}



/*******************************
	CONTACT FORM
*******************************/
.contact {
	font-size:1.6em;
	background-color:#F1F6FA;
	border:1px solid #98A4B6;
	color:#3F4C5E;
}

.contact ul li{
	clear:both;
}

.contact label {
	display:block;
	float:left;
	clear:left;
	width:150px;
	padding:7px;
}

.contact input, .contact select, .contact textarea{
	display:block;
	float:left;
	background:transparent url(img/form.png) repeat-x scroll 0 0;
	background-color:#F1F6FA;
	border:1px solid #98A4B6;
	margin:8px 0px 0px 15px;
	padding:6px;
	width:275px;
	color:#3F4C5E;
}

.contact select{
	width: 289px;
	background:none;
	color:#3F4C5E;
}

.contact textarea{
	background:none;
	height:7em;
	font:.8em arial;
}

.contact input[type='submit']{
	margin-bottom:8px;
	float:right;
	margin-right:10px;
	width: 289px;
	background:none;
	font-weight:bold;
	cursor:pointer;
	border:2px solid #98A4B6;
}

input.foc, textarea.foc, select.foc{
	background:none;
	background-color:#ffffff;
}

#custom-subject{
	display:none;
}

.error{
	color:#FF0000 !important;
}


/*******************************
	Viewing Options
*******************************/
#viewoptions{
	color:#ffffff;
	font-size:1.6em;
	line-height:1.3em;
	font-weight:bold;
	display: none; 
	padding-left:50%; 
	background: #ffffff; 
	height: 70px; 
	width: 50%; 
	border-bottom: 3px solid #aaa; 
	position:absolute;
}

#viewoptions a{
	text-decoration:none;
	color:#8D0059;
}

#viewoptions ul{
	height:50px;
	float:left;
	padding-left:40px;
}

.docs li{
	background: url(img/doc.jpg) no-repeat;
	padding: 2px 0 0 25px;
	margin:5px;
	height:25px;
}

.plus{
	background: url(img/plus.jpg) no-repeat;
	padding: 2px 0 0 28px;
	margin:5px 5px 5px 6px;
	height:25px;
}

.a{
	background: url(img/a.jpg) no-repeat;
	padding: 2px 0 0 28px;
	margin:5px;
	height:25px;
}


/*******************************
	Calendar
*******************************/
#ui-datepicker-div{
	margin-top:130px;
}