@charset "utf-8";
/* CSS Document */

body {
	background-color: #D9EBFF;
	margin: 0 auto;
	font-family:sans-serif, Arial;
}

h1 {
	color: #000;
	font-size:26px;
}
.h1small { font-size: 16px;}
h2 {
	color: #6699CC;
	font-size: 18px;
}
h4 { color: #C8DC23; font-size:16px; margin-left:18px; margin-right: 18px;}
p { font-size: 12px;}


.shadow{
box-shadow: 3px 3px 8px #818181;
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
width:970px; background:navy; border: 0px solid black; margin: 0 auto; margin-top: 15px;
}
.shadow2{
box-shadow: -3px -3px 14px #818181;
-webkit-box-shadow: -3px -3px 14px #818181;
-moz-box-shadow: -3px -3px 14px #818181;
width:970px; background:navy; border: 0px solid black; margin: 0 auto;
}

/* divs */

#container { width: 950px; margin: 0 auto;  background-color:#fff; border: 10px solid #003; }
#header { width:950px; height: 175px; margin: 0px;}
#header p { color: #C7DC1D; margin: 0; text-align:right; font-size: 14px; margin-right: 35px;}


#mainnav {
	width:950px;
	height:45px;
	position:relative;
	padding-top: 15px;
	background-image: url(/lib/img/mainnav_bg.jpg);
	background-repeat: repeat-x;
	border-top: 3px solid #fff;
}
#mainnav ul li a, #mainnav ul li a:visited {
	text-decoration:none;
	color:#000;
	
	color:#FFF;
	font-size:18px;
	padding: 5px 8px;
	margin-top: 10px;
}
#mainnav ul li a:hover  {
	color: #fff;
	background-color: #6699CC;
	 
}
#mainnav ul {padding:0; margin:0; list-style: none; margin-left: 15px;}
#mainnav ul li {float:left; position:relative;padding: 5px; }

/* NOT USED YET specific to non IE browsers 
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
*/



#col1 { display:block; width:550px;  margin-top:20px; float: left}
#col1 img { border: 4px solid #e1e1e1; margin-bottom: 10px;}
#col2 { display:block; width:655px; min-height:450px; margin-left: 25px;margin-top:10px; float: left}
#col2 h3 {
	color: #063;
	font-size: 16px;
}
#col2 ul { font-size: 12px;}
#col2 img { border: 1px solid #ccc; }
#col2 ol { font-size: 12px;}
#col3 {
	display:block;
	width:239px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top:15px;
	float: right;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #6699cc;
	

}
#col3 p {  padding: 0px 8px; color: #000;}
#col3 h1 {
	padding: 0 8px; 
	color: #6699cc;
}
#col3 h2 {
	padding: 0 8px;
	font-size: 18px;
	color: #6699cc;
}
#col3 h3 {
	padding: 0 8px;
	font-size: 16px;
	color: #999;
}
#col3 ol { font-size: 14px;}
#col3 li { margin-bottom: 5px;}
#col3 a {text-decoration: underline;color: #333;}
#col3 a:hover {
	text-decoration: none;
	color:#6699cc;
}

#col3 img {  border: 5px solid #fff;}
/**/
#innercol3 {
	display:block;
	width:239px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top:15px;
	float: right;
	padding: 5px;
	background-color: #fff;
	
	

}
#innercol3 p {  padding: 0px 8px; color: #000;}
#innercol3 h1 {
	padding: 0 8px;
	
	color: #6699cc;
}
#innercol3 h2 {
	padding: 0 8px;
	font-size: 18px;
	color: #003;
}
#innercol3 ol { font-size: 14px;}
#innnercol3 li { margin-bottom: 5px;}

#innercol3 a {text-decoration: underline;color: #333;}
#innnercol3 a:hover {
	text-decoration: none;
	color:#6699cc;
}

#innercol3 img {  border: 5px solid #fff;}


#col2 a { color: #333;}
#col2 a:hover {
	color: #6699CC;
	text-decoration:none;
}
#content { display:block; min-height:400px; width: 631px; float:left; background-color:#FFF; margin-left: 15px;padding-left: 10px; padding-right:25px; padding-bottom: 25px;margin-top:10px;}
#content img { border: 0px;}
#content a { color: #333;}
#content a:hover { color: #600; text-decoration:none;}
#innercol1 { display:block; width:205px; float: right; margin-top:20px; background-color: #FFF2F2; padding: 5px 15px 15px 15px; 	margin-right: 15px; border: 1px solid #ccc; }
#innercol1 img { border: 0px;}
#innercol1 a { color: #333;}
#innercol1 a:hover { color: #600; text-decoration:none;}
#innercol1 h2 { font-size: 16px; color: #600; }


#footer {
	display:block;
	width: 950px;
	color:#666;
	min-height: 40px;
	padding-bottom: 10px;
	background-image: url(/lib/img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color:#006;
}
#footer ul li a, #footer ul li a:visited { text-decoration:underline; color:#000;  color:#ccc; font-size:14px;  padding: 5px 3px; }
#footer ul li a:hover  { text-decoration: none; color: #fff;}
#footer ul {padding:10px 0 0 0; margin:0; list-style: none; margin-left: 15px;}
#footer ul li {float:left; position:relative; }
#footer p { margin-left: 17px; font-size: 11px; color: #999; padding-top: 10px;}
#footer a, #footer a:visited { 	color: #666; }
#footer a:hover { text-decoration:none;}

#gallery {width: 450px;}
.red { color:red;}

.black { color: #000;}