/*--------------------------
HELPELEPHANTSINZOOS.ORG v2.0
STYLESHEET
AUTHOR: Mark Middleton
Version 1.0 September 2007
------------------------*/
body{
    background:url(images/bg.gif) repeat-x ;
    background-color: #999966;
    margin:0;
    padding:0;
    text-align:center;
    font-family:arial,verdana,sans-serif;
    font-size:62.5%;
}
a:link,
a:visited,
a:active,
a:hover{color:#0069B7;}

a.speciallink:link{
	font-family: arial,verdana,sans-serif;
	font-size: 16px;
	color:#ffffff;
}

br.clearer{clear:both;}

img{border:0}

h1{
    font-weight:bold;
    color:#D60601;
    font-family:arial;
    font-size:1.5em;
}
h2{
  font-size:1.3em;
}

h3{
    font-size:1.3em;
    font-family:arial,verdana,sans-serif;
}
.style1 {
	font-family: arial,verdana,sans-serif;
	font-size: 16px;
}
.style2 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
}
.style3 {
	font-family: arial,verdana,sans-serif;
	font-size: 11px;
}
.style4 {
	font-family: arial,verdana,sans-serif;
	font-size: 16px;
	color:#ffffff;
}
div#wrapper{
    width:800px;
    margin:0 auto;
    text-align:left;
    font-size:1.2em;
}
div#header{
    width:800px;
    height:90px;
    overflow:hidden;
}
div#main{
    width:800px;
    background:#ffffff url('images/bg_page.gif') 0px 0px repeat-y;
}
div#nav{
    float:left;
    width:205px;
    background:#dee6c1;
    display:inline;
    overflow:hidden;
}
div#mainnav{
	width:203px;
	height:240px;
	background:#999966;
	border:1px solid #000000;
	overflow:hidden;
}
div#mainnav ul{
    list-style-type:none;
    margin:0;
    padding:0;
    font-weight:bold;
    font-family:serif;
    text-transform:uppercase;
}
div#mainnav a:link,
div#mainnav a:visited,
div#mainnav a:active,
div#mainnav a:hover{
    display:block;
    color:#ffffff;
    width:198px;
    font-size:1.2em;
    text-decoration:none;
    padding:4px 0 4px 6px;
}
div#mainnav a:hover{
    background:#666644;
    color:#fee276;
}
div.dropnav{
    position:absolute;
    z-index:6;
    font-size:1em;
    
}
div.dropnav ul{
    list-style-type:none;
    margin:0;
    padding:0;
    font-weight:bold;
    border-bottom:1px solid #616130;
    border-left:1px solid #616130;
}
div.dropnav li{
    margin:0;
    padding:0;
}
div.dropnav a:link,
div.dropnav a:active,
div.dropnav a:visited,
div.dropnav a:hover{
    color:#000000;
    text-decoration:none;
    background:#cfcfcf;
    padding:2px;
    margin:0;
    border-top:1px solid #616130;
    border-right:1px solid #616130;
    display:block;
    
    
}
div.dropnav a:hover{
    background:#ffffff;
}
div#nav_drop1,
div#nav_drop1 a{width:150px;}
div#nav_drop1 ul{width:155px;}
div#nav_drop2,
div#nav_drop2 a{width:180px;}
div#nav_drop2 ul{width:185px;}
div#nav_drop3,
div#nav_drop3 a{width:190px;}
div#nav_drop3 ul{width:195px;}
div#nav_drop4,
div#nav_drop4 a{width:140px;}
div#nav_drop4 ul{width:145px;}
div#nav_drop5,
div#nav_drop5 a{width:140px;}
div#nav_drop5 ul{width:145px;}
div#nav_drop6
div#nav_drop6 a{width:150px;}
div#nav_drop6 ul{width:155px;}


div#news{
  
}
div#news a:link,
div#news a:visited,
div#news a:active,
div#news a:hover{
    color:#a94e41;
    text-decoration:none;
}
div#news a.speciallink:link,
div#news a.speciallink:visited,
div#news a.speciallink:active,
div#news a.speciallink:hover{
    color:#515128;
    text-decoration:none;
}
div#news a.speciallink2:link,
div#news a.speciallink2:visited,
div#news a.speciallink2:active,
div#news a.speciallink2:hover{
    color:#000000;
    text-decoration:none;
}
div#news a.speciallink3:link,
div#news a.speciallink3:visited,
div#news a.speciallink3:active,
div#news a.speciallink3:hover{
    color:#3B5999;
    text-decoration:none;
}

#indent { 
	padding: 0 10px 5px 10px; 
}

#indent2 {
	padding: 0 10px 5px 30px;
}

#indent3 {
	padding: 0 10px 5px 50px;
}
div#buttons h2{
    color:#800000;
    font-weight:bold;
    font-family:arial,sans-serif;
    font-size:1.5em;
    background:#c6d38f;
    margin:0;
    padding:10px;
    height:20px;
    text-align:center;
}
div.inner{
	margin:0px;
	padding:5px;
}
div#buttons div.inner{
	margin:5px;
	float: left;
}
div#news ul{
    list-style-type:none;
    margin:0;
    padding:0;
    font-weight:bold;
}
div#news li{
    margin-bottom:10px;
    
}
div.button{
    margin:10px auto;
    text-align:center;
}

div#content{
	width:595px;
	float:left;
	overflow:hidden;
}
div#photo_home{
	background-color: #999966;
	width:594px;
	height:240px;
	overflow:hidden;
	border:1px solid #000000;
	border-left:0px;
}
div#text{
	width: 410px;
	float:left;
}

div#text h2{
    background:#DEE6BF;
    color:#800000;
    font-weight:bold;
    font-family:arial,sans-serif;
    font-size:1.5em;
    margin:0;
    padding:10px;
    height:20px;
    text-align:left;
}

div#text div.inner{
	width: 400px;
}

div.spotlightitem img{
    float:left;
	padding: 5px;
}

img.img_right{
    float:right;
    margin:0px 0px 10px 10px;
}
p.quote{
    font-style:italic;
}
div#footer{
    padding:10px 0px 20px 0px;
    text-align:center;
    width:800px;
    background:#666633;
    overflow:hidden;
    clear:both;
    color:#ffffff;
}
div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover{
    color:#ffffff;
    text-decoration:none;
}
div#footer ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
div#footer li{
    display:inline;
    margin-right:20px;
}
ul.spaced li,
ol.spaced li{
    margin-bottom:10px;
}
table.form{
    margin:10px;
}
table.form td.label{
    text-align:right;
    font-weight:bold;
}
table.form td.label_wide{
    font-weight:bold;
    text-align:left;
}
table.form textarea.textarea_wide{
    margin:0 auto;
    width:450px;
    height:100px;
}
table.form td.buttons{
    text-align:center;
}
img.article{
    float:right;
    margin:5px 0px 10px 10px;
}

div.highlightbox{
 	  font-size: 20px; 
	  font-family: arial; 
	  font-weight:bold; 
	  color: #800000;
    width:300px;
    background:#e9e9bf;
    border:1px solid #666633;
    padding:10px;
    text-align:center;
    margin:10px auto 20px;
       
}
div.toppicks {
	width: 185px;
	float: left;
	background-color: #DEE6C1;
	height: 880px;
}