@charset "UTF-8";

/* CSS Document */
/* RW03 Arbor-Tek - Sam Beckingsale 2009*/


/* EDITOR START */

hr{
border-top:1px solid #888888;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:1.8em;
color:#39b54a;
margin-bottom:15px}

h2{
font-size:1.4em;
color:#999999;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.3em;
color:#39b54a;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.2em;
color:#999999;
margin-top:5px;
margin-bottom:5px}


h5{
font-size:1.7em;
color:#39b54a;
margin-bottom:15px}

a{
color:#39b54a;
text-decoration:none}

a:hover{
color:#39b54a;
text-decoration:underline}

p{
margin-bottom:10px}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/bulletpoint.png) no-repeat top left;
border:none;
padding:0 0 0 20px}

.textarea ol{
padding:10px 0 10px 15px}

.green{
color:#39b54a}

.grey{
color:#999999}

body{
font-size:0.8em;
font-weight:200;
line-height:1.8em;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#404041 url(assets/bg.jpg) repeat-y top center}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */
#wrapper{
width:976px;
height:100%;
padding:0;
margin:0 auto}

#main_container{
width:976px;
height:100%;
padding:0;
margin:0} 

/* --------- Masthead ---------*/
#masthead{
width:976px;
height:220px;
margin:0;
background: url(assets/masthead-bg.png) no-repeat bottom left;_background: url(assets/masthead-bg.gif) no-repeat bottom left;
padding:0}

.masthead_left{
width:300px;
height:100px;
margin:40px 0 0 65px;_margin:40px 0 0 30px;
padding:0;
float:left;
text-align:left}

.masthead_right{
width:330px;
height:100px;
margin:30px 0 0 0;_margin:15px 0 0 0;
padding:0;
float:right}


/* --------- Mainarea ---------*/
#mainarea{
width:976px;
height:100%;
margin:0;
padding:0}

.adarea{
width:976px;
height:301px;
margin:0;
padding:0;
border-bottom:8px solid #58585a;
background-color:#58585a}

.textarea{
padding:0;
margin:30px 60px 20px 65px;
width:850px}

.container {background: url(../images/Slideshow/slideshow1.jpg) no-repeat top left}

/* --------- Navigation top ---------*/
.navigation_top{
width:920px;
height:40px;
float:left;
text-align:left;
clear:both;
padding:0 0 0 67px;
margin:20px 0 0 0;}

.navigation_top ul{
margin:28px 0 0 0; _margin:0;
padding:0;
width:670px}

.navigation_top li{
list-style:none;
display:inline;
margin:0 -4px 0 0;
padding:0;
_line-height:40px}

.navigation_top a{
text-decoration:none;
color:#aaaaaa;
margin:0;
padding:12px 20px 12px 20px}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:12px 20px 12px 20px;
background: url(assets/li-hover.jpg) repeat top left}

.navigation_top .active{
text-decoration:none;
color:#ffffff;
font-weight:bold}

.navigation_top .active a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
background: url(assets/li-active.jpg) repeat top left}

.navigation_top .active a:hover{
text-decoration:none;
color:#ffffff;
font-weight:bold}

/* --------- Footer --------- */
#footer{
width:976px;
height:100px;
font-size:0.8em;
color:#494848;
margin:0;
padding:0;
clear:left;
display:block;
background: url(assets/zigzag.png) no-repeat top left}

.footer_left{
width:500px;
height:50px;
float:left;
margin:50px 0 0 65px;_margin:50px 0 0 30px}

.footer_right{
width:220px;
height:50px;
float:right;
margin:50px 65px 0 0;_margin:50px 30px 0 0}

.copyright{
width:976px;
font-size:9px;
text-align:center;
clear:both}

.copyright a{
text-decoration:none;
color:#58585a}

.copyright a:hover{
text-decoration:underline;
color:#58585a}

.copyright p{
padding:20px 0 0 0;
margin:0}