@charset "UTF-8";

/* CSS Document */
/* Motive Power - John McGeary 2009*/


/* EDITOR START */
hr{
border-top:1px solid #00b2d9;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:1.8em;
color:#ffffff;
font-weight:600;
margin-bottom:35px}

h2{
font-size:1.5em;
font-weight:400;
color:#00b2d9;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.4em;
color:#00b2d9;
font-weight:400;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.3em;
color:#000000;
font-weight:200;
margin-top:5px;
margin-bottom:5px}

a{
color:#00b2d9;
text-decoration:none}

a:hover{
color:#00b2d9;
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 20px}

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

.blue{
color:#00b2d9}

.black{
color:#000000}

.grey{
color:#666666}


body{
font-size:0.8em;
font-weight:200;
line-height:1.8em;
color:#000000;
font-family:Helvetica, Verdana, Arial, sans-serif;
background:#000000 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:960px;
height:100%;
padding:0;
margin:0 auto}

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

/* Masthead */

#masthead{
width:960px;
height:226px;
margin:0;
padding:0}

.masthead_left{
width:350px;
height:149px;
float:left;
margin:60px 0 0 0;
padding:0}

.masthead_left h3{
color:#00b2d9}

.masthead_logo{
width:343px;
height:199px;
margin:10px 0 0 0;
padding:0;
float:right}

/* Top Nav */

.navigation_top {
width:600px;
float:left;
line-height:28px;
text-align:left;
clear:both;
padding:0;
margin:-11px 0 0 0}

.navigation_top ul {
margin:0;
padding:0}	

.navigation_top li{
display:inline;
float:left;
text-align:left;
height:28px}

.navigation_top a{
text-decoration:none;
color:#a7a9ac;
padding:0 0 0 14px;
width:110px;
height:28px;
display:block;
background:url(assets/default.gif) no-repeat}

.navigation_top a:hover{
text-decoration:underline;
color:#555555;
padding:0 0 0 14px;
width:110px;
height:28px;
display:block;
background:url(assets/hover.gif) no-repeat}

.navigation_top .active a{
text-decoration:underline;
color:#ffffff;
padding:0 0 0 14px;
width:110px;
height:28px;
display:block;
background:url(assets/active.gif) no-repeat} 

.navigation_top .active a:hover{
text-decoration:underline;
color:#ffffff;
padding:0 0 0 14px;
width:110px;
height:28px;
display:block;
background:url(assets/active.gif) no-repeat}

/* Slideshow */

.slideshow{
width:960px;
height:186px;
float:left;
padding:0;
margin:0;
background:url(assets/slideshow-bg.jpg) no-repeat top left}

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

.textarea{
width:679px;
float:left;
padding:15px 30px 0 30px;
margin:0;
height:100%;
background:url(assets/textarea-bg.gif) repeat-x top left}

.textarea img{
border:5px solid #d5d5d5}

/* Right Column */

#right_column{
width:221px;_width:219px;
height:100%;
margin:0;_margin-right:-3px;
padding:0;
float:left;
background:url(assets/right-col-bg.gif) repeat-x top left}

.block {
width:161px;
float:left;
color:#ffffff;
height:100%;
padding:75px 30px 300px 30px;
background:url(assets/mb.gif) no-repeat bottom left}

/* Footer */

#footer{
width:960px;
height:46px;
padding:0;
margin:0;
background:none;
float:left;
background:url(assets/footer-bg.gif) no-repeat top left}

.copyright{
width:920px;
height:25px;
text-decoration:none;
text-align:left;
font-size:9px;
padding:0;
margin:20px 0 0 40px;
color:#ffffff}

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

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