a {text-decoration : none; color: #9ABEE6;}
a:link {text-decoration : none; color: #9ABEE6;}
a:visited {text-decoration : none; color: #AACEF6;}
a.active {text-decoration : none; color: #AACEF6;}
a:hover {text-decoration : none; color: #99FFFF;}

#innercontent a {text-decoration : none; color: #339999;}
#innercontent a:link {text-decoration : none; color: #339999;}
#innercontent a:visited {text-decoration : none; color: #339999;}
#innercontent a:active {text-decoration : none; color: #339999;}
#innercontent a:hover {text-decoration : none; color: #339999;}

div.introimage {background-color: #09315C; border: 1px solid #09315C; float: right; margin: 5px 20px 5px 5px; width: 235px;}
div.introimage h5 {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; margin: 5px;}

#innercontent ul {

        list-style-type: disc;
        font: 12px Verdana;
	line-height: 20px;
	color: #09315C;
	margin: 10px;
	text-align: left;
   
      }
      
      #innercontent ul li {
      
      	color: #09315C;
      	margin: 6px 2px 6px 2px;
      
      }

ul.nav {
   		
	width: 178px;
	margin: 0;
	padding: 0 0 0 16pt;
	color: #9ABEE6;
  background: #09315C;
	
  list-style-type: none;
   
}

li.selected {
		
		padding: 4px 0 2px 10px;
		line-height: 8pt;
}

li.selected a {

		color: #99FFFF;
		font-size: 105%;
		
		}

li.unselected {

		padding: 4px 0 2px 10px;
		line-height: 8pt;

}

#hrotate_images {

	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 476px;

}

div#ltop {

	margin: 0;
	_margin: 0;

}

div#lbanner {
	
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	display: block;

}

div#hbanner {


}

div#lbanner_images {

	margin: 0;
	border: 0;
	padding: 0;

}

div#lbanner img {

	display: inline;
	margin: 0;
	border: 0;
	padding: 0;

}

img.ltop {

border: 0;
margin: 0;

}

div#inner_hd_background {

	z-index: 0;
  float: left;
  width: 574px;
 	background: #D6E4F4 url('/exhibitions/water/graphics/hd_background.gif') no-repeat top right;
 	
}

div#hinnercontent {

	padding: 20px;

}

div#innercontent {
	

  width: 574px;
  background-color: #D6E4F4;
	text-align: center;

}


#innercontent h4 {

	font: bold 14px Verdana;
	color: #09315C;
	margin: 0px 10px 8px 14px;
	text-align: left;
}

#innercontent p {

	font: 12px Verdana;
	color: #09315C;
	margin: 0px 10px 8px 14px;
	text-align: left;
	line-height: 20px;	

}

#hinnercontent p{
	
	line-height: 20px;
	color: #D6E4F4;

}

.sponsor_text {

	font: 9pt Verdana;
	line-height: 20px;
}

div#hcontent {
	
	margin: 0;
	border: 0;
	padding: 0;
	font: 12px Verdana;
	color: #7898B3;
	background: #09315C;
	overflow: hidden;
	width: 774px;

}

div#lnav {

	margin: 0;
	width: 200px;
	border-right:574px solid #D6E4F4; /* The width and color of the rail */
  margin-right:-574px;
 	float: left;
 	z-index: -1;
  
}

div#hnav {
	
  float: left;
  margin: 0;
	border: 0;
	padding: 0;
	width: 298px;

}

div#hunav {

	float: left;
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
	
}

img.header {

	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	
}

div#hbt {

margin: 0;
padding: 0;
display: block;

}

img.hbt {

margin: 0;
padding: 0;
border: 0;

}

img.hnav {

	margin: 0;
	padding: 0;
	border: 0;
	display: block;

}
  
div#status {

	position: absolute;
	top: 10px;
	left: 784px;
	color: red;
	font-size: small;

}

#button_back {
	
	display: inline;
	margin: 10px 40px 10px 10px;

}

#button_next {
	
	display: inline;
	margin: 10px 10px 10px 40px;

}

table.gallery {

	 margin: 0 auto; 

}


 
 table.gallery td.gallery img {

	/*width:235px;*/
	/*margin: 7px;*/

}

td.gallery  {

	background-color: #09315C;
	width: 115px;
	color: #D6E4F4;
	padding: 7px;
	vertical-align: top;
 
 }

div.waterimageleft {background-color: #09315C; float: left; margin: 10px; padding: 7px 0px; }

div.waterimageright {background-color: #09315C; float: right; margin: 10px; padding: 7px 0px; }

div.watermovieleft {background: #d6e4f4 url('/exhibitions/water/graphics/amnh_video_header.jpg') no-repeat top left; float: left; margin: 10px; padding: 26px 0px; }

div.watermovieright {background: #d6e4f4 url('/exhibitions/water/graphics/amnh_video_header.jpg') no-repeat top left; float: right; margin: 10px; padding: 26px 0px; }

div.mainwatermovie {background: #09315C url('/exhibitions/water/graphics/amnh_video_header_drk.jpg') no-repeat top left; float: right; margin: 10px; padding: 26px 0px; }

.video_gallery td {background: #d6e4f4 url('/exhibitions/water/graphics/amnh_video_header.jpg') no-repeat top left; width: 270px; padding: 26px 0px; margin-left: 4px;}

div.waterimageleft img { margin: 0px;}
div.waterimageright img { margin: 0px;}

/*caption*/
h5 {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #D6E4F4; margin: 7px; text-align: left;}
h7 {display: block; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #09315C; margin: 7px; text-align: left;}

/*credit*/
h6 {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #D6E4F4; margin: 7px; text-align: left;}
h8 { display: block; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #09315C; margin: 7px; text-align: left;}



td.gallery_top_nav {

font-size: 13px;

}

div.subnav {

margin-bottom: 16px;

}

/*LOADING DIV*/
/*this must be set so that the loading div
    can be height:100% */
  /*body{height:100%}*/

	div#navintransit {
	
		 /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:774px;
    height:1000px;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    /*background: #fff;*/
    background:none; /*this line removes the background in IE*/
    /*opacity:.05;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;*/

    /*set the padding, so that the content
      of the div is centered vertically*/
   /* padding-top:25%;*/
    
	
	}

  /*this is what we want the div to look like
    when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;

   
  }