@import url(http://fonts.googleapis.com/css?family=Molengo);

body {margin:0; padding:0; background-color:#084768; font-family: Arial, Helvetica, sans-serif;}
h1 {margin-bottom:5px; font-size: 18px; font-weight:normal; color:#528eac;}

img.center {margin:0 auto 0 auto; display:block; border:none;}

#nav { margin:0 auto; padding:60px 0 10px 0; display:block; width:880px;}
#nav a, a:link, a:visited {margin:0 17px 0 17px; padding:0; display:block; height:25px; background:none; text-align:center; text-decoration:none; font-family:'Molengo', verdana, arial, sans-serif; font-size:14px; color:#FFF; line-height:25px; overflow:visible; float:left;}
#nav a:hover {color:#e5b53b;}
#nav a:active {color:#FFF;}

#wrap {margin:20px auto 10px auto; width:840px; position:relative; background-color:#FFF; border:3px solid #a6d3e9;}

#logo {top:-89px; right:352px; margin:0; padding:0; display:block; position: absolute; float:left; z-index:99; width:172px;}

#header {margin:10px 20px 10px 20px; padding:0; width:800px; height:169px; background:url(images/header.jpg) no-repeat; display:block; text-align:center;}
#header h1 {font: italic 17px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #084768; margin:20px 0 0 15px;}
#header p {margin-top:5px; color:#666666; font:normal 12px/18px Arial, Helvetica, sans-serif;}
#header.about {background:url(images/header_about.jpg) no-repeat;}
#header.projects {background:url(images/header_projects.jpg) no-repeat;}
#header.contact {background:url(images/header_contact.jpg) no-repeat;}

#news {margin:5px 0 0 20px; padding:0 10px 10px 10px; display:block; float:left; border:4px double #d8d8d8;}

#posts {margin:0; padding: 0 10px 0 10px; border-left: 2px solid #9fc6db; width:350px; float:left; }

#news .post_line {border-bottom: 1px solid #dfdfdf; width:400px; margin:15px 0 0 0px; display:block;}
#news h1 {margin-bottom:5px; color:#ff4b16; font-size: 18px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
.date {margin:0; padding:0; color:#9fc6db; font-size:13px; font-weight:bold; display:inline;}
#news h2 {margin:0; padding:0; color:#666666; font-size:13px; font-weight:bold; line-height:15px; display:inline;}
#news p {margin:0; padding:0; display:inline; text-align:left; font-size:12px; font-style:italic;  color:#666666;}
#news a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#e5b53b; float:right; text-align:right; line-height:13px;}
#news a:hover {color:#9fc6db;}
#news .news_title {text-align:left; float:left; color:#e5b53b; text-decoration:underline; font-size:13px; font-weight:normal; margin-top:5px; padding:0; height:20px; line-height:20px;}

.item {margin:0; padding:0;}

#events {margin:0 20px 0 0; padding:0; display:block; width:359px;  float:right; border:1px solid #d8d8d8;}
#events h1 {margin:0px; padding:5px 0 0 5px; color:#528eac; font-size:18px; font-weight:normal;font-family: Arial, Helvetica, sans-serif;}
#events h2 {margin:0; color:#9fc6db;font:normal 13px Arial, Helvetica, sans-serif;}
#events img {margin:5px;  padding:0px; border:1px solid #999999; float:left;}
#events p {margin:0; padding:2px 3px 0 2px; font-size:12px; font-style:italic; color:#666666; line-height:14px; text-align:left;}

#donate_now a {margin:10px 20px 0 0; padding:0; float:right; display:block;}
#donate {margin:10px 20px 0 0; padding:5px; color:#528eac; border:1px solid #d8d8d8; float:right; display:inline; width:350px; height:20px;}


.col_box {margin:0 auto; padding-top:10px; width: 800px;}
.logo_sm {margin:0 auto; padding:5px; text-align:center; border:none;}

.col_box p {margin-top:115px; padding:0 10px 0 10px; color:#0d3e58; font-size:12px; text-align:left; line-height:16px; font-family:"Times New Roman", Times, serif;}
.col_box a {margin:0; padding:0; font-weight:bold; color:#0d3e58; font-size:12px; font-family:"Times New Roman", Times, serif;}

.col1 {
   padding: 0px 26px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background: url(images/index_col1_bg.jpg) no-repeat;
   height:350px;
   width:180px;
}   
.col2 {
   padding: 0px 26px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background: url(images/index_col2_bg.jpg) no-repeat;
   height:350px;
   width:180px;
}
.col3 {
   padding: 0px 26px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
  background: url(images/index_col3_bg.jpg) no-repeat;
   height:350px;
   width:180px;
}
.col4 {
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
  background: url(images/index_col4_bg.jpg) no-repeat;
   height:350px;
   width:180px;
}

#sidebar {margin:0px 15px 0 40px; padding:0; width:195px; float:left; text-align:left; color:#666666; font-size:12px;}
#sidebar ul {margin:0 0 0 10px; padding:0px; text-align:left; display:block}
#sidebar li {margin-top:5px; padding:0; list-style-type:disc; float:left; text-align:left;}
#sidebar a {margin:0px 10px 0px 0; padding:0; line-height: 18px; color:#666666; width:187px; display:block; text-align:left; border-bottom:solid 1px #e9e9e9; float:right;}
#sidebar a:hover {color:#e5b53b;}
#sidebar ul ul {font-size:11px; list-style-type: circle; width:200px;}
#sidebar img {border:none;}
#sidebar h2 {margin:10px 0 5px 0px; padding-top:10px; line-height:14px; font-size: 14px; font-weight:normal; color:#528eac; clear:both; display:block;}
#sidebar h1 a {margin-bottom:5px; font-size: 18px; font-weight:normal; color:#528eac;}


.side_donate {margin:20px 0 10px 10px; border:none;}
.sidelogo {position: relative; right:15px; top:20px;}
.side_img {position: absolute;left:30px; bottom:70px;}
.side_img_04 {position: absolute;left:30px; bottom:70px;}
.side_img_05 {position: absolute;left:30px; bottom:70px;}

#gallery img {margin:5px; padding:0; display:block;}

#logoset {margin:0 0 20px 0; width:550px; height:70px;}
h2.museum_header {margin:0; padding:0; line-height:14px; font-size: 14px; font-weight:bold; color:#528eac; display:inline;}

#content {margin:0px 30px 0 0; padding:0; width:550px; display:block; float:right; color:#666666; font-size:12px;}

#content h1 {color:#ff5625;}
#content .img_right {border:solid 1px #999999; padding:5px; margin:10px 5px 5px 10px; display:inline; float:right;}
#content .img_left {border:solid 1px #999999; padding:5px; margin:10px 10px 5px 5px; display:inline; float:left;}
#content .break {margin:0 auto; float:right; display:block; border:none;}
#content a.link {color:#528eac; float:right; text-align:right;}
#content a.top {color:#528eac; font-size:10px; float:right; display:block; text-align:right;}

#content .museum {margin:0 0px 40px 0px; padding:0 0 10px 10px; width: 550px; display:block; float:right; clear:right; line-height:16px; border-bottom:dotted 1px #CECECE;}
#content a.img_museum {border:solid 1px #999999; padding:5px; margin:2px 10px 2px 2px; display:block; height:136px; float:left;}
#content .img_museum {border:solid 1px #999999; padding:5px; margin:2px 5px 2px 2px; display:inline; float:left;}

#content .ngg-galleryoverview {float:left; margin:5px 0 0 -12px; padding:0; display:block; width:570px;}

#water_docs {width:550px; float:none; margin:0; padding:0; border:0; text-align:center;}
#water_docs .water_col1 {float: left; width:150px; height:220px; margin-left:25px; padding:0;}
#water_docs .water_col2 {float: left; width:150px; height:220px; margin:0 25px 0 25px; padding:0;}
#water_docs .water_col3 {float: right; width:150px; height:220px; margin-right:25px; padding:0;}
#water_docs .water_col4 {float: left; width:267px;  height:220px; margin:20px 16px 0 0; padding:0;}
#water_docs .water_col5 {float: right; width:267px;  height:220px; margin-top:20px; padding:0;}
#water_docs a:link {color:#666666; font-size:10px;}

#bottom_nav {
	margin:10px 20px 10px 20px;
	padding:0; 
	width:800px; 
	text-align:center;
	height:25px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf; 
	overflow:hidden;
	position:relative;
}
#bottom_nav ul { 
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

#bottom_nav li {margin: 0; padding:0; position:relative; right:50%; display:block; list-style:none; float:left;}
#bottom_nav a {margin:0 30px 0 0px; padding:0px; float:left;  font-size:12px; color:#0d3e58; font-family:Verdana, Arial, Helvetica, sans-serif;}
#bottom_nav a:hover {color:#e5b53b;}
#bottom_nav a:active {color:#0d3e58;}

#footer {margin:0 auto 20px auto; padding:0px; color:#FFF; text-align:center; font-size:11px; width:800px; font-family:"Times New Roman", Times, serif;}