/* CSS Document */

/* mid grey #929497 */
/* light grey #B0B1B3 */


*{padding:0; margin:0;}

html, body { 
	margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
	background-color:#fff; 
}
 p, td, span, div, th, input, list, textarea, select, form { font-family:Verdana, Arial, Helvetica, sans-serif;}
a, li, ul, em, th { font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, { font-family:Verdana, Arial, Helvetica, sans-serif;}

#container { 
	margin: 0 auto;
	width: 941px;
	background-color: #fff;
}

	#lead-in { padding-top:20px; padding-bottom:20px; }
	#lead-in p {color:#999; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#lead-in p a {color:#999; text-decoration:none}


#header-title { float: right; padding-top: 20px; }
	#header-title h2 {text-align:right; color:#333; font-size:14px; font-weight: 400;}
	
#flash-header { float: right; height: 280px; margin-top:20px;}
#flash-header-web { float: right; width:720px; height: 366px; margin-top:20px; background-color:#E5E5E5; }

#col-wrap-left  { float:left; width:201px; min-height:450px; }

#col-wrap-left .maincontent, 
{ 
	width:200px; 
}
#col-wrap-right  { float:left; width:721px; margin-top:20px; margin-left:19px;  }

.maincontent h1 { margin-bottom:15px; padding-top:20px; font-size:1.0em; font-weight:400; color:#333;  border-top: 2px solid #ccc; }

.maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5  { color:#333;  }

.maincontent h2
  { margin-bottom:10px; padding-top:5px; font-size:0.9em; font-weight:400; }

.maincontent h3 
	{ margin-bottom:10px; padding-top:5px; font-size:0.8em; font-weight:400;}
  .maincontent h3 a { color:#0066CC; text-decoration:underline;}
  .maincontent h3 a:hover {color:#333; text-decoration:underline;}
.maincontent p
	{ margin-bottom:20px; font-size:0.7em; color:#666; line-height:150%;}

.maincontent p a.news-content { color:#0F5E5B; }	
.maincontent p span.news-date { color:#999; }
	
.maincontent p a { color:#666; text-decoration:underline;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.maincontent p a:hover	{color:#333; text-decoration:underline;}

.maincontent p img	{ float:left; padding-right:20px; border:none;}

/* Start nav List Styles*/
.maincontent ul.nav
{ margin-bottom:15px; padding-top:20px; list-style:none; border-top: 2px solid #ccc;}
.maincontent ul.nav li {
	height: 1%; /* Forces hasLayout (ie6) */
	display: inline; /* Removes additional verticle whitespace (ie7) */
	display:block;
	padding-left:20px; padding-top:0; padding-bottom:5px;
	background-repeat:no-repeat; min-width:50px;
	background-image:url(../images/li-body-list.gif);
	background-position:0px 0px;
	font-size:0.7em; color:#666;
	}
.maincontent ul.nav li a {color:#666; text-decoration:none;}
.maincontent ul.nav li a:hover {color:#333; text-decoration:underline;}	
.maincontent ul.nav li span {color:#333; text-decoration:underline;}

.maincontent ul.nav li ul	{ margin-top:10px; margin-bottom:0; list-style:none; font-size:140%;}
.maincontent ul.nav li ul li	{background-image:url(../images/li-sub-body-list.gif); color:#666;}
.maincontent ul.nav li ul li ul	{ margin-top:10px; padding-left:0; list-style:none; font-size:140%;}
.maincontent ul.nav li ul li ul li	{background-image:url(../images/li-sub-body-list.gif); color:#666;}

/* Start Body List Styles*/
.maincontent ul
{ margin-bottom:15px; list-style:none; }
.maincontent ul li {
	height: 1%; /* Forces hasLayout (ie6) */
	display: inline; /* Removes additional verticle whitespace (ie7) */
	display:block;
	padding-left:20px; padding-top:0; padding-bottom:5px;
	background-repeat:no-repeat; min-width:50px;
	background-image:url(../images/li-body-list.gif);
	background-position:0px 0px;
	font-size:0.7em; color:#666;
	}
		.maincontent .blog-date { margin-left:0; margin-top:0px; margin-bottom:0; color:#333;}
		.maincontent .blog-info { margin-top:0px; margin-bottom:0;}
.maincontent ul li a {color:#666; text-decoration:underline;}
.maincontent ul li a:hover {color:#333; text-decoration:underline;}	
.maincontent ul li span {color:#333; text-decoration:underline;}

.maincontent ul li ul	{ margin-top:10px; margin-bottom:0; list-style:none; font-size:140%;}
.maincontent ul li ul li	{background-image:url(../images/li-sub-body-list.gif); color:#666;}
.maincontent ul li ul li ul	{ margin-top:10px; padding-left:0; list-style:none; font-size:140%;}
.maincontent ul li ul li ul li	{background-image:url(../images/li-sub-body-list.gif); color:#666;}
/* numbered list */
.maincontent ol	{ padding: 0px 0px 0px 30px; margin: 0;	color: #666; font-size: 0.7em;}
.maincontent ol li { margin-top: 10px; }
.maincontent ol li a {color:#666; text-decoration:underline;}
.maincontent ol li a:hover {color:#333; text-decoration:underline;}	

.maincontent table td { color:#666; text-align:left; font-size:0.7em;}

/* forms */

.maincontent label { }
.maincontent select { 
			width:150px; 
			padding:2px; 
			font-size: 1.0em; color: #000; vertical-align:middle;
 		}
.maincontent textarea { 
			width:300px; 
			padding:2px; 
			font-size: 1.0em; color: #000; vertical-align:middle;
 		}
		
/* Gallery */
.image-row { clear:both; padding-top:10px;}
.image-row .image-col { float:left; width: 200px; margin-right:30px; }
.image-row .image-2col { float:left; width: 460px; }
	.image-row .image-col h4 { margin-top:5px; margin-bottom:5px; font-size:0.7em; color:#333; }
	.image-row .image-2col h2 { margin-top:5px; margin-bottom:5px; font-size:0.7em; color:#333; }
	.image-row .image-col p, .image-row .image-2col p { margin-top:5px; margin-bottom:5px; font-size:0.7em; color:#666; line-height:150%; }
	.image-row .image-col p a, .image-row .image-2col p a { color:#666; text-decoration:underline; }
	.image-row .image-col p a:hover, .image-row .image-2col p a:hover { color:#333; text-decoration:underline; }

/* FOOTER */
#footer-nav-wrap {
	display: block;
	width: 941px;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.65em;/*10px - this is IMPORTANT otherwise the rollover effect doesn't work */
	line-height: 1.0em;  border-top: 1px solid #E5E5E5;
	clear: both;
}

#footer-nav-wrap #footer-nav ul { float: right; }
#footer-nav-wrap #footer-nav-bar { clear: both; width: 100%; overflow:hidden; background:#fff;}
#footer-nav-wrap #footer-nav ul li {
    float: left; width: auto;  white-space: nowrap; display: block; }

#footer-nav-wrap #footer-nav ul li a {
    display: block; 
	width: auto; 
	padding-top:15px; margin-left:15px; padding-bottom:15px;
	color: #666; background:#fff; text-decoration: none;
}
#footer-nav-wrap #footer-nav ul a:hover { color:#666;  text-decoration: underline;}

#footer-wrap { padding-bottom:40px; margin: 0 auto; width: 941px;}
#footer-wrap p  { margin-bottom:20px; font-size:0.65em; color:#666; line-height:150%; text-align:right}
#footer-wrap p a {  color:#666; }
#footer-wrap p a:hover {color: #038A86; text-decoration:underline;}