/* CSS Document */
/*
Dark Green - 384C45
footer - 627165
text - ADB39F
button text - D2D3BC
*/

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
background:#384C45;
}

p
{
color:#D2D3BC;
margin:3px;
}

a
{
color:#D2D3BC;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

h1
{
color:#ADB39F;
margin-top:5px;
margin-bottom:5px;
font-size:13px;
letter-spacing:1px;
}

h2
{
color:#ADB39F;
margin-top:5px;
margin-bottom:5px;
font-size:16px;
letter-spacing:1px;
}

h3
{
color:#ADB39F;
margin-top:5px;
margin-bottom:10px;
font-size:13px;
letter-spacing:1px;
text-decoration:underline;
}

hr
{
display: block;
clear: left;
margin: 0px;
visibility: hidden;
}
  
#wrapper
{
width:780px;
margin:auto;
background:url(images/HomeBg.png);
background-repeat:no-repeat;
background-position:top;
padding:40px;
}

#wrapperSec
{
width:780px;
margin:auto;
background:url(images/SecBg.png);
background-repeat:no-repeat;
background-position:top;
padding-left:40px;
padding-right:40px;
padding-bottom:40px;
}

#headerSec
{
text-align:center;
}

#content
{
margin-top:20px;
}

#flash
{
text-align:center;
margin-top:10px;
}

#navigation
{
margin-top:10px;
margin-left:40px;
margin-right:40px;
}

#navigationSec
{
margin-top:20px;
margin-left:30px;
margin-right:30px;
}

#footer
{
clear:both;
margin-top:50px;
}
#footer p
{
font-size:10px;
color:#627165;
}
#footer a
{
color:#627165;
}

#CatList p
{
/*border:1px solid #627165;*/
padding-top:10px;
padding-bottom:10px;
float:left;
width:190px;
height:160px;
padding-left:15px;
padding-right:15px;
margin-left:11px;
margin-right:11px;
}
#CatList li
{
clear:both;
}

.headerOff
{
background:#627165;
padding:5px;
cursor:pointer;
}

.headerOn
{
background:#7D8F81;
padding:5px;
cursor:pointer;
}

.BioBox
{
 overflow:hidden;
 border:1px solid #627165;
 background:#4C6F63;
 position:absolute;
 width:690px;
 cursor:pointer;
}
/* clear fix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}