*{
    padding: 0;
    margin: 0;
}

HTML{
    overflow:-moz-scrollbars-vertical; /*Firefox - Always show scrollbars*/
}

BODY{
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
    text-align:center; /*CENTER LAYOUT*/
}

/* CLEARFIX */
.clearfix{
    display: inline-block;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
    font-size:0;
    line-height:0;
}

HR{
    clear:both;
}

H1,H2,H3,H4{
    padding:5px 0;
    clear:both;
    padding-left:0px;
}
H4{
    font-size:14px;
}
P{
    padding:0 0 10px 0px;
    line-height:16px;
    clear:both;
}


UL{
    list-style:none;
}

STRONG{
    font-weight:bolder;
}

A:visited,
A:link{
    color:#000;
}

/* LINK */
/*
A.internal,
A.external{
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: underline;
	color: #333;
}
A.external{
    background:transparent url(external.png) no-repeat scroll right center;
    padding-right:13px;
	margin-right: 2px;
    padding-right:12px;
}
A.external:link,
A.external:visited{
	background-image: url(../img//external_link.png)
}

A.external:hover,
A.external:active{
	background-image: url(../img//external_hover.png)
}
A.internal:hover,
A.external:hover{
    color: #FFF;
    background-color: #5B5748;
}
A:hover{
    color:#C57804;
}
*/
/*IMAGE REPLACE*/
.ir{
    display:block;
    background: no-repeat 0 0;
    height/**/:/**/0 !important;
    overflow:hidden !important;
}
A:hover{
    color:#C57804;
}

/* MAIN WRAPPER*/
#wrapper{
    background:transparent url( ../img/template/bg_tile.gif) top left repeat-y;
    width:960px;
    margin:0 auto;
    text-align:left;

    font-family:  Arial, Verdana, Helvetica;
    color:#333;
    font-size:12px;
}
#page{
    width:920px;
    margin:0 20px;
}
/* ---- --- TOP-LAYOUT --- ---*/
#top-layout{
    width:900px;
    margin:0 10px;
    height:130px;
}
/* --- HEADER --- */
#header{
    position:relative;
    height:91px;
}
#header DIV.banner-logo{
    float:left;
    height:91px;
    width:113px;
}
#header DIV.banner-logo A IMG{
    border:0 none;
}
#header DIV.banner-background{
    float:left;
    width:787px;
    height:91px;
    background: transparent url(../img/header/logobanner_top_b.jpg) top left no-repeat;
}
#header DIV.tagLine H1{
    font-size:16px;
}
#header DIV.tagLine{
    position:absolute;
    left:125px;
    bottom:10px;
    width:12em;
    font-size:16px;
    font-weight:bold;
    color:#5B5748;
    text-transform:uppercase;
}
#header DIV.panel{
    position:absolute;
    top:30px;
    right:0px;
}
DIV.find-species A IMG{
    border:0 none;
}
/*UTILITY NAV*/
#utility-nav{
    position:absolute;
    top:5px;
    right:5px;
}
#utility-nav UL LI{
    display:inline;
}
#utility-nav UL LI A{
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    color:#666;
}
#utility-nav UL LI A:hover{
    color:#333;
}
/* --- HEADER --- */
/* --- TOP-NAVIGATION --- */
#top-navigation{
    height:44px;
    background: transparent url( ../img/header/top_banner_shadow.gif) bottom left no-repeat;
}

#top-navigation DIV.top-navigation-logo{
    float:left;
    height:27px;
    width:150px;
}
#top-navigation DIV.top-navigation-logo A IMG{
    border: 0 none;
}
#top-navigation DIV.top-navigation{
    float:left;
    width:750px;
    height:27px;
    background-color: #D3CBAA;
}
#top-navigation DIV.top-navigation UL{
    display:block;
    float:left;
    border-left:1px solid #FFF;
}

#top-navigation DIV.top-navigation UL LI{
    display:inline;
}

#top-navigation DIV.top-navigation UL LI A{
    display:block;
    float:left;
    border-right:1px solid #FFF;
    padding: 0 1em;
    height:27px;
    color:#534F3E;
    line-height:27px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
}
#top-navigation DIV.top-navigation UL LI A.selected,
#top-navigation DIV.top-navigation UL LI A:hover{
    color: #FFF;
    background: #5B5748;
}
/* --- TOP-NAVIGATION --- */
/* ---- --- TOP-LAYOUT --- ---*/

/* --- --- BREADCRUMB --- ---*/
#breadcrumbs{
    width:900px;
    height:38px;
    margin: 0 10px;
}

#breadcrumbs UL{
    margin: 0 0 0 150px;
}
#breadcrumbs UL LI {
    display:inline;
}
#breadcrumbs UL LI A{
    padding:0 0.5em;
    color:#666;
    text-decoration:underline;
}
#breadcrumbs UL LI A:hover{
    color: #FFF;
    background-color: #5B5748;
}
/* --- --- BREADCRUMB --- ---*/

/* --- --- BOTTOM-LAYOUT --- ---*/
#bottom-layout{
    background: transparent url(../img/template/inner_body_tile.gif) top left repeat-y; /*includes gutters of 10px*/
    width:920px;
}
#page-content {
    width:900px;
    margin:0 10px;
}

#page-content.static {
    background:transparent url(../img/template/home_rightcol_tile.gif) top right repeat-y;

}
/* --- LEFT NAVIGATION --- */
#navigation{
    float:left;
    width:140px;
}
#navigation STRONG{
    display:block;
    text-transform:uppercase;
    border-bottom:1px solid #FFF;
    color:#534F3E;
    background-color:#CCC9B5;
    font-size:14px;
    line-height:16px;
    padding:6px 10px 6px 10px;
}
#navigation UL LI A{
    display:block;
    _width:140px;
    line-height:14px;
    padding:5px 0; 
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#534F3E;
    padding-left:10px;
    border-bottom:1px solid #FFF;
}
#navigation UL LI A.selected,
#navigation UL LI A:hover{
    background:#5B5748 url(../img/template/nav_indent.gif) center left no-repeat;
    color:#F90;
}
/* --- LEFT NAVIGATION --- */
/* --- CONTENT --- */
#content{
    float:left;
    width:590px;
    margin:0 10px;
}
#content H1{
    display:block;
    line-height:27px;
    font-size:18px;
    border-bottom:1px solid #999999;
    padding:0;
    margin-bottom:10px;
    text-transform:uppercase;
}

/* --- CONTENT --- */
/* --- --- BOTTOM-LAYOUT --- ---*/
/* --- --- FOOTER --- ---*/
#footer{
    background:transparent url( ../img/template/footer_tile.gif) top left repeat-x;
    margin-top: 5px;
    margin-left:10px;
    padding-top:20px;
    width: 900px;
    bottom:0;
}
#footer DIV.footer-links UL{
    margin:10px 0 0 0;
    padding:1em;
    text-align:center;
}
#footer DIV.footer-links UL LI{
    display:inline;
}
#footer DIV.footer-links UL LI A{
    padding:0 1em;
    text-decoration:underline;
}
#footer DIV.footer-links UL LI A:hover{
    color:#fff;
    background-color:#5B5748;
}
#footer DIV.go2africa-logo{
    text-align:center;
}
#footer DIV.go2africa-logo A IMG{
    border: 0 none;
}
#footer DIV.go2africa-logo SPAN{
    display:block;
    font-size:80%;
}
/* --- --- FOOTER --- ---*/

#secondary-content{
    width:740px;
    margin-top:5px;
}

#secondary-content .content-left{
    display:block;
    float:left;
    font-size:14px;
    width:470px;
    margin:5px;
    text-align:justify;
}
#secondary-content .content-right{
    background-color:#E1DFD1;
    display:block;
    float:right;
    font-size:11px;
    padding:10px;
    width:224px;
}
#contact-us{
    
}

/* WIDE */
BODY#narrow-layout DIV#wrapper
{
    width:762px;
}
BODY#narrow-layout #breadcrumbs{
    width:762px;
}

BODY#narrow-layout #bottom-layout{
    width:762px;
}

BODY#narrow-layout #footer{
    width:762px;
}

BODY#narrow-layout #header{
    width:482px;
}
BODY#narrow-layout #top-navigation{
    width:622px;
}
BODY#narrow-layout #content, 
BODY#narrow-layout #static-content{
    width:600px;
}
BODY#narrow-layout #campaign{
    float:none;
    width:600px;
}
BODY#narrow-layout #campaign UL LI{
    display:inline;
    padding:1em;
}



/* --- ---  SPECIES GUIDE --- --- */
/* --- ANIMAL GROUPS --- */
#wildlife-species-guide{
    width:590px;
}
#wildlife-species-guide UL LI{
    display:inline;
    float:left;
    width:33%;
    line-height:24px;
    height:24px;
}
#wildlife-species-guide UL LI A{
    background: transparent url( ../img/species/subnav_bullet_grey.gif) 7px center no-repeat;
    padding:3px 18px 2px 20px;
    text-transform:uppercase;
    text-decoration:none;
    color:#333;
    font-weight:bolder;
    white-space:nowrap;
}
#wildlife-species-guide A.selected,
#wildlife-species-guide A:hover{
    font-weight:bolder;
    color:#fff;
    background:#6391AC url( ../img/species/subnav_bullet_white.gif) 7px center no-repeat;
}
.overview-content{
    float:left;
    width:350px;
}
.overview-images{
    float:right;
    position:relative;
    width:220px;
}
/* --- ANIMAL GROUPS --- */
/* --- SPECIES PROFILE --- */
DIV.profile{
    position:relative;
    margin-top:10px;
    width:590px;
}
DIV.profile-wrapper{
    background-color: #E4E3DE;
    padding:10px 0 10px 4px;    
}
/* PROFILE IMAGE */
DIV.profile-wrapper DIV.profile-image{
    position:relative;
    display:block;
    float:left;
    width:130px;
    height:130px;
    background: transparent url(../img/species/species_mainpic_bg.gif) no-repeat top left;

}
DIV.profile-wrapper DIV.profile-image A{
    position:absolute;
    top:0;
    left:0;
    width:590px;
    height:130px;
}
DIV.profile-wrapper DIV.profile-image A IMG,
DIV.profile-wrapper DIV.profile-image IMG{
    position:absolute;
    border:0 none;
    display:block;
    top:7px;
    left:9px;
    width:112px;
    height:112px;
}
/* PROFILE IMAGE */
/* PROFILE DETAIL */
DIV.profile-wrapper DIV.profile-details
{
    display:block;
    float:left;
    width:300px;
    margin-left:5px;
}
#content DIV.profile-wrapper DIV.profile-details H1,
#content DIV.profile-wrapper DIV.profile-details H2,
DIV.profile-wrapper DIV.profile-details H1 A{
    border: 0 none;
    display:inline;
    text-transform:uppercase;
    font-size:18px;
    padding-right: 12px;
}
DIV.profile-wrapper DIV.profile-details EM{
    display:inline;
    font-size:14px;
}
/* PROFILE DETAIL */
/* PROFILE CONTROLS */
DIV.profile-wrapper DIV.profile-control{
    position:absolute;
    top:50px;
    right:0;
}
DIV.profile-wrapper DIV.profile-control UL LI{
    margin-bottom:5px;
}
DIV.profile-wrapper DIV.profile-control UL LI A{
    display:block;
    width:101px;
    _height:20px !important;
    padding-top:20px !important;
}
DIV.profile-wrapper DIV.profile-control UL LI A.back-to-list{
    background:transparent url(../img/species/back_tolist.gif) top left no-repeat;
}
DIV.profile-wrapper DIV.profile-control UL LI A.next-animal{
    display:none;
    background:transparent url(../img/species/next_animal.gif) top left no-repeat;
}
/* PROFILE CONTROLS */
/* --- SPECIES PROFILE --- */

/* --- SPECICES BUTTONs--- */
#species-buttons{
    width:590px;
    height:23px;
    background-color:#E4E3DE;
}

#species-buttons UL{
    margin-left:10px;
}
#species-buttons UL LI{
    display:inline;
}
#species-buttons UL LI.hide{
    visibility:hidden;
}

#species-buttons UL LI A{
    float:left;
    _height:23px !important;
    padding-top:23px;
    width:115px;
    position:relative;
    top:1px;
}
A#species-button-characteristics{background:transparent url(../img/species/tab_characteristics_off.gif) top left no-repeat;}
A#species-button-fieldnotes{background:transparent url(../img/species/tab_fieldnotes_off.gif) top left no-repeat;}
A#species-button-imagegallery{background:transparent url(../img/species/tab_imagegallery_off.gif) top left no-repeat;}
A#species-button-imagegallery{background:transparent url(../img/species/tab_imagegallery_on.gif) top left no-repeat;)}/*DISABLED*/
A#species-button-characteristics.show{background:transparent url(../img/species/tab_characteristics_on.gif) top left no-repeat;}
A#species-button-fieldnotes.show{background:transparent url(../img/species/tab_fieldnotes_on.gif) top left no-repeat;}
A#species-button-imagegallery.show{background:transparent url(../img/species/tab_imagegallery_on.gif) top left no-repeat;}
/* --- SPECIES BUTTONs --- */
/* --- SPECIES TABs --- */
#species-tabs{
    height: auto !important; /* for modern browsers */
    height: 300px; /* for IE5.x and IE6 */
    min-height: 300px; /* for modern browsers */
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding-top:10px;
}
.tab-content{
    float:left;
    width:340px;
    margin-left:10px;
}
/* --- SPECIES TABs --- */
#species .section{
    margin-top:10px;
}

#species strong.attribute{
    display:block;
    float:left;
    clear:left;
    font-size:14px;
    height:14px;
    font-weight:bold;
    padding-right:10px;
}
#species .section P{
    margin: 10px 0 10px  0;
    padding:0;
}
#species .section H3+P,
#species .section H4+P{
    margin: 0 0 10px  0;
}
#species .section strong.attribute+P{
    display:inline;
}

#species-tab-gallery{

    width:590px;
}
.species-images {
    position:relative;
    padding:1em 0;
    float:right;
}
.groups{
    display:block;
    float:left;
    margin:0.5em;
}
DIV.hidetab{
    display:none;
}
#animal-list UL{
}
#animal-list H2{
    font-size:18px;
}
#animal-list UL.sub LI{
    margin-bottom:10px;
}
#animal-list UL.sub LI UL.species LI{
    margin:0px;
}
#animal-list UL.species LI{
    display:block;
    float:left;
    width:50%;
}
#animal-list UL.main LI{
    margin:14px 0;
    background-color:#E4E3DE;
}
#animal-list UL.main LI DIV.list{
    float:left;
    padding-left:10px;
    width:295px;
}

#animal-list UL.main LI A IMG{
    float:right;
    border:0 none;
}

#articles{
    width:590px;
    margin:0 0;
}
#articles A IMG{
    border:0 none;
}
#articles UL LI {
}
#articles UL LI A{
    display:block;
    text-transform:uppercase;
    color:#000;
    font-weight:bolder;
    margin:10px 0;
}
#articles UL LI A:hover{
}

DIV.article-content{
    width:350px;
    float:left;
}
DIV.article-images {
    width:220px;
    position:relative;
    float:right;
}
DIV.article-images IMG {
}

#article-list UL{
    padding-left:10px;
}
#article-list UL LI{
    background-color:#E4E3DE;
    margin: 10px 0 ;
    padding: 0px 10px 10px 10px;
}
#article-list UL LI A{
}
#article-list UL.article LI{
    margin:0px;
    display:block;
    float:left;
    width:50%;
}
.article {
    margin-bottom:5px;
    padding-bottom:8px;
    border-bottom:1px solid #999;
}
.article .banner {
    position:relative;
    margin-bottom:10px;
}
.article .banner A.back-to-list{
    position:absolute;
    width:101px;
    right:0;
    top:20px;
    display:block;
    background:transparent url(../img/species/back_tolist.gif) no-repeat scroll left top;
    _height:20px !important;
    padding-top:20px;
}
DIV.credits {
    margin-bottom:10px;
    font-size:11px;
}
DIV.credits STRONG{
    text-transform:uppercase;
}


#campaign{
    width:140px;
    display:inline;
    float:right;
    margin:5px;
}
#campaign H2{
    margin:0;
    padding:0;
    color:#630;
    font-size:16px;
}
#campaign UL.campaign LI {
    font-size:11px;
    background: #fff;
    margin-bottom:10px;
    padding-bottom:10px;
}
#campaign UL.campaign LI IMG{
    padding:3px;
    width:134px;
    height:90px;
    border:0 none;
}
#campaign UL.campaign LI A.external{
    padding-left:5px;
    color:#C57804;
}

#campaign H2,
#campaign H3,
#campaign P,
#campaign A{
    padding:3px 5px;
    line-height:12px;
    font-size:11px;
}
#campaign H2{
    font-size:14px;
    margin:5px 0 2px 0;
}
#campaign DIV.image P{
    display:none;
}

#campaign UL.campaign LI UL{
    list-style:outside;
    margin:0 20px;
}

#campaign UL.campaign LI UL LI {
    margin:0;
    padding:3px 0;
}
#campaign .image{
    margin-bottom:0;
}

#bookmarks{
    margin:5px 0;
    border: 1px solid #C5C3B6;
    padding:5px;
}
#bookmarks UL{
    text-align:center;
}
#bookmarks UL LI{
    display:inline;
    padding-right:20px;
}
#bookmarks UL LI A{
    color:#333;
}
#bookmarks UL LI A:hover{
    color:#C57804;
}
#bookmarks UL LI IMG,
.share-this UL LI IMG{
    position:relative;
    top:4px;
    border:0;
}

/* SHARE */
.share-this{
    padding-bottom:10px;
    width:220px;
}
.share-this UL LI{
    padding-bottom:5px;
}
.comment-on-article{
    _height:20px !important;
    padding-top:20px;
    width:163px;
    margin-top:10px;
    background:transparent url(../img/template/comment_button.gif) top left no-repeat;
}

DIV.image{
    margin-bottom:10px;   
}
DIV.popup{
    position:absolute;
}
DIV.image DIV.imageSmall{
    text-align:center;
}
DIV.image DIV.imageSmall IMG{
    border:1px solid #999;
}
DIV.image P{
    font-size:11px;
    font-weight:normal;
    width:220px;
    line-height:12px;
    padding-top:5px;
    padding-left:0;
    
}

DIV.loaded DIV.popup{
    position:absolute;
    right:50%;
}
DIV.loaded DIV.popup IMG{
    margin:20px 20px 0px 20px;
    padding:0px !important;
}
DIV.popup P{
    display:none;
}
DIV.loaded DIV.popup P{
    display:block;
    clear:both;
    padding: 10px;
    background-color:#fff;
}

DIV.loading DIV.imageSmall IMG,
DIV.loading DIV.imageLarge IMG{
    visibility:hidden;
}
DIV.wrapImage{
    border:1px solid #999;
    /*margin-top:-6px;
    margin-left:-6px;*/
    background:#FFF url(../img/close_button.gif) top right no-repeat;
}
DIV.loading DIV.imageSmall,
DIV.loading DIV.imageLarge{
    min-height:32px;
    min-width:32px;
    background-image: url(/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}
DIV.image DIV.img-shadow{
    visibility:hidden;
}
DIV.loaded DIV.img-shadow{
    visibility:visible;
}

DIV.clicktoenlarge{
    background-color: #999 url(../img/clicktoenlarge.jpg) no-repeat top left;
    height:14px;
    width:100px;
}

.img-shadow {
background:transparent url(../img/shadowAlpha.png) no-repeat scroll right bottom !important;
_background:none !important;
padding: 0px 6px 6px 0px;
}
.img-shadow img {
display:block;
padding:4px;
}

.img-frame img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
padding:4px;
display:block;
}

.p-shadow {
background:transparent url(../img/shadowAlpha.png) no-repeat scroll right bottom !important;
_background:none !important;
clear:both;
float:left;
margin:10px 0pt 0pt 10px !important;
width:90%;
}
.p-shadow div {
background:transparent none repeat scroll 0% !important;
padding:0pt !important;
}
.p-shadow p {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
color:#777777;
font-family:georgia,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:-6px 6px 6px -6px !important;
padding:4px;
}

DIV.chapter-content{
    width:350px;
    float:left;
}
DIV.chapter-images {
    width:220px;
    position:relative;
    float:right;
}
DIV.chapter-images IMG {
}
DIV.layout-chapter H2{
    display:block;
    line-height:27px;
    font-size:18px;
    border-bottom:1px solid #999999;
    padding:0;
    margin-bottom:10px;
    text-transform:uppercase;
}
DIV.layout-chapter H1{
    border:0 solid transparent !important;
    text-transform:none !important;
}

DIV.quote{
    background-color:#E0DFDB;
}
blockquote {
  background: transparent url(../img/quotes_left.gif) left top no-repeat;
  margin: 10px 0;
}
blockquote p{
    margin:-0.5em 0em 0 16px;
    padding: 28px 30px 28px 16px;
    font-size:14px;
    font-weight:bold;  
    background: transparent url(../img/quotes_right.gif) right bottom no-repeat;
}

.feedback{
    display:block;
    clear:both;
    padding:3px 0;
}

.feedback .comment-line{
    padding:5px;
}
.feedback .comment-line LABEL{
    display:block;
    width:90px;
    float:left;
}
.feedback .comment-line INPUT.title,
.feedback .comment-line INPUT.caption{
    width:300px;
}
.feedback .comment-line TEXTAREA{
    width:300px;
    height:60px;
}

.feedback INPUT.submit{
    margin:0.5em;
    padding:0.2em;
}

.feedback FIELDSET.photographs{
    margin:1em;
}

#comments H3{
    color:#C57804;
    font-size:16px;
    padding:10px 0;
}

#photograph-essay{
    width:590px;
    border-bottom:1px solid #999;
}
#photograph-essay .essay .paginate{
    margin:7px 0;
}
#photograph-essay .paginate UL{
    margin-left:10px;
}
#photograph-essay .paginate UL LI{
    display:block;
    float:left;
    line-height:20px;
}
#photograph-essay .paginate UL LI A{
    padding:0 4px;
    margin-left:1px;
    text-decoration:none;
}
#photograph-essay .paginate UL LI.selected A,
#photograph-essay .paginate UL LI A:hover
{
    color:#fff;
    background-color:#6391AC;
}
#photograph-essay .page{
    display:block;
    float:left;
    padding-left:30px;
}
#photograph-essay .controls{
    display:block;
    float:right;
    text-transform:uppercase;
    margin-right:10px;
}
#photograph-essay .controls A.back-button{
    float:left;
    background: transparent url(../img/template/back_button.gif) left top no-repeat;
    width:44px;
    _height:20px !important;
    padding-top:20px;
}
#photograph-essay .controls A.next-button{
    float:left;
    margin-left:5px !important;
    background: transparent url(../img/template/next_button.gif) left top no-repeat;
    width:44px;
    _height:20px !important;
    padding-top:20px;
}
#photograph-essay .image-layout{
    height:340px;
    text-align:center;
    background-color: #333;
    margin-bottom:20px;
}
#photograph-essay .image-layout IMG,
#photograph-essay .image-layout A IMG{
    margin-top:18px;
    border: 3px solid #fff;
}
#photograph-essay .content{
    width:350px;
    float:left;
}
#photograph-essay .share-this{
    position:relative;
    width:220px;
    float:left;
}
.photograph-essay{
    background-color:#E4E3DE;
    margin:10px 0;
}
.photograph-essay .list-image{
    position:relative;
    width:160px;
    height:107px;
    float:left;
}
.photograph-essay A{
    position:absolute;
    display:block;
    float:left;
    width:590px;
}

.photograph-essay A IMG{
    border:0 none;
    
}
.photograph-essay .list-copy{
    float:left;
    width:350px;
    margin-left:10px;
}
/*
#photograph-essay .essay{
    width:460px;
}
#photograph-essay .share-this{
    margin-top:10px;
    width:120px;
}
#photograph-essay .controls A,
#photograph-essay .controls SPAN{
    padding: 2px 4px;
}
#photograph-essay .controls A:hover{
    background-color:#333;
    color:#fff;
}

#photograph-essay .photograph IMG{
    border:3px solid #FFF;
}
*/

#static-content{
    width:740px;
    float:left;
}

div.blurb{
    width:900px;
    margin:5px 10px 5px 10px;
    line-height:15px;
    color:#78756E;
    font-size:14px;
    font-weight:bold;
    border:1px solid #C5C3B6;
}

div.blurb H2{
    padding:5px 0;
    font-size:14px;
    text-align:center;
}

div.top-articles{
    width:740px;
    height:254px;
}

div.preview{
    width:130px;
    float:left;
}
div.preview UL{
    border:0 none;
    margin:0;
    padding:0;
}
div.preview UL LI{
    width:129px;
    height:85px;
}
div.preview UL LI IMG{
    border:0 none;
}
div.highlight{
    float:left;
    width:610px;
    height:256px;
}
#community{
    margin-top:5px;
    width:745px;
    height:153px;
}
#community .reader-photo,
#community .reader-feedback,
#community .subscribe{
    position:relative;
    display:block;
    float:left;
    width:243px;
    height:153px;
    margin-right:5px;
    background-color:#E1DFD1;
}
#community .reader-photo H3,
#community .reader-feedback H3,
#community .subscribe H3{
    padding:0;
    width:243px;
    height:35px;
    padding-top:35px;
}
#community .reader-photo H3{background: transparent url(../img/feature/foto_header.gif) top left no-repeat;}
#community .reader-feedback H3{background: transparent url(../img/feature/comments_header.gif) top left no-repeat;}
#community .subscribe H3{background: transparent url(../img/feature/creatures_header.gif) top left no-repeat;}
#community .reader-pic{
    background: transparent url(../img/feature/readerspic_bg.gif) -4px top no-repeat;
    width:128px;
    height:95px;
    float:left;
}
#community .reader-pic A IMG{
    border: 0 none;
    margin:8px 0pt 0px 5px;
}
#community .reader-photo SPAN,
#community .reader-photo STRONG{
    line-height:20px;
}
#community .reader-photo STRONG{
    text-decoration:underline;
}
#community .view-photo{
    position:absolute;
    bottom:24px;
    right:20px;
    background:transparent url(../img/feature/viewphoto_button.gif) left top no-repeat;
    width:80px;
    height:20px;
    padding-top:20px;
}
#community .reader-feedback SPAN,
#community .reader-feedback STRONG{
    line-height:20px;
}
#community .reader-feedback SPAN{
    font-size:11px;
    text-transform:uppercase;
    color: #999;
}
#community .view-comments{
    position:absolute;
    bottom:24px;
    background:transparent url(../img/feature/viewcomments_button.gif) left top no-repeat;
    width:109px;
    height:20px;
    padding-top:20px;
}
#community .read-more{
    position:absolute;
    bottom:24px;
    background:transparent url(../img/feature/readmore_button.gif) left top no-repeat;
    width:75px;
    height:20px;
    padding-top:20px;
}
#community DIV.copy {
    margin:0px 14px;
    padding-top:5px;
}

#reader-comments{
    width:590px;
}
#reader-comments H3{
    color:#C57804;
    font-size:18px;
    padding:10px 0;
    text-transform: uppercase;
}
#reader-comments DIV.section DIV.header SPAN.fullname{
    font-weight:bold;
    text-decoration:underline;
}
#reader-comments DIV.section DIV.header SPAN.date{
    text-decoration:none;
    padding-left:20px;
}
#reader-comments DIV.comments{
    margin:10px 0;
}
#reader-comments DIV.section{
    margin:10px 0;
}

DIV.this-month{
    text-align:center;
}
UL.photo-of-month{
    text-align:center;
}
UL.photo-of-month LI{
    display:inline;
}
UL.photo-of-month LI DIV{
    float:left;
    width:25%;
}



#contact-us DT{
    font-weight:bolder;
}
#contact-us DD{
    padding-left:10px;
}

#email-a-friend {
    display:block;
    clear:both;
    padding:3px 0;
}

#email-a-friend  .form-line,
#email-a-friend  .info-line{
    padding:5px;
}
#email-a-friend  .form-line LABEL,
#email-a-friend  .info-line .label{
    display:block;
    width:120px;
    float:left;
}

#email-a-friend  .form-line INPUT.title,
#email-a-friend  .form-line INPUT.caption{
    width:300px;
}
#email-a-friend  .form-line TEXTAREA{
    width:300px;
    height:60px;
}

#email-a-friend  INPUT.submit{
    margin:0.5em;
    padding:0.2em;
}

#email-a-friend  FIELDSET.photographs{
    margin:1em;
}

#email-a-friend  H3{
    color:#C57804;
    font-size:16px;
    padding:10px 0;
}
#email-a-friend .submit{
    margin-left:120px;
}

DIV.about-us{
    position:relative;
    margin-top:10px;
    width:740px;
}
DIV.about-us-wrapper{
    background-color: #E4E3DE;
    padding:10px 0 10px 4px;    
}
/* PROFILE IMAGE */
DIV.about-us-wrapper DIV.about-us-image{
    position:relative;
    display:block;
    float:left;
    width:130px;
    height:130px;
    background: transparent url(../img/species/species_mainpic_bg.gif) no-repeat top left;

}
DIV.about-us-wrapper DIV.about-us-image A{
    position:absolute;
    top:0;
    left:0;
    width:590px;
    height:130px;
}
DIV.about-us-wrapper DIV.about-us-image A IMG,
DIV.about-us-wrapper DIV.about-us-image IMG{
    position:absolute;
    border:0 none;
    display:block;
    top:7px;
    left:9px;
    width:112px;
    height:112px;
}
/* PROFILE IMAGE */
/* PROFILE DETAIL */
DIV.about-us-wrapper DIV.about-us-copy
{
    display:block;
    float:left;
    width:590px;
    margin-left:5px;
}