/* Styles added by Susan begin */
h2, h4 {
color:#ddd;
text-align:left;
font-size:13px;
margin: 20px 0 5px 20px!important;
}
.attention {
color:#c39c02 !important;
font-weight:bold;
}
.indent {
margin-left: 30px!important;
}
ul li, ol li {
line-height: 1.5;
color:#ccc;
text-align:left;
}
.metamessage {
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 1.5;
color: #ddd;
font-weight: bold;
background-color: #41021a; /*5f1701  43011a */
border: solid 2px #fd030f;  /*ca8103*/
padding:15px;
margin: 5px 25px 10px 15px;

}
.metamessage p {
margin: 5px 0 10px 0;
line-height: 1.5;
}
.metamessage ul {
margin: 0px !important;
}
.metamessage ul li {
margin: 5px 0 10px 0 !important;
font-weight: bold;
line-height: 1.3;
}

.callout {
font-family: verdana, sans-serif;
color: #ccc;
font-weight: bold;
background-color: #012244;
border: solid 1px #134a83;
padding:5px;
margin: 20px 25px 10px 25px;
}
.callout h2 {
font-size: 14px !important;
color: #ccc !important;
line-height: 1.5;
}
.callout p {
margin: 5px 0 10px 0;
line-height: 1.3;
/*font-weight: bold !important;*/
}
.callout ul {
margin: 0px !important;
}
.callout ul li {
margin: 5px 0 10px 0 !important;
/*font-weight: bold !important;*/
line-height: 1.3;
}
/* Styles added by Susan end */


/*HOME PAGE*/
img.hnav {margin: 0; padding: 0; border: 0; display: block;}
div#hbt {width: 774px; height: 30px; margin: 0; padding: 0; display: block;}
img.hbt {margin: 0; padding: 0; border: 0; display: inline;}
.sponsor_text {font: 9pt Verdana; line-height: 20px;}
div#hnav {float: left; margin: 0;	border: 0; padding: 0;width: 437px;}
div#hunav {float: left; margin: 0; border: 0;	padding: 0;}
img.header {display: block;	border: 0; margin: 0;	padding: 0;}
html {overflow-y: scroll;}
table#t_hnav td a img {padding: 0; border: 0; margin: 0;}

div#footer {position: relative; top: -1px;}

/* SIDE NAV BACKGROUND */
div#hcontent {
	color: #B2C2D1;
	background-color:  #001933;

}

/* NAV HIGHLIGHT
div.nav ul.nav li a:hover, div.lnav:hover {
	color: #FF3;
	background: #1D0100;
} */

div.lnavbuytickets {margin: 10px 0 6px 0;}

/* CONTENT TEXT */
#innercontent h4, #innercontent p, #innercontent ul, #innercontent ul li {
	color: #CCC;
}

/* CONTENT BACKGROUND */
div#inner_hd_background, div#lbanner {
 	background-color: #001933;
	}
div#lnav {margin: 2px 0; width: 191px;border-right:583px solid #001933; /* The width and color of the rail */ margin-right:-583px; float: left; z-index: -1;}

/* CONTENT TEXT */
#innercontent h4, #innercontent p, ul.nav li a, ul.nav li a:link, ul.nav li a:visited, ul.nav li a:active{	color: #CCC;
}

ul.nav li a:hover { color: #FF3; 	text-shadow: #000 2px 3px 2px;}
ul.nav li a.selected { color: #FF3; 	text-shadow: #000 2px 3px 2px;}
/*ul.nav li.selected a.third { color: #FF3;}*/



/* LINK COLORS 
#innercontent a {text-decoration: none; color: #9CF;}
#innercontent a:link {text-decoration: none; color: #9CF;}
#innercontent a:visited {text-decoration: none; color: #9CF;}
#innercontent a:active {text-decoration: none; color: #9CF;}
#innercontent a:hover {text-decoration: none; color: #9CF;}*/

/*PHOTO BACKGROUND*/ 

div.climateimageleft {background-color: #333;}

div.climateimageright, div.climateimage {background-color: #333;}

/*caption & credit*/
div.climateimageleft h5, div.climateimageright h5, div.climateimageleft h6, div.climateimageright h6, div.climateimage h5, div.climateimage h6 {color: #999;}


div.climateimageleft {float: left; margin: 10px 10px 10px 20px; padding: 0; }
div.climateimageleft img { margin: 0px;}

div.climateimage {margin: 10px 10px 10px 20px; padding: 0;}
div.climateimage img { margin: 0px;}

div.climateimageright {float: right; margin: 10px 20px 10px 10px; padding: 0; }
div.climateimageright img { margin: 0px;}

/*caption*/
h5 {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 7px; text-align: left;}

/*credit*/
h6 {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 7px; text-align: left;}


#innercontent ul {

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

ul.nav {
   		background: #2E4052;
	/*width: 169px;*/
	margin: 0;
	padding: 0 0 0 16pt;
  list-style-type: none;
  font: 11px Arial, Helvetica, sans-serif;
	font-style: bold;
}

ul.nav li {font-weight: bold;  margin-right: 10px; /*padding-bottom: 4px;*/ }

ul.nav li a {display: block; /*padding: 3px 0 3px 3px; margin: -3px 0 -3px 0;*/}

ul.ssnav {
   		
	margin: 0;
	padding: 0;
  list-style-type: none;
  font: 11px Arial, Helvetica, sans-serif;
  
}
/*
ul.ssnav li {margin-right: 10px; padding-bottom: 4px;}

ul.ssnav li a:hover {display: block; padding: 3px 0 3px 3px; margin: -3px 0 -3px 0; font-style: normal;}
*/
div#hcontent {
	
	margin: 0;
	border: 0;
	padding: 0;
	font: 12px Verdana;
	overflow: hidden;
	width: 774px;
	color: #7898B3;

}

a {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

div#hinnercontent a {color: #9CF;}
div#hinnercontent a:hover {color: #9CF;}
div#hinnercontent a:active {color: #9CF;}
div#hinnercontent a:link {color: #9CF;}
div#hinnercontent a:visited {color: #9CF;}

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


div#ltop {

	margin: 0;

}

div#lbanner {
	

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

}

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: 583px;
  
}

div#hinnercontent {

	padding: 20px;
	

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

}

div#innercontent {
	
  width: 583px;
	text-align: center;

}


#innercontent h4 {

	font: bold 14px Verdana;
	margin: 0px 10px 8px 20px;
	text-align: left;
}

#innercontent a {

	text-decoration: underline;

}

#innercontent div.metamessage{

	margin-bottom: 20px;

}

#innercontent div.metamessage p{

	font: 12px Verdana;
	font-weight: bold;
	line-height: 20px;
	
}

#innercontent p {

	font: 12px Verdana;
	margin: 0px 10px 15px 20px;
	text-align: left;
	line-height: 20px;	

}

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;

}

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

div.movieright {background: #001933 url('/exhibitions/climatechange/graphics/amnh_video_header.png') no-repeat top left; float: right; margin: 10px; padding: 24px 0px; }

div.mainclimatemovie {background: #001933 url('/exhibitions/climatechange/graphics/amnh_video_header_drk.jpg') no-repeat top left; float: right; margin: 00px; padding: 24px 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;}

td.gallery_top_nav {font-size: 13px;}
div.subnav {margin-bottom: 16px;}