@import url(default.css);
@import url(thickbox.css);
@media screen {
body { background: #86B8E9;  }

.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; }
.nav dt { display: none; }
a {color:#1e67ce; }

a:link, a:visited { color: #C00004; font-size: 14px; text-decoration: underline; }
a:hover, a:focus, a:active { color: #C00004; font-size: 14px; text-decoration: none;}

a, img { border-style:none; outline-style:none; }

h1 {padding: 0 0 5px 0; margin: 0; color: #1E67CE; font-size: 18px; text-transform:uppercase;  font-family: Arial, Verdana, Sans-Serif;}
h2 {padding: 5px 0 5px 0; margin: 0; color: #724325; font-size: 17px; font-family: Arial, Verdana, Sans-Serif;}

p {padding: 0 0 5px 0; margin: 0;}

#divider {height: 1px; background: #ccc; width: 100%; margin-bottom: 10px;}



/* Main Page "What's New" Section */
#WhatsNewTable td {padding-right: 5px; width: 190px;}

.WhatsNew {font-size: 12px; padding: 5px 10px 0 10px; text-align: left;}
.WhatsNew p {padding: 0; margin: 0;}
.WNHead {color: #1E67CE; font-weight: bold;}
.WNBlurb {font-size: 11px; font-weight: bold;}
.WNReadMore a:link, .WNReadMore a:visited  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: none; }
.WNReadMore a:hover, .WNReadMore a:active  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: underline; }
.WNReadMore {padding-top: 5px!important;}

.captionphoto { width:292px; float:right; clear:right; margin-top:5px; margin-left:10px; margin-bottom:10px; padding-top:195px; font-size:0.8em; font-style:italic; background-position:0 0; background-repeat:no-repeat; }
.captionphoto a { font-size:1em; font-style:italic; }
.thumbnail { width:200px; text-align:center; }
.thumbnail a { font-size:0.8em; font-style:italic; color:#000; text-decoration:none; }
.floatr { float:right; clear:right; margin-left:10px; margin-bottom:10px; }
/* Natrual Areas Search
****************************/
.searchAreas { margin: 2em -59px -30px; border-top: 1px solid; padding: 10px 30px; background: #C7D9F4; position: relative; z-index: 1;}
.searchAreas h3 { color: #6D4021; font-size: 1.3em; margin: 0; }
.searchAreas .updated { font-style: italic; font-size: .83em; margin: 0; }
.searchAreas ul { display: block; margin: 0; padding: 0; }
.searchAreas li { list-style: none; padding: 5px; margin: 0 0 0 180px; }
.searchAreas li li { margin: 0; }
.searchAreas label.primary { font-weight: bold; }
.searchAreas .cblist { margin: .5em; }
.searchAreas .cblist li { display: inline-block; width: 250px; *display: inline; padding: 5px; }
.searchAreas .cblist li { width: auto; }
* html .searchAreas { zoom: 1; }
#sa_map { width: 170px; float: left; padding: 0 10px 0 0; margin-left: 0; }
#sa_map .ir { background: url(/!images/int/anhc_enews_map_promo.gif) no-repeat; padding-top: 95px; height: 95px; width: 170px; margin: 0 auto; }
#sa_area { border-bottom: 1px solid; }

/* =LAYOUT
****************************/
form { width: 100%; }

#OuterWrapper
{
	width: 924px;
	margin: 0 auto;
	position: relative;
}

#donor_promo
{
    display: block;
    position: absolute;
    right: -123px;
    top: 73px;
    width: 123px;
    height: 0;
    padding-top: 363px;
	background: url(/!images/anhc_promo_become_an_anhc_donor.png) no-repeat 0 0;
	overflow: hidden;
}

#Wrapper
{
	background: url(/!images/mp/anhc_main_footer.jpg) no-repeat bottom right;
	width: 924px;
	position: relative;
	z-index: 1;
}

#Header
{
	height: 82px;
	width: 924px;
	z-index:0;
}

#MainNav
{
	height: 30px;
	width: 924px;
	background-image: url(/!images/mp/anhc_main_nav_b.gif);
}

#ContentArea
{
	width: 924px;
	height: 679px;
}

#ContentArea .LeftCol
{
	background: url(/!images/mp/anhc_main_left_photo.jpg) no-repeat;
	width: 250px;
	height: 679px;
	float: left;
}

#ContentArea .RightCol
{
	background: url(/!images/mp/anhc_main_header_photo.jpg) top center no-repeat;
	width: 674px;
	height: 679px;
	float: right;
}

#TextArea 
{
	background: url(/!images/mp/anhc_main_content_bg.jpg) no-repeat;
	height: 320px;
	width: 674px;
	margin-top: 168px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#TextArea .ContentText
{
	padding: 0 60px 0px 30px;
	font-size:12px;
}



#Footer
{
	background: url(/!images/mp/anhc_mp_footer_nav-a.gif) top center no-repeat;
	position: relative;
	margin: 0 auto;
	width: 924px;
	z-index: 1000;
}


#FooterTable {font-size: 10px; width: 924px;margin-top: 15px; margin-bottom: 15px; font-weight: bold;}

#FooterTable a:link, #FooterTable a:visited  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: none; }
#FooterTable a:hover, #FooterTable a:active  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: underline; }


/* Interior Specific Styles */
#IntWrapper 
{
	background: url(/!images/int/anhc_int_content_background.gif) repeat-y ;
	min-height: 500px;
	width: 924px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

#IntSubhead {width: 924px; height: 154px;}

#IntContent {Padding: 40px 60px 30px 60px; }

#breadcrumbs {padding: 5px 0 0 60px; font-size: 11px; float: left;}
#breadcrumbs a { white-space: nowrap; font-size: 11px;}

#PagePrint {padding: 5px 60px 0 0; float: right;}

/* Main Navigation */ 

#NavSprite
{
	margin:0;
	float:left;
	position:relative;
	z-index: 1;
}

#NavSprite dd
{
	margin:0;
	float:left;
	position:relative;
}

#NavSprite a.ir
{
	display:block;
	width:924px;
	height:0px;
	padding-top:30px;
	background:url(/!images/mp/anhc_main_nav_a.gif) 0 0 no-repeat;
	overflow:hidden;
}

#About a.ir{background-position:-0px 0; width:100px;}
#News a.ir{background-position:-100px 0; width:140px;}
#Rare a.ir{background-position:-240px 0; width:120px;}
#Natural a.ir{background-position:-360px 0; width:130px;}
#Images a.ir{background-position:-490px 0; width:78px;}
#Education a.ir{background-position:-568px 0; width:100px;}
#Publications a.ir{background-position:-668px 0; width:120px;}
#Citizen a.ir{background-position:-788px 0; width:135px;}

#NavSprite a.ir:hover{background: none;}

.sec_about dd#About a.ir,
.sec_news dd#News a.ir,
.sec_rare dd#Rare a.ir,
.sec_natural dd#Natural a.ir,
.sec_gallery dd#Images a.ir,
.sec_education dd#Education a.ir,
.sec_publications dd#Publications a.ir,
.sec_citizen dd#Citizen a.ir {background-image: none;}

#NavSprite dd:hover a.ir, #NavSprite dd.IEhover a.ir, #NavSprite a.ir:hover { background: none; }


/* Drop Down Styles*/

#NavSprite ul 
{
 	list-style: none;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	top: -200em;
	z-index: 100;
	width: 185px;
}

#NavSprite li 
{	
	position:relative; 
	margin: 0;
	padding:0;
}

.odd {background: #FCF9F2;}
.even {background:#fff;}

* html #NavSprite li 
{ 
	float:left;
	clear:left; 

}

#NavSprite li:hover, #NavSprite li.IEhover 
{
	z-index:100; 
}

#NavSprite li ul 
{ 
	left: 13em; 
	font-weight: normal;
}

#NavSprite li a 
{
	display: block;
	color: #333; 
	font-size: 13px;
	padding: 5px 5px 5px 20px;
	text-decoration: none; 
	font-family: Lucida Sans, Arial, Verdana; 
}

* html #NavSprite li a 
{
	height:0%;
}

#NavSprite li a:hover 
{
	color: #E15226;
	text-decoration: underline;
	padding-left: 20px;
}

/* Holly Hack. IE Requirement \*/
#NavSprite ul li { clear: left; float: left; height: 1%; width: 100%; }
#NavSprite ul li a { *height: 1%;  }
/* End */

	#NavSprite dd:hover>ul  { top: 30px; }
	#NavSprite dd.IEhover ul.ddesc{ top: 30px; }
	#NavSprite li:hover>ul { top: 0; z-index: 10; }
	#NavSprite dd.hover ul, #NavSprite dd.over ul { top: 30px; background: none; display: block; }
	#NavSprite li.IEhover ul.ddesc, #NavSprite li ul.closeing { top: 0; z-index:100; }



/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
.dropdown dd.active { z-index: 10; }
.dropdown dd.active ul.menu { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }


/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }

/* */

/* Footer Navigation */

#FooterSprite
{
	height: 27px;
	margin:0;
	float:left;
	position:relative;
	z-index: 1;
}

#FooterSprite dd
{
	margin:0;
	float:left;
	position:relative;
}

#FooterSprite a.ir
{
	display:block;
	width:924px;
	height:0px;
	padding-top:27px;
	background:url(/!images/mp/anhc_mp_footer_nav-b.gif) 0 0 no-repeat;
	overflow:hidden;
}

#FtHome a.ir{ display:none; }
#FtAbout a.ir{background-position:0px 0; width: 80px;}
#FtNews a.ir{background-position:-80px 0; width:154px;}
#FtRare a.ir{background-position:-234px 0; width:118px;}
#FtNatural a.ir{background-position:-352px 0; width:126px;}
#FtImages a.ir{background-position:-478px 0; width:90px;}
#FtEducation a.ir{background-position:-568px 0; width:100px;}
#FtPublications a.ir{background-position:-668px 0; width:118px;}
#FtCitizen a.ir{background-position:-786px 0; width:138px;}
#FooterSprite a.ir:hover{background: none;}

.sec_about dd#FtAbout a.ir,
.sec_news dd#FtNews a.ir,
.sec_rare dd#FtRare a.ir,
.sec_natural dd#FtNatural a.ir,
.sec_gallery dd#FtImages a.ir,
.sec_education dd#FtEducation a.ir,
.sec_publications dd#FtPublications a.ir,
.sec_citizen dd#FtCitizen a.ir {background-image: none;}

#FooterSprite dd:hover a.ir, #FooterSprite dd.IEhover a.ir, #FooterSprite a.ir:hover { background: none; }

}

/* =Rare Species Search
*****************************/


/* =Forms
*****************************/

fieldset 
{
    float: left;
    clear: left;
    width: 100%;
    margin: 1.5em 0 0 0;
    padding: 0;
    background:#fef0c9; 
    border:1px solid #145c08;
    min-height:3.5em;
    height:auto !important;
    height:3.5em;
}
legend 
{
    margin-left: 1em;
    padding:0;
    color:#724325;
    font-weight: bold;
}
legend span
{
    position: absolute;
    margin-top: 0.5em;
    font-size: 1.4em;
}
fieldset ol 
{
    padding: 2.5em 1em 0 1em;
    list-style: none;
}
fieldset li 
{
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 1em;
}
fieldset.submit, li.submit
{
    float: none;
    width: auto;
    border-style: none;    
    padding-left: 12em;
    padding-top:1.5em;
    background:transparent none;
}
li.submit { padding-left:11em; padding-top:0; padding-bottom:0;}
.SearchLabel
{
    width: 5em;
    text-align:left;
}
label 
{
    position:relative;
    z-index:1;
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align:right;
}
label em
{
    /*position: absolute;
    z-index:1;
    left: 10em;
    top: 0;
    font-style:normal;*/
    display: block;
    font-size: 85%;
    font-style: normal;
    text-transform: uppercase;
}
label em, .reqd { color:#993300; }

/* Rules for nested Fieldsets */

fieldset fieldset
{
    margin: 0;
    border-style: none;
    background-color: transparent;
    background-image: none;
}
fieldset fieldset legend 
{
    margin-left: 0;
    font-weight: normal;
    color:#00395A;
}
fieldset fieldset legend span
{
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    font-size:1em; 
    width:10em;
    text-align:right;
    margin-top:0;          
}
fieldset fieldset ol 
{
    margin: 0 0 0 11em;
    padding: 0;
}
fieldset fieldset label 
{
    float: none;
    width: auto;
    margin-right: auto;
    margin-left:.5em;
}

/* Alternate rules different layouts*/

.labelTop { padding-left:3em;}

.labelTop fieldset legend span
{
    margin-left:-.5em;
    width:auto;
}

.labelTop fieldset ol
{
    margin-left:8em;
    margin-top:1.5em;
}

.labelTop fieldset label
{
    display:inline;
    margin-left:.5em;
}

.labelTop fieldset input, .labelTop fieldset textarea, .labelTop fieldset select { margin-left:0;}

.labelTop label
{
    width:auto;
    float:none;
    margin:0;
    text-align:left;
    display:block;
    margin-left:-.5em;
}

.labelNoFloat { padding-left:2.5em; }

.labelNoFloat label
{
    float: none;
    width: auto;
    margin-right: auto;
    margin:0 .5em;
    text-align:left;
}

.sideBySide { float:left; clear:none; width:auto; margin-left:1em;}
.sideBySide label {width:auto;}

/* Gallery UL's */
#GalleryThumbs ul {list-style: none; margin: 0; padding: 0;}
#GalleryThumbs li {display: inline; padding: 0 15px 5px 0px; margin: 0 0 0px 0; float: left; width: 100px; height: 140px; text-align: center;}
#SuperCats ul {list-style: none; margin: 0; padding: 0;}
#SuperCats li { display: inline; padding: 0 15px 0 0; margin: 0;}