
body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica;
font-size:12px;
background: #b2ec6c url(images/main-bg.jpg) repeat-x;
}

a{
color: #333;
}

img {
border: none;
}

#container{
width: 968px;
overflow:hidden;
margin: 0 auto;
position:relative;
min-height: 910px;
}

#content-area{
width: 829px;
background:url(images/header-top-bg3.jpg) no-repeat;
overflow:hidden;
}

#content-area2{
width: 829px;
background:url(images/header-top-bg3.jpg) no-repeat;
overflow:hidden;
}

#content-bg{
width: 829px;
background:url(images/content-bg_03.png) repeat-y;
overflow:hidden;
margin-left: 140px;

}

#logo-area{
width: 829px;
height: 280px;
float: left;
position:relative;
}

#logo{
width:279px;
height:135px;
position:absolute;
top: 40px;
left: 50px;
background:url(images/logo.png) no-repeat;
}

#body-content{
width: 420px;
float: right;
overflow:hidden;
padding-bottom: 140px;
}

#body-content-wide{
width: 635px;
float: right;
overflow:hidden;
padding-bottom: 140px;
margin-right: 15px;
}

#not-number{
display: block;
width: 585px;
height:30px;
background:url(images/not_number.jpg) no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

#grass-mid{
width: 829px;
height: 86px;
background:url(images/grass-mid.png) no-repeat;
float: left;
overflow:hidden;
}

#home-images{
width: 215px;
float: right;
margin-right: 15px;
overflow:hidden;
text-align:center
}

#giraffe-holder{
width: 309px;
height: 888px;
overflow:hidden;
float:left;
position:absolute;
top: 20px;
left: 0;
z-index: 100;
}

#giraffe-top{
width: 309px;
height:422px;
background:url(images/giraffe-top.png) no-repeat;
float: left;
}

#giraffe-mid{
width: 309px;
height:224px;
overflow:hidden;
float: left;
position: relative;
}

#giraffe-bottom{
width: 309px;
height:244px;
background:url(images/giraffe-bottom.png) no-repeat;
float: left;
}

#nav-holder{
width:185px;
float: left;
position:absolute;
right: 20px;
}

#nav{
list-style:none;
padding:0;
margin:0;
width: 185px;
}

#nav li{
display: block;
width: 185px;
height: 32px;
float: left;
margin: 0;
padding: 0;
}

#nav li a{
display: block;
width: 185px;
height: 32px;
background:url(images/giraffe-button.png) no-repeat;
text-decoration: none;
color: #4fa45a;
font-size:14px;
font-weight: 700;
text-align:center;
line-height: 30px;
}

#nav li a:hover{
color: #17732e;
}

.doc-bio{
width: 635px;
float: right;
overflow:hidden;
margin: 5px 0 10px 0;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}