@charset "UTF-8";

/* CSS Document */
/* BTSD - 2009*/


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

h1{
font-size:1.6em;
color:#005977;
line-height:28px;
font-weight:400;
margin-bottom:15px}

h2{
font-size:1.3em;
color:#716e6b;
font-weight:100;
font-weight:400;
margin:5px 0 5px 0}

h3{
font-size:1.2em;
color:#005977;
margin:5px 0 5px 0}

h4{
font-size:1.1em;
color:#000000;
margin:5px 0 5px 0}

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

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

p{
margin-bottom:10px}

strong{
font-weight:600}

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

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

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

.blue{
color:#005977}

body{
font-size:0.9em;
font-weight:200;
line-height:1.3em;
color:#000000;
font-family:Helvetica, Arial, Verdana, sans-serif;
background:url(assets/images/bg.jpg) repeat top left}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

/* Main Container */
#wrapper{
width:100%;
height:100%;
padding:0;
background:url(assets/images/floor-bg.png) repeat-x bottom left;
_background:url(assets/images/floor-bg.gif) repeat-x bottom left}

#bg-blue-bar{
position:relative;
left:0;
right:0;
top:206px;
height:32px;
z-index:-1;
margin: 0 0 -32px 0;
background:url(assets/images/bg-bar.jpg) repeat-x top left}

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

/* Masthead */
#masthead{
width:990px;
height:253px;
float:left;
margin:8px 0 20px 0;
padding:0}

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

#banner-left{
margin: 0;
padding: 0;
float: left;
width: 230px}

#banner-right{
margin: 0;
padding: 0;
float: right;
width: 230px}

.screen{
width:516px;
height:253px;
margin:0 5px;
padding:0;
float: left}

.textarea{
padding:0;
margin:0 0 20px 0;
width:516px;
height:100%;
float:left}

#left_column{
float:left;
width:235px;
height:100%;
margin:0;
padding:0}

#right_column{
float:right;
width:200px;
height:100%;
margin:0 0 0 30px;
padding:0}

/* Navigation */
.navigation{
width:190px;
text-align:left;
margin:0 0 30px 0;
line-height:1.3em;
padding:0}

.navigation ul{
margin:0;
padding:0;
width:190px}

.navigation li{
list-style:none;
margin:0;
padding:0}

.navigation a, #banner-left a, #banner-right a, #left_column a, #right_column a{
text-decoration:none;
color:#000000;
margin:0;
padding:0}
#banner-left a, #banner-right a, #left_column a, #right_column a{
color:#716e6b;}
.navigation a:hover, #banner-left a:hover, #banner-right a:hover, #left_column a:hover, #right_column a:hover{
text-decoration:none;
color:#005977;
margin:0;
padding:0}

.navigation #active, .navigation #active2{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation #active a, .navigation #active2 a{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation #active a:hover, .navigation #active2 a:hover{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation h2{
margin:0 0 15px 0;
padding:0;
font-size:1.2em;
font-weight:600;
color:#005977}

/* Footer */
#footer{
width:990px;
height:220px;
font-size:0.8em;
margin:0 auto;
clear:both;
padding:0}

#footer img{
float:left}

.copyright{
width:230px;
height:20px;
font-size:9px;
text-align:left;
color:#ffffff;
margin:175px 0 0 0;
float:left}

.copyright a{
text-decoration:underline;
color:#716e6b}

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

.copyright p{
color:#ffffff;
padding:0;
margin:0}

.links{
width:200px;
height:20px;
font-size:9px;
text-align:left;
margin:175px 0 0 0;
padding:0 0 0 30px;
float:right}

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

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

.links p{
color:#ffffff;
padding:0;
margin:0}

.click{
cursor:pointer}