﻿body
{
background: #f2f2de;
color: #444;
font: 80% Tahoma, Lucida, Verdana, sans-serif;
padding: 0;
margin: 0;
}

a
{
color: #333;
}

#header
{
padding: 0;
margin: 0;
position: relative;
}

h1
{
padding: 0;
margin: 0;
position: absolute;
top: 15px;
left: 40px;
overflow: hidden;
}

h1 a
{
display: block;
width: 141px;
height: 59px;
margin: 0;
padding: 0;
/*background: url("/images/logo.gif") no-repeat;*/
text-decoration: none;
/*text-indent: -100000px;*/
font-size: 1px;
overflow: hidden;
}

#content h1 {
position:relative;
width:auto;
height:auto;
color:#666666;
overflow:visible;
font-size:22px;
left:0px;
top:0px;
}

#topnav
{
padding: 59px 40px 6px 0;
margin: 0;
text-align: right;
font-size: 11px;
line-height: 140%;
}

#topnav li
{
display: inline;
padding-left: 20px;
}

#topnav a
{
color: #333;
}

#maincontent li
{
margin: 5px 0;
}

#container
{
background: #fff url("/images/bg.gif") repeat-y;
width: 740px;
padding: 0;
margin: 0 auto;
}

#nav
{
background: #cfeabf;
padding: 0;
margin: 0 40px 0 40px;
width: 660px;
overflow: hidden;
height: 36px;
}

#nav:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#nav li
{
list-style-type: none;
margin: 0;
padding: 0;
padding: 0;
margin: 0 1px 0 0;
display: block;
float: left;
}

#nav li a
{
margin: 0;
padding: 0 15px;
line-height: 36px;
color: #1b2c0e;
font-weight: bold;
text-decoration: none;
font-family: Tahoma, Lucida, Verdana, sans-serif;
background: #cfeabf;
font-size: 12px;
border-right: 1px solid #fff;
display: block;
}

#nav li a:hover
{
background: #6b9c61;
color: #fff;
}

#nav li.active a
{
background: #6b9c61;
color: #fff;
}

#content:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#content
{
display: inline-table;
}

#sidebar
{
padding: 0;
margin: 0;
float: right;
width: 250px;
}

#maincontent
{
padding: 10px 0 0 40px;
margin: 0;
float: left;
width: 450px;
line-height: 150%;
}

h2
{
font-weight: normal;
font-size: 150%;
}

h3
{
font-weight: normal;
font-size: 130%;
}

#photo01
{
padding: 0;
margin: 0 40px 1px 40px;
background: url("/images/picture.jpg");
height: 165px;
}

.subnav
{
margin: 5px 40px 30px 20px;
padding: 0;
border-top: 1px solid #e3e3e3;
}

.subnav li
{
border-bottom: 1px solid #e3e3e3;
list-style-type: none;
padding: 7px 5px 7px 20px;
}

.subnav li a
{
color: #1b2c0e;
}

#sidebar p, #sidebar h2
{
margin: 10px 40px 10px 20px;
font-size: 90%;
line-height: 140%;
}

#sidebar h2
{
font-size: 120%;
}

#footer
{
width: 740px;
margin: 0;
}

#footer p
{
margin: 20px 40px 0 40px;
font-size: 85%;
padding: 10px 5px;
background: #d8e8cd;
}

#footer a
{
color: #222;
}

.subnav li.active a
{
color: #d27102;
}

#topnav a:hover, .subnav a:hover, a:hover
{
color: #f79c26;
}

dl
{
margin: 0 0 20px 0;
padding: 0;
}

dt
{
width: 30%;
float: left;
margin: 0 0 0 0;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd
{
width: 68%;
float: left;
margin: 0 0 0 0;
border-top: 1px solid #999;
}

.active
{
font-weight: bold;
}

label
{
display: block;
}


textarea{
width: 95%;
height: 200px;
}

#content
{
margin: 30px 0 0 0;
}

#maincontent
{
margin-top: 0;
padding-top: 0;
}

h2
{
margin-top: 0;
}

