@charset "UTF-8";
/* CSS Document */

body{
background-color:#FFFFFF;
font-size:12px;
font-family:Trebuchet MS, Lucida Grande, Arial;

}

.bgtop{
background:url('../images/bgtop.jpg');
width:970px;
height:11px;
margin:0 auto;
}

.bgbot{
background:url('../images/bgbot.jpg');
height:11px;
width:970px;
}

.bgmid{
background:url('../images/bgmid.jpg');
width:970px;
display:inline-block;
position:relative;
}


.wrapper{
margin:0 auto;
width:970px;
}

.leftarea{
width:137px;
float:left;
overflow:visible;
position:absolute;

}

.leftarea img{
display:block;
z-index:10;
padding-top:120px;
position:relative;
}

.rightarea{
width:693px;
float:left;
padding-left:144px;
}

.logo{
height:30px;
padding:10px;

}

.toparea{
height:210px;
}

.nav{
background-image:url(../images/menu.png);
background-repeat:no-repeat;
background-position:right;
height:25px;
}

.nav a:link{
text-decoration:none;
color:#FFFFFF;
}

.nav a:visited{
text-decoration:none;
color:#FFFFFF;
}

.nav a:hover{
text-decoration:none;
color:#368D43;
}

.nav a:active{
text-decoration:none;
color:#368D43;
}


.nav ul{
padding-left:240px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
margin:5px 0 0 0;
}

.nav ul>li{
float:left;
display:block;
margin:5px 12px 5px 12px;
}

.nav ul li{
float:left;
display:block;
margin:4px 16px 3px 10px;
}

.contentarea{
color:#414142;
}

.contentarea a{
color:#368D43;
text-decoration:none;
}


.leftcontentholder{
float:right;
}

.leftcontent{
z-index:1;
float:left;
width:250px;
height:auto;
display:none;
}

.leftcontenttop{
background-image:url(../images/leftside-top.jpg);
background-repeat:no-repeat;
float:left;
width:245px;
height:50px;

}

.leftcontentmid{
background-image:url(../images/leftside-mid.jpg);
background-repeat:repeat-y;
float:left;
width:230px;
height:auto;
padding-left:20px;
}

.leftcontentbot{
background-image:url(../images/leftside-bot.jpg);
background-repeat:no-repeat;
float:left;
height:70px;
width:230px;
}


.leftcontenth{
width:250px;
height:240px;
display:block;
float:left;
}

.rightcontent{
padding:20px 22px 0 244px;

}

.hoverimg{
width:300px;
height:283px;

}

.overlay{
position:relative;
z-index:10;
}

.overlay form{
position:relative;
width:170px;
}

.overlay ul{
color:#FFFFFF;
list-style-image:url(../images/asterix.png);
padding:10px 0 0 15px;
width:140px;
}

h3{
font-size:14px;
font-weight:100;
color:#fff;
width:170px;
padding:0 0 0 22px;
}

h1{
font-size:1.6em;
font-weight:100;
margin:0 0 5px;
line-height:30px;
text-transform:lowercase;
}

.contentarea p{
margin:6px;
}

.footerholder{
width:600px;
margin:0 auto;
height:40px;
line-height:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#414142;
}

.footerholder a{
color:#414142;
text-decoration:none;
}

.footerleft{
float:left;

}

.footerright{
float:right;

}

.nav2{
float:right;
position:relative;
}

.nav2 ul{
float:left;
border-left:solid 2px #368D43;
padding:0;
margin:5px 0 5px 0;

}

.nav2 ul>li{
float:left;
display:block;
padding:0 10px 0 10px;
margin:0;
border-right:solid 2px #368D43;
border-bottom:solid 2px #368D43;
}

.nav2 ul li{
float:left;
display:block;
padding:0 10px 0 10px;
margin:0;
border-right:solid 2px #368D43;
border-bottom:solid 2px #368D43;
}

.nav2 a:link{
text-decoration:none;
color:#414142;
}

.nav2 a:hover{
text-decoration:none;
color:#414142;
}

label{
color:#FFFFFF;
display:block;
margin-top:0;
}

h3{
position:absolute;
z-index:10;
}