@charset "UTF-8";

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


/* EDITOR START */

hr{
border-bottom:1px solid #8cc63f;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:1.6em;
color:#8cc63f;
margin-bottom:15px}

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

h3{
font-size:1em;
color:#8cc63f;
margin-top:5px;
margin-bottom:5px}

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

h5{
font-size:1.3em;
color:#777777;
margin-top:5px;
margin-bottom:5px}

a{
color:#8cc63f;
text-decoration:none}

a:hover{
color:#8cc63f;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.green{
color:#8cc63f}

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

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

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

#main_container{
width:976px;
height:100%;
padding:0 0 0 10px;
float:left;
margin:0 0 0 -10px} 

/* --------- Masthead ---------*/

#masthead{
width:952px;
height:100%;
margin:0;
padding:0;
float:left}

#masthead img{
margin:16px 0 16px 0;
padding:0;
float:left}

.masthead_right{
width:530px;
height:100px;
margin:60px 0 0 0;
padding:0;
float:right;
text-align:right}

/* --------- Slideshow ---------*/
#slideshow{
width:976px;
height:188px;
float:left;
padding:0 0 10px 0;
margin:0}

.slideshow_area{
width:977px;
height:188px}

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

/* --------- Left Column ---------*/
#left_column{
width:250px;
float:left;
height:100%;
margin:0;_margin:0 0 0 -40px;
padding:0}

.block{
width:184px;
float:left;
padding:0;
margin:0 0 0 28px;}

.block img{
width:184px;
float:left;
padding:0;
margin:17px 0 20px 0;
border:3px solid #8cc63f}

/* --------- Text Area ---------*/
.textarea{
padding:0;_padding:0 0 20px 24px;
margin:14px 0 24px 0;
width:690px;_width:700px;
height:100%;
float:left}

/* --------- Navigation top ---------*/
.navigation_top{
width:976px;
height:40px;
float:left;
text-align:left;
clear:both;
padding:0;
margin:0;
background:url(assets/nav-bg.jpg) repeat-x top left}

.navigation_top ul{
margin:8px 0 0 250px; _margin:0 0 0 236px;
padding:0;
width:670px}

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

.navigation_top a{
text-decoration:none;
color:#888888;
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 a{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:12px 20px 12px 20px;
background: url(assets/li-active.jpg) repeat top left}

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

.footer_text a{
text-decoration:none;
color:#000000}

.footer_text a:hover{
text-decoration:underline;
color:#000000}

.footer_text p{
font-size:0.8em;
color:#000000;
padding:2px 0 10px 250px;_padding:2px 0 10px 236px;
margin:0}

/* MaxiGallery */
.childscontainer{
display:block;
width:690px;
float:left}