/*
---------------------------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: wellingtonzoo.com/inform/about/annual-report06/
---------------------------------------------------------------------------------------------------
DESIGN, CSS & XHTML: kerri du pont - Haven Design, Ltd.
---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------
*/

/*  Normalising
________________________________________________________________________ */
* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

q:before, q:after { content:''; }


/*  Globals
________________________________________________________________________ */

body {
	font: 11px/1.4 Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative; 
	width: 100%;
}

p { text-decoration: none; }
h1 { margin:0; padding:0; text-indent: -9999px; }
h2 { position: absolute; text-indent: -9999px; }
h3 { font: bold 12px/1.4  Arial, Helvetica, Verdana, sans-serif; letter-spacing: .1em; padding: 10px 90px 0 9px; }
h3.name { float: right; clear: both; height: 18px; padding-bottom: 10px; padding-top: 0; }

body.home { background: #BF9E7A url(../gfx/hm_bkgd.gif) repeat-y 0 0; }
body.chair { background-color: #955884; }
body.environment { background-color: #955884; }
body.newera { background-color: #2B5D52; }
body.direction { background-color: #036; }
body.becoming { background-color: #E0B01F; }
body.conservation { background-color: #B2BB38; }
body.visitors { background-color: #2D3610; }
body.community { background-color: #64390B; }
body.partners { background-color: #5FA8AB; }
body.industry { background-color: #BF9E7A; }
body.industrytable { background-color: #BF9E7A; }
body.people { background-color: #900; }
body.success { background-color: #D46006; }
body.financials { background-color: #CCB764; }
body.trustees { background-color: #5E5E5E; }
body.credits { background-color: #81AC80; }
body.admissions { background-color: #2D3610; }

a { color: #585757; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #fff; }
#main_content a:visited { color: #999; }

.firstp { color:  #955884; font: bold 12px/1.4  Arial, Helvetica, Verdana, sans-serif; letter-spacing: .1em; padding: 10px 90px 0 9px; }
.head { padding: 0 0 15px 0; margin: 0 ;}
.copyright { font: 9px/1.3 Arial, Helvetica, Verdana, sans-serif; color: #fff; }
#quote { display: block; position: relative; left: 220px; float: none; padding: 15px 0 ; }
.photo_l { float: left; display: block; position: relative; padding: 10px 20px 10px 0; }
.photo_r { float: right; display: block; position: relative; padding: 10px 0px 10px 20px; }
#photo_name { display: block; float: right; clear: both; padding: 15px; }

.credits p, .industrytable p, .admissions p { padding: 0 0 12px 9px; }
.credits p.head, .industrytable p.head { padding: 0; }
.admissions p.graphhead { padding: 91px; width: 638px; }

.datatxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	left: 15px;
	letter-spacing: .1em;
}

/*  Section color classes
________________________________________________________________________ */
.chair #main_content a { color: #B2BB38; }
.chair #footer a { color: #ccc; }
.chair h3 a { font-weight: bold; color: #64390B; }

.newera h3 { color: #2B5D52; }
.newera #main_content a { color: #FC3; }
.newera #footer a { color: #999; }
.newera h3 a { font-weight: bold; color: #EEBD2B; }

.direction #footer a { color: #999; }
.direction h3 a { font-weight: bold; color: #B2BB38; }

.becoming h3 { color: #E0B01F; }
.becoming #main_content a { color: #900; }
.becoming h3 a { font-weight: bold; color: #900; }

.conservation h3 { color: #B2BB38; }
.conservation h3 a { font-weight: bold; color: #75C1E7; }

.visitors h3 { color: #2D3610; }
.visitors #main_content a, .admissions #content a { color: #EA6600; }
.visitors h3 a { font-weight: bold; color: #EA6600; }

.community h3 { color: #64390B; }
.community #footer a { color: #999; }
.visitors h3 a { font-weight: bold; color: #81AC80; }

.partners h3 { color: #5FA8AB; }
.partners #main_content a { color: #723260; }
.partners #main_content thead tr th { color: #5FA8AB; }

.industry #main_content a { color: #036; }

.industrytable #content thead tr th { color: #036; }

.people h3 { color: #900; }
.people #footer a { color: #999; }
.people h3 a { font-weight: bold; color: #BB8822; }

.success #main_content a { color: #663; }
.success #footer a { color: #999; }
.success h3 a { font-weight: bold; color: #663; }

.financials #main_content a { color: #585757; }

.trustees h3 { color: #5E5E5E; }
.trustees #main_content a { color: #663; }
.trustees #footer a { color: #999; }

.credits h3 { color: #81AC80; }
.credits a { color: #337A9E; font-weight: bold; }

/* Fixes 
________________________________________________________________________ */
.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Layout divisions
________________________________________________________________________ */

body.admissions #wrap { background-color: #2D3610; width: 810px; height: 580px; margin: 0 auto; }
body.admissions #title { background-color: #fff; height: 46px; width: 673px; position: relative; left: 91px; padding-top: 15px; }

#banner {
	height: 82px;
	background: url(../gfx/animal_banner.jpg) no-repeat 100% 0;
}

.home #banner { height: 156px; background: url(../gfx/hm_bkgd.gif) repeat-y 0 0; }
.home #banner #title { height: 48px; width: 1015px; background: url(../gfx/title0.gif) no-repeat 0 0; }
.home #banner #logo { display: inline; padding: 0; }



/*body.admissions #title p { background-color: #fff; width: 665px; font: 11px/1.3  Arial, Helvetica, Verdana, sans-serif; letter-spacing: .1em; padding: 0 0 20px 0; }
body.admissions #title p img { padding: 5px 0 0 0; }*/

#logo { 
	height: 82px;
	width: 390px; 
}

#wrapper {

}

.home #banner #logo { height: 108px; width: 1015px; }
.chair #banner #logo { background: url(../gfx/logo1.gif) no-repeat 0 0; }
.newera #banner #logo { background: url(../gfx/logo2.gif) no-repeat 0 0; }
.direction #banner #logo { background: url(../gfx/logo3.gif) no-repeat 0 0; }
.becoming #banner #logo { background: url(../gfx/logo4.gif) no-repeat 0 0; }
.conservation #banner #logo { background: url(../gfx/logo5.gif) no-repeat 0 0; }
.visitors #banner #logo { background: url(../gfx/logo6.gif) no-repeat 0 0; }
.community #banner #logo { background: url(../gfx/logo7.gif) no-repeat 0 0; }
.partners #banner #logo { background: url(../gfx/logo8.gif) no-repeat 0 0; }
.industry #banner #logo { background: url(../gfx/logo9.gif) no-repeat 0 0; }
.people #banner #logo { background: url(../gfx/logo10.gif) no-repeat 0 0; }
.success #banner #logo { background: url(../gfx/logo11.gif) no-repeat 0 0; }
.financials #banner #logo { background: url(../gfx/logo12.gif) no-repeat 0 0; }
.trustees #banner #logo { background: url(../gfx/logo13.gif) no-repeat 0 0; }

/* #nav { width: 151px; float: left; margin: 0; padding: 12px 0 0 0; }
.home #nav { width: 151px; float: left; margin: 0; padding: 12px 0 0 0; background-color: #345F22; }
*/
#navigation{padding:50px 0 0 0 !important;zoom:1; width:250px; float:left;}
#navigation a{
	display:block;
	padding:0 30px;
	background-color:#333;
	color:#fff;
	font-size:12px;
	line-height:39px;
	background:url(../gfx/nav-hover.png) no-repeat -100% -100%;
	text-decoration:none;
	zoom:1;
	width:250px;
	padding-left:20px;
}
#navigation a:hover{background-repeat:repeat;}



#content { 
	width: 850px;
	float: left;
	background-color: #fff;
	margin: 0; padding: 0;
	margin-left:65px;
}

body.credits #content { background-color: #fff; width: 350px; margin: 0 auto; padding-top: 15px; float: none; }
body.industrytable #content { background-color: #fff; width: 650px; margin: 0 auto; padding-top: 15px; float: none; }
body.admissions #content { background-color: #2D3610; height: 514px; width: 810px; padding: 0; float: none; }

.home #main_content, .financials #main_content, .trustees #main_content, .direction #main_content { height: 500px; padding: 0; }

#main_content ul { padding: 0 90px 12px 30px; }

#main_content p, #main_content ul.bullet li { 
	padding: 0 90px 12px 9px; 
	text-align: left;
	letter-spacing: .1em;
}

.direction #main_content ul.bullet li { list-style: outside url(../gfx/bullet3.gif); }
.conservation #main_content ul.bullet li { list-style: outside url(../gfx/bullet5.gif); }
.partners #main_content ul.bullet li { list-style: outside url(../gfx/bullet8.gif); }
.partners #main_content ul.bullet li.level2bullet { list-style: none; }
.partners #main_content ul.bullet li.level2bullet ul li { list-style: outside url(../gfx/bullet8b.gif); }

#main_content p.head { 
	padding-left: 5px; 
	text-align: left;
}

.texttable { padding: 8px 90px 0 50px; }
.texttable tr td { font: 11px/1.3  Arial, Helvetica, Verdana, sans-serif; letter-spacing: .1em; padding: 4px 40px 4px 40px; }
.texttable thead tr th { font: bold 11px/1.3  Arial, Helvetica, Verdana, sans-serif; letter-spacing: .1em; padding: 4px 40px 4px 40px; }

.partners #nav table.navtable { padding: 12px 0; }

.hometext { font: bold 14px/1.3  Arial, Helvetica, Verdana, sans-serif; color: #337A9E; padding: 0 9px; }

/* Morenav
________________________________________________________________________ */
#nav ul { padding: 0 0 12px 0; }
#nav ul li.morenav { display: block; font: 10px/1.3em Arial, Helvetica, Verdana, sans-serif; }
#nav ul li.morenav { height: 16px; }
#nav ul li.morenav a { display: block; height: 16px; text-decoration: none;  text-indent: 20px; }
#nav ul li.morenav a:hover { text-decoration: underline; }

.conservation #nav ul li a { color: #337A9E; }
.visitors #nav ul li a { color: #EA6600; }
.partners #nav ul li a { color: #723260; } 
.people #nav ul li a { color: #BB8822; } 



/* Footer
________________________________________________________________________ */
.home #footer { background: url(../gfx/hm_bkgd.gif) repeat-y 0 0; padding-top: 15px; }
.credits #footer, .industrytable #footer  { margin: 0 auto; width: 650px; padding-left: 0; }
.admissions #footer, .credits #footer, .industrytable #footer { padding-top: 15px; }
.admissions #footer { width: 675px; margin: 0 auto; padding-left: 0; }

div#footer {
	clear: both;
	font: 9px/1.3 bold Arial, Helvetica, Verdana, sans-serif; 
	position: relative;
	width: 850px;
	text-align: center;
	padding-left: 165px;
	color: #fff;
}

div#footer a { text-decoration: none; }
div#footer a:hover { text-decoration: underline; }

div#footer li { 
	display: inline; 
	height: 18px;
	text-align: center;
}

#footer_nav { padding: 25px 0 10px; }
#footer_subnav { padding-bottom: 10px; }


: 10px; }