@charset "UTF-8";

/* CSS Document */
/* RW06 - Dene Hall 2009*/

/* EDITOR START */ 

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

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

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

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

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

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

a{
color:#e40f00;
text-decoration:none}

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

p{
margin-bottom:10px}

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

li{
padding:0}

.red{
color:#e40f00}

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

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

/* --------- Main Container --------- */

#body_wrapper{
width:100%;
height:1000%;
padding:0;
margin:0;
float:left;
background:url(assets/bg-fade.png) repeat-x top left fixed}

#wrapper{
width:980px;
height:1000%;
padding:0;
margin:0 auto}

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

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

#masthead{
width:980px;
height:100%;
margin:0;
padding:0;
float:left;
background:url(assets/bg-masthead.png) no-repeat top left}

.masthead_top{
width:980px;
height:224px;_height:220px;
padding-top:10px;
float:left}

.masthead_top img{
float:left}

.masthead_right{
width:190px;
height:165px;
margin:55px 30px 0 0;
padding-left:20px;
float:right;
border-left:1px solid red;
text-align:left}

.masthead_right h2{
color:#ffffff}

.masthead_right a:hover{
text-decoration:none!important}

/* --------- Ad Area --------- */

.adarea{
float:left;
height:162px;
width:960px;
margin:0;
padding:20px 0 0 9px;_padding:9px 0 0 9px}

#flashcontent{
float:left;
height:162px;
width:960px;
margin:0;
padding:0}

/* --------- Navigation top ---------*/

.navigation_top{
width:980px;
height:47px;
float:left;
text-align:center!important;
clear:both;
padding:0;
margin:25px 0 0 0;
background: url(assets/bg-nav.png) repeat-y top left}

.navigation_top ul{
margin:0 0 0 205px;_margin:0 0 0 101px;
padding:0;
float:left;
height:47px}

.navigation_top li{
position:relative;
z-index:20;
list-style:none;
display:inline;
margin:0;
padding:0;
float:left;
height:47px;
width:147px}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
display:block;
height:30px;
width:147px;
padding:17px 0 0 0 ;
background: url(assets/nav-a.jpg) no-repeat top left}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
display:block;
height:30px;
width:147px;
padding:17px 0 0 0 ;
background: url(assets/nav-hover.jpg) no-repeat top left}

.navigation_top .active a{
text-decoration:underline;
color:#ffffff;
margin:0;
display:block;
height:30px;
width:147px;
padding:17px 0 0 0 ;
background: url(assets/nav-active.jpg) no-repeat top left}

.navigation_top .active a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
display:block;
height:30px;
width:147px;
padding:17px 0 0 0 ;
background: url(assets/nav-active.jpg) no-repeat top left}

/* --------- Mainarea ---------*/

#mainarea_wrapper{
width:960px;
height:100%;
float:left;
margin:0;
padding:0 10px 0 10px;
background: url(assets/bg-mainarea.png) repeat-y top left}

#mainarea{
width:960px;
height:100%;
float:left;
margin:0;
padding:21px 0 0 0;
background: url(assets/bar.jpg) repeat-x top left}

/* --------- Right Column ---------*/

#right_column{
width:326px;
float:right;
min-height:620px;_
height:100%;
margin:50px 0 0 0;
padding:0;
background: url(assets/bg-right-column.jpg) no-repeat top left}

.block{
margin:70px 0 0 15px;_margin:70px 0 0 7px;
_height:620px;
float:left}

/* --------- Gallery---------*/

.gallery{
padding:60px 30px 30px 40px;_padding:60px 20px 30px 40px;
margin:0;
width:850px;_width:860px;
height:100%;
float:left;
background: url(assets/bg-textarea.jpg) repeat-y top left}

/* --------- Text area---------*/

.textarea{
padding:60px 30px 30px 40px;
margin:0;
width:550px;_width:520px;
height:100%;
float:left;
background: url(assets/bg-textarea.jpg) repeat-y top left}

/* --------- Footer --------- */

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

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

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

.footer_text p{
font-size:0.8em;
color:#ffffff;
padding:10px 0 15px 0;
margin:0}