* {padding : 0;margin : 0;} 
body{font-family: Arial, Helvetica, sans-serif;color: #666666;font-size: 12px;} 
UL{ list-style:none;}

#wrapper{width : 600px;margin : 5px auto 0 auto;} 

#top-layout{
    display:block;
}
#header,#visitor{display:none;}
#navigation{
    display:none;
}
#campaign{
    display:none;
}
#content, #static-content{
    display:block;
    float:left;
    width:550px;
}

HR{
    clear:both;
}
H1,H2{
    padding:0.1em;
    clear:both;
}
P{
    padding:0.5em;
    clear:both;
}
#wildlife-species-guide {
    width:570px;
    margin:0 1em;
    background-color:#CCC;
}
#wildlife-species-guide UL LI {
    background-color:#CCC;
    display:list-item;
    list-style:inside square;
    float:left;
    margin-left:1em;
}
#wildlife-species-guide UL LI A{
    text-transform:uppercase;
    text-decoration:none;
    color:#000;
    font-weight:bolder;
    line-height:1.2em;
}
#wildlife-species-guide A:hover{
    font-weight:bolder;
    color:#666;
}
DIV.profile
{
    margin:1em;
    width:560px;
}
DIV.profile DIV.profile-image
{
    display:block;
    float:left;
    background-color:#DDD;
}
DIV.profile DIV.profile-details
{
    display:block;
    float:left;
    width:300px;
    padding-left:1em;
    border-right:1px dashed #CCC;
}
DIV.profile DIV.profile-details STRONG{
    display:block;
    font-size:1.2em;
}
DIV.profile DIV.profile-control A{
    display:block;
    padding:0.1em;
}
DIV.profile DIV.profile-control
{
    display:block;
    float:left;
    padding:0 1em;
 }
#headline-content{
    height:253px;
    background-color:silver;
}

#secondary-content{
    height:100px;
    background-color:gray;
}

DIV.profile H3,
#species H3{
    display:inline;
    font-size:1em;

}
#bottom-layout{
    background-image:url(../img/content.gif);
    width:600px;
    
}
#footer { margin-top : 3px;border : 1px solid #ccc;background-color : #299ad4;display : inline;float : left;width : 800px;padding-top : 5px;padding-bottom : 5px;text-align : center;} 
#footer p { padding-top : 5px;padding-bottom : 5px;font-size : 0.8em;} 

.clearfix {
    display: inline-block;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
font-size:0;
line-height:0;
}

#chapters{
    width:45em;
    margin:0 1em;
    background-color:#CCC;
}
#chapters UL LI {
    display:inline;

}
#chapters UL LI A{
    background-color:#CCC;
    line-height:0.8em;
    display:list-item;
    list-style: inside square;
    float:left;
    padding:0.5em;
    margin:0.2em;
    text-transform:uppercase;
    text-decoration:none;
    color:#000;
    font-weight:bolder;
}
#chapters UL LI A:hover{
    color:#666;
    background:#DDD;
}
#articles{
    width:45em;
    margin:0 1em;
    background-color:#CCC;
}
#articles UL LI {
    display:inline;
}
#articles UL LI A{
    background-color:#CCC;
    line-height:0.8em;
    display:list-item;
    list-style: inside square;
    float:left;
    padding:0.5em;
    margin:0em;
    text-transform:uppercase;
    text-decoration:none;
    color:#000;
    font-weight:bolder;
}
#articles UL LI A:hover{
    color:#666;
    background:#DDD;
}
#breadcrumbs{
    width:880px;
}
#breadcrumbs UL{
    background-color:#DDD;
    margin-top:3px;
    margin-bottom:3px;
}
#breadcrumbs UL LI {
    display:inline;
}
#breadcrumbs UL LI A{
    padding:0 0.5em;
    color:#000;
    text-decoration:none;
}
#breadcrumbs UL LI A:hover{
    color:#666;
    background:#CCC;
}
#logo{
    width:140px;
    height:130px;
    float:left;
}
#logo A IMG {
    border:0;
}
.hunting1{
    width:350px;
    padding:1em;
}
.hunting1 IMG{
    padding:1em;
    float:right;
}
#species-buttons{
    z-index:100;
}
#species-buttons UL LI{
    display:inline;
}
#species-buttons UL LI A {
    display:inline;
    padding-left:5px;
}
#species-buttons UL LI A IMG{
    border:0;
}
#species-button-characteristics IMG{
    margin-bottom:0px;
    margin-left:20px;
}
#species-button-fieldnotes IMG{
}

#species-tabs{
    min-height:300px;
    margin-top:-3px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    z-index:99;
}
#species .section{
    padding-top:1em;
}
#species-buttons UL LI A.show IMG{
    position:relative;
    top:1px;
}
#species-buttons{
    display:none;
}
DIV.hidetab{
    display:block;
}
#secondary-content{
    display:none;
}
.internal{
    padding:0 0.5em;
}