﻿body{
	background: #333;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	margin: 0 auto;
	padding: 10px 0;
	min-width: 780px;
	max-width: 1024px;
}

/********************************** Heading Tags Area *********************************************/
h2, h3, h4, h5{margin: 0; padding: .25em 0; font-family: Arial, Verdana, sans-serif;}
h1{font-size: 200%; color: #1958b7; margin: 0; padding: 10px 0 5px 0;}
h2{font-size: 150%; color: #333333;}
h3{font-size: 125%; color: #333333;}
h4{font-size: 115%; color: #333333;}
h5{font-size: 110%; font-weight: bold; color: #333333;}
h2 em, h3 em, h4 em, h5 em{font-weight: normal; font-style: italic;}

/********************************** Misc Tags Area ************************************************/
p {
	font-size: 100%; 
	margin: 0; 
	padding: 0 0 1em 0; 
	font-family: Verdana, Arial, sans-serif;
}

blockquote  {
	font-size: 100%; 
	margin: 0; 
	padding: 0 4em 1em 3em; 
	font-family: Verdana, Arial, sans-serif;
}

a{color: #00c; text-decoration: underline;}
a:visited{color: #7878ff; text-decoration: underline;}
hr{  color: #aaa; background-color: #aaa; height: 1px; }

/********************************** Random Classes Area *******************************************/
div.gutter {
	margin: 0;
	padding: 0 10px;
}
form.comment textarea{
	width: 100%;
	height: 150px;
}
tr.even{
	background: #ddd;
}
p.page-links{
	margin: 0;
	padding: 2px 0;
	text-align: right;
}
a.rss{
	background: url('../images/rss.gif') no-repeat center left;
	color: #00C;
	font-size: 110%;
	font-weight: bold; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}
ol.alpha{
	list-style: lower-alpha;
}
ol.roman{
	list-style: lower-roman;
}
ul.blanks{
	list-style: none;
	padding-left: 50px;
}
ul.skinny{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 1em;
}
ul.skinny li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabbed{
	padding-left: 3em;
	padding-bottom: 1em;
}
.spaced{
	padding: 1em 2em 2em 2em;
	margin: 0;
}
.pdf{
	padding-left: 20px;
	background: url('../images/pdf.png') no-repeat center left; 
}
.word {
	padding-left: 20px;
	background: url('../images/word.png') no-repeat center left; 
}
.external {
	padding-left: 20px;
	background: url('../images/external.gif') no-repeat center left; 
}
.toggle-collapsed {
	padding-left: 20px;
	color: #00C;
	cursor: pointer;
	background: url('../images/toggle-collapsed.gif') no-repeat center left; 
}
.toggle-expanded {
	padding-left: 20px;
	color: #00C;
	cursor: pointer;
	background: url('../images/toggle-expanded.gif') no-repeat center left; 
}
.col {
	float: left;
	width: 30%;
	min-height: 250px;
	margin: 0;
	padding: 2px;
	overflow: hidden;
}
.thumbnail {
	float: left;
	width: 75px;
	border: 1px solid #333;
	margin: 0 15px 15px 0;
	padding: 5px;
}
.thumbnail img{ padding: 0; border: 1px solid #00C; }
.thumbnail a{ padding: 0; }

.thumbnail2 {
	float: left;
	width: 11.5em;
	height: 10em;
	border: 1px solid #333;
	background: url('../images/pdf.png') no-repeat 2px 2px;
	overflow: hidden; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:15px; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px
}
.thumbnail2 img{ padding: 0; border: 1px solid #00C; }
.thumbnail2 a{
	float: right;
	margin: 0 0 2px 2px;
	padding: 2px;
}
.clearboth { clear: both; }
#content p.pages { 
	padding: 2px;
	background: #CCC;
	text-align: right;
}
dl.address dt{
	color: #333;
}
#month h4{
	display: inline;
	font-size: 150%;
}
#month a{
	cursor: pointer;
}
.bigger{
	padding-top: .1em;
	padding-bottom: .1em;
	font-size: 120%;
}

.old-date{
	color: #999;
}
tr[rel=even]{
	background: #ddd;
}


/********************************** Form Tags Area ************************************************/
form fieldset{
	background: #e2e2e2;
}
form label{
	display: block;
	margin: 5px 0 0 0;
}
form label.search{
	display:none;
}
form #submit{
	float: right;
}

form.inline-form label, form.inline-form input, form.inline-form p{
	display: inline;
}
form.inline-form span{
	padding: 0 0 0 20px;
}

/********************************** Layout Area ***************************************************/
#container{
	width: 97%;
	margin: 0 auto;
	padding: 0;
	background: #1958b7 url('../images/blue-header-bg.gif') repeat-x top;
}
#wrap{
	background: #fff;
	clear: both;
}
#header{
	background: url('../images/Headers/header-top-right-plow.gif') no-repeat top right;
	height: 85px;
	margin: 0;
	padding: 0
}
#navwrap{
	float: left;
	background: #1958b7;
	width: 100%;
}
#nav{
	float: left;
	margin: 0;
	padding: 0;
	width: 62%;
}
#utils{
	float: right;
	margin: 0;
	padding: 0;
	width: 37%;
}
#content{
	float: left;
	width: 69%
}
#sidebar{
	float: right;
	width: 27%;
	margin: 2.7em 0 0 0;
}
#footer{
	background: url('../images/footer-corner-bottom-right.gif') no-repeat bottom right;
	clear: both
}

/********************************** Header Area ***************************************************/
#header ul{
	margin: 0;
	padding: 8px 30px 0 0;
	text-align: right;
}
#header li{
	display: inline;
}
#header li a{
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#header li a:hover{
	border-bottom: 2px solid #3774ff;
}

/********************************** Global Nav Area ***********************************************/
#nav a{
	color: #000;
	background: #9ac449 url('../images/lgrn-crnr-top-left.gif') no-repeat left top;
	text-decoration: none;
	padding-left:10px; padding-right:0; padding-top:0; padding-bottom:4px
}
#nav a span{
	background: url('../images/lgrn-crnr-top-right.gif') no-repeat right top;
	padding-right: 10px
}
#nav a, #nav a span{
	display: block;
	float: left
}
#nav li.current a, #nav a:hover{
	color: #000;
	background: #fff url('../images/corner-white-small-top-left.gif') no-repeat left top;
	padding-left: 10px
}
#nav li.current a span, #nav a:hover span{
	background: url('../images/corner-white-small-top-right.gif') no-repeat right top;
	padding-right: 10px
}
#nav ul{
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
}
#nav li{
	float: left;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
	font-weight: bolder;
	margin: 0;
}

/********************************** Utility Nav Area **********************************************/
#utils a{
	color: #000;
	background: #7fabd4 url('../images/corner-lightblue-small-top-left.gif') no-repeat left top;
	text-decoration: none;
	padding-left:10px; padding-right:0; padding-top:0; padding-bottom:4px
}
#utils a span{
	background: url('../images/corner-lightblue-small-top-right.gif') no-repeat right top;
	padding-right: 10px
}
#utils a, #utils a span{
	display: block;
	float: left
}
#utils li.current a, #utils a:hover{
	color: #000;
	background: #fff url('../images/corner-white-small-top-left.gif') no-repeat left top;
	padding-left: 10px
}
#utils li.current a span, #utils a:hover span{
	background: url('../images/corner-white-small-top-right.gif') no-repeat right top;
	padding-right: 10px
}
#utils ul{
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
}
#utils li{
	float: left;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
	font-weight: bolder;
	margin: 0;
}

/********************************** Subnav Area ***************************************************/
#sidebar #subnav{
	padding: 0;
	margin: 0 0 1em -10px;
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, sans-serif;
	background-color: #fff;
	color: #333;
}

#sidebar #subnav ul{
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
}

#sidebar #subnav li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#sidebar #subnav li a{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
}

#sidebar #subnav li.current a:hover,
#sidebar #subnav li a:hover{
	border-left: 10px solid #6b9619;
	border-right: 10px solid #b6d778;
	background-color: #9ac449;
	color: #333;
}
 
#sidebar #subnav li.current a{
	border-left: 10px solid #6b9619;
	border-right: 10px solid #b6d778;
	background-color: #9ac449;
	color: #333;
}

#sidebar #subnav li.current li a{
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
}

/********************************** Sidebar Area **************************************************/

#sidebar div.box{
	background: #ddddee;
	padding: 0;
	margin: 0 0 1em 0;
}
#sidebar div.box h3{
	border-left: 10px solid #508fc4;
	border-right: 10px solid #6b9619;
	background: #2175bc url('../images/green-to-blue.gif') repeat-y top right;
	color: #fff;
	font-size: 105%;
	margin: 0;
	padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px
}
#sidebar div.box p, #sidebar div.box form{
	background: none;
	color: #333;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 10px;
}
#sidebar div.box p.box-bottom{
	border-left: 10px solid #508fc4;
	border-right: 10px solid #6b9619;
	background: #2175bc url('../images/green-to-blue.gif') repeat-y top right;
	color: #ccc;
	display: block;
	font-size: 75%;
	font-weight: lighter;
	margin: 0;
	padding: 0;
	text-align: center
}
#sidebar div.box p.box-bottom em{
	background: transparent;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar div.box ul{
	background: #ddddee;
	color: #000;
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
}
#sidebar div.box ul li{
	background: none;
	color: #333;
	font-size: 111%;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
#sidebar div.box li a{
	background: transparent;
	color: #333;
	font-size: 115%;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#sidebar div.box li a.pdf{
	padding-left: 20px;
	background: url('../images/pdf.png') no-repeat bottom left;
}
#sidebar div.box li a:hover{
	color: #666;
	text-decoration: underline;
}

#sidebar #mc{
	height: 300px;
	overflow: scroll;
}

#sidebar #mc span{
	display: block;
	margin: 0;
	padding: 0 0 0 30px;
	color: #00C;
	font-weight: bold;
}
#sidebar #mc p{
	margin: 0;
	padding: 0 0 10px 30px;
}

/********************************** Content Area **************************************************/

#content div.story{
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #999;
}

#content div.sub-story{
	margin: 0;
	padding: 0 10px 0 10px;
}

#content small{
	margin: -10px 0 0 0;
	padding: 0 0 10px 0;
	color: #666;
	font-size: 90%;
}

#content img.section-image{
	float: left;
	padding: 10px;
}

#content a.right-image{
	float: right;
	padding: 10px;
}

#content a.right-image img{
	border: none;
}


#content div.column{
	float: left;
	width: 48%;
	padding: 0 1%;
}

#content #map{
	display: block;
	width: 100%;
	height: 400px;
}

#content .insert{
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	max-width: 470px;
	border: #666 1px solid;
	text-align: center;
}

#content .insert .caption{
	padding: 0 10px;
	color: #333;
	text-align: left;
}

#content .insert .source{
	padding: 0 10px;
	color: #333;
	font-size: 80%;
	text-align: right;
}


/********************************** Footer Area ***************************************************/
#footer p{
	background: url('../images/footer-corner-bottom-left.gif') no-repeat bottom left;
	color: #999;
	display: block;
	font-size: 100%;
	margin: 0;
	text-align: center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1em
}

#footer p.comment{
	margin: 0 1em;
	padding: 0 0 7px 3em;
	text-align: left;
	border-bottom: 1px solid #999;
}

#footer p.comment a{
	background: url('../images/comment.gif') no-repeat bottom left;
	color: #666; padding-left:17px; padding-right:10px; padding-top:0; padding-bottom:2px
}

#footer ul{
	margin: 0;
	padding: 1em 0 .5em 0;
	text-align: center;
}
#footer li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}




/*************************************** Lists  ***************************************************/
ul{
	margin-top: 0;
	margin-bottom: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
}

ul li{
	margin-top: 2px;
}

ul.spaced{
	margin-top: .5em;
	margin-bottom: .5em;
}

ul.spaced li{
	margin-top: .5em;
	margin-bottom: .5em;
}

ol li{
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
}



dl.feature{
	margin: 15px 0;
	padding: 15px 15px 0 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
dl.feature:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
dl.feature dt{
	margin: 0 0 3px 0;
	font-family: Arial, Verdana, serif;
	font-size: 140%;
	color: #1958b7;
	border: none;
}
dl.feature dt img{
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	width: 150px;
	border: none;
}

dl.feature dd{
	margin-left: 170px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	border: none;
}



.terms dt{
	color: #333;
	font-size: 100%;
	font-weight: bold;
}
.terms dd{
	color: #333;
	font-size: 100%;
	font-weight: normal;
}


.small dt{
	font-size: 100%;
	font-weight: bold;
}
.small dd{
	font-size: 100%;
	font-weight: normal;
}


dl{
	margin: 0;
	padding: 0 10px 10px 0;
}
dl dt{
	margin: .5em 0 1px 0;
	padding: 0;
	font-family: Arial, Verdana, serif;
	font-size: 125%;
	font-weight: bold;
	color: #1958b7;
}
dl dt a{
	color: #1958b7;
}
dl dd{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333;
}


/*************************************** Table ***************************************************/
table{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table th{
	margin: 0;
	padding: 2px;
	background: #aaa;
	color: #000;
	text-align: left;
	border: 1px solid #000;
}
table td{
	margin: 0;
	padding: 2px 2px;
	vertical-align: top;
	border-top: 1px solid #000;
}
table.chart{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	border-collapse: separate;
}
table.chart th{
	margin: 0;
	padding: 2px;
	background: #aaa;
	color: #000;
	text-align: center;
	border: 1px solid #000;
}
table.chart td{
	margin: 0;
	padding: 2px 2px;
	vertical-align: top;
	border: 1px solid #000;
}
table.calendar th{
	background: #9ac449;
	border: #9ac449 2px solid;
}
table.calendar td{
	width: 14%;
	margin: 0;
	padding: 0;
	height: 4em;
	border: #333 1px solid;
	vertical-align: top;
}
table.calendar td p.date{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	text-align: left;
}
table.calendar ul{
	margin: 0;
	padding: 0 0 0 2px;
}
table.calendar li{
	margin: 0;
	padding: 0;
	list-style: none;
}



















#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img { border: none; }
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav { left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
}
#prevLink { 
	left: 0;
	float: left;
	background: url('../images/lightbox/prevlabel.gif') no-repeat left 15%;
}
#nextLink { 
	right: 0; 
	float: right;
	background: url('../images/lightbox/nextlabel.gif') no-repeat right 15%;
}
#prevLink:hover, #prevLink:visited:hover { 
	 background: url('../images/lightbox/prevlabel-hover.gif') no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover { 
	background: url('../images/lightbox/nextlabel-hover.gif') no-repeat right 15%;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { 
	display: block; clear: left; padding-bottom: 1.0em;
}
#imageData #bottomNavClose { 
	width: 66px; float: right;  padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
