/* CSS Document */

/******Main Structure of site - with footer set to appear at bottom of browser window******/

html, body {
	height: 100%;
	margin:0;
	padding:0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background: #666666;
	/*text-align: center;*/ /*only needed for rollovers, not for text links*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container { /* this is the div you want to fill the window */
	min-height: 100%;
	position:relative;
	width:780px;
	margin:auto;
	background-color:#58595B;
	border: 1px solid #000000;
	/*text-align:left;*/   /*only needed for rollovers, not for text links*/
}

* html #container {
	height:100%; /* hack for IE6 and below, which wont support min-height*/
	/*overflow:hidden;*/
}

#innerWrapper {
	padding-bottom:26px; /* Height of the footer */
}

#footer {
   position:absolute;
   bottom:0;
   width:780px;
   height:26px;   /* Height of the footer */
   background-color:#fff;
   padding:16px 0px 0px 0px;
   margin:0 auto;
   overflow:hidden;
   clear:both;
}


#footer p{
	margin:0 auto;
	/*padding-top:18px;*/
	text-align:right;
	font-size: xx-small;
	font-style: italic;
	color: #7d8d9c;
}

/**************************** End main structure section******************** */

/******************* Begin Header section *******************/

a, a img{
    outline:none;
}

#header{
	background-color: #7d8d9c;
	width:780px;
	height:169px;
	border-bottom:15px solid #fff;
	overflow:hidden;
}

#headLogo{
	width:257px;
	float:left;
}

#nav {
	width:433px;
	float:left;
	height:120px;
	background-color: #FFFFFF;
	margin:27px 25px 23px 35px;
	padding:0px 15px;
}

#nav ul{
	margin:0px;
	list-style:none;
	padding:2px 0px 0px;
}

#nav a{
	display:block;
	color:#002B58;
	margin:0;
	/*margin-left:-345px;*/ /*only needed for rollovers, not for text links*/
	padding:0;
	padding-bottom:2px;
	font-weight:normal;
	font-size:.8em;
	text-decoration:none;
}

* html #nav a{
	margin-bottom:-16px;
}

* html #nav a:active{
	color:#002B58;
	font-weight:bold;
	font-size:1em;
}

#nav a:link, #nav a:visited{
	color:#002B58;
	font-weight:normal;
	font-size:.9em;
}

#nav a:hover{
	color:#002B58;
	font-weight:normal;
	font-size:1em;
}

#nav a.active{
	color:#002B58;
	font-weight:bold;
	font-size:1em;
}


/******************* End Header section *******************/


#content{
	overflow: hidden;
	width: 100%;
	/*background:url(images/contentbg.gif) repeat-y;*/
}

#sidebar1{
	float:left;
	width:257px;
	overflow:hidden; 
	background-color:#58595B;
}

.thumbs{
	background-color:#7D8D9C;
	/*float:left;*/
	width:196px;
	margin:10px 0px 10px 25px;
	padding:7px 4px 7px 8px;
	height: 193px;
}

.thumbs img, .thumbs2 img{
	width:58px;
	float:left;
	padding:2px;
	border:1px solid #929fab;
}

.thumbs2{
	background-color:#7D8D9C;
	width:196px;
	margin:30px 0px 10px 25px;
	padding:7px 4px 7px 8px;
	height: 65px;
}

.sidebarLeft{
	margin:10px 0px 0px 25px;
	padding:0px;
}

.sidebarCenter{
	margin:10px 100px;

}

.home{
	background-color:#929fab;
	width:192px; 
	margin:0px 0px 10px 25px;
	padding:6px;
}

#sidebar2{
	/*height:300px;*/
	width:130px;
	float:left;
	margin-left:15px;
	padding-top:15px;
	position:relative;
	/*background-color:#58595B;*/
}

#sidebar2innerbox{ /*this replaces the sidebar2 a styling above*/
	width:120px;
	padding:10px 0px 10px 10px;
	/*position:relative;*/
	position:absolute;
	top:0px;
	background-color:#7D8D9C;
}

#sidebar2Lowerbox{
    width:120px;
	padding:10px 0 10px 10px;
	position:absolute;
	top:230px;
	left:0;
	background-color:#7D8D9C;
}

#sidebar2innerbox img, #sidebar2Lowerbox img{
	margin-left:-8px;
}

#centerContent{
	width:305px;
	float:left;
	padding:0px;
	padding-left:15px;  
	border-left:1px solid #fff;
	margin:0px;
	margin-left:33px;
	color:#fff;
	background-color:#58595B;
}

#centerContentBig{
	width:425px;
	float:left;
	padding:0px;
	padding-left:15px;
	border-left:1px solid #fff;
	margin:0px;
	margin-left:33px;
	color:#fff;
	height:100%;
	background-color:#58595B;
}

img.tagline{
	width:208px;
	margin-left:25px;
}

img.graphicHeading{
	margin-bottom:5px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	text-align:left;
	margin:15px 0px 0px;
	padding-bottom:10px;
}

h3{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	margin:10px 0px;
}

h4{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	font-style:normal;
	margin:10px 0px;
}

h5{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	margin:0px;
	margin-top:10px;
	padding:0px;
}

h6{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:normal;
	margin:0px;
	padding:10px 0px 0px;
}

p{
	font-size:1em;
	margin:10px 0px 0px;
}

p a{
	color:#ffffff;
}

#clearing{
	margin-top:225px;
}


.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
	margin:10px 0px 0px;
	padding-bottom:10px;
}

.style3{
	font-size:.8em;
	font-style:italic;
	margin:10px 0px;
}

/*dt{
	font-weight:bold;
	text-align:left;
	color:#fff;
}							Definition lists do NOT work in IE6

dd{
	font-weight:normal;
	text-align:left;
	margin-left:0px;
	color:#fff;
}
*/
/*dd+dt {
	margin-top:15px;  
}	*/

#centerContent ul{
	margin:0px;
	padding:0px;
}

#centerContent ul li{
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	list-style-image:none;
	color:#fff;
}

/*h5+p{
	margin:0px 0px 10px;
}*/

h2+h6{
	padding-top:13px;
}

#centerContent h2+img{
	margin-top:10px;
}

.right{
	width:125px;
	margin:0px 0px 0px 66px;
}

.left{
	float:left;
}

.rightInline{
	margin-top:12px;
	margin-left:10px;
}

#sidebar2 .openings a{
	margin-left:0px;
}

ul li a {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
}

ul li.nobullets {
	list-style-type:none;
	margin-left:-15px;
}

ul li.dots {
	/*list-style-image:url(images/76b.gif);
	list-style-position:outside;*/
	width:365px;
	text-align:justify;
	background-image:url(images/76b.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	list-style-type:none;
	text-indent: 20px;
	margin-left:-15px;
}

.alert {
	color:#002b58;
}

.aboutStretch{
	height:400px;
}