@charset "UTF-8";

/* CSS Document */
/* RW06 RJ Builders - Sam Beckingsale 2009*/


/* EDITOR START */
hr{
border-bottom:1px solid #555555;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin:10px 0 10px 0}

h1{
font-size:1.8em;
font-family:Helvetica, sans-serif;
color:#224698;
line-height:28px;
margin-bottom:10px}

h2{
font-size:1.3em;
color:#86c879;
margin-top:5px;
margin-bottom:5px}

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

h4{
font-size:1.1em;
color:#86c879;
margin-top:5px;
margin-bottom:5px}

a{
color:#86c879;
text-decoration:underline}

a:hover{
color:#86c879;
text-decoration:underline}

p{
margin-bottom:10px}

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

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

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

.green{
color:#86c879}

.blue{
color:#224698}

body{
font-size:0.8em;
font-weight:200;
line-height:1.8em;
color:#555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#284c9a url(assets/bg.jpg) repeat-x top left}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

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

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

/* --------- Masthead ---------*/
#masthead{
width:990px;
height:333px;*height:250px;
margin:0;
padding:0;
border-bottom:4px solid #6a6f71}

.logo{
width:526px;
height:200px;
margin:10px 0 10px 0;
padding:0}

.masthead-text{
width:220px;
height:100px;
text-align:left;
float:right;
margin:-150px 158px 0 0;margin:-150px 26px 0 0;}

/* --------- Mainarea ---------*/
#mainarea{
width:990px;
height:100%;
margin:0;
padding:0;
float:left;
background:#ffffff}

.textarea{
padding:23px 26px 26px 30px;
height:366px;
margin:0px;
overflow-y:scroll;
overflow-x:none;
float:left;
width:351px;_width:345px;}

.left_column{
float:left;
width:580px;
height:100%;
margin:0}

/* --------- Navigation top ---------*/
.navigation_top{
width:990px;
height:123px;
float:left;
text-align:left;
margin:0;
padding:0;
background: url(assets/bands.png) repeat-x top left;_background: none}

.navigation_top h2{
float:left;
margin:52px 0 0 0;
color:#ffffff;
font-weight:200}

.navigation_top ul{
margin:52px 0 0 20px;_margin:52px 0 0 10px;
padding:0;
float:left;
width:590px}

.navigation_top li{
list-style:none;
display:inline;
margin:0 -2px 0 0;
padding:0}

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

.navigation_top a:hover{
text-decoration:underline;
color:#284c9a;
margin:0;
padding:11px 20px 11px 20px}

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

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

/* --------- Footer --------- */
#footer{
width:990px;
height:106px;_height:109px;
font-size:0.8em;
color:#ffffff;
margin:0;
padding:0;
clear:left;
background: url(assets/bands.png) repeat-x bottom left;
_background: url(assets/footer.png) repeat-x;
border-top:4px solid #6a6f71}

.copyright{
width:800px;
font-size:9px;
text-align:left;
margin:20px 0 0 260px;_margin:20px 0 0 100px;
float:left}

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

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

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