@charset "UTF-8";

/* CSS Document */
/* Spe Ltd - 2009*/


/* EDITOR START */
hr{
border-bottom:1px solid #336699;
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:#336699;
font-weight:600;
line-height:1.7em;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px solid #999999}

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

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

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

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

a:hover{
color:#336699;
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/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:#336699}

.lightblue{
color:#2f8eec}

.green{
color:#339900}

body{
font-size:0.9em;
font-weight:200;
line-height:1.3em;
color:#000000;
font-family:Helvetica, Arial, Verdana, sans-serif;
background:#274d74 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:100%;
height:100%;
padding:0;
background:url(assets/floor-bg.png) repeat-x bottom left;
_background:url(assets/floor-bg.gif) repeat-x bottom left}

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

/* Masthead */
#masthead{
width:990px;
height:230px;
float:left;
margin:0 0 15px 0;
padding:0}

.masthead_left{
width:175px;
line-height:1.6em;
height:191px;
color:#336699;
float:left}

.masthead_left h2{
font-size:1.4em;
font-weight:600;
color:#336699;
margin:40px 0 10px 0}

.masthead_left p{
margin:0;
padding:0 0 0 20px;
font-weight:400;
background:url(assets/tick.gif) no-repeat center left}

.masthead_middle{
width:600px;
height:191px;
float:left}

.masthead_right{
width:175px;
float:right;
margin:40px 0 0 0}

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

.textarea_wrapper{
padding:0;
margin:6px 0 20px 0;
width:580px;
height:100%;
background:#ffffff url(assets/fade.gif) repeat-x top left;
border:2px solid #ffffff;
float:left}

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

.textarea_bottom{
padding:20px;
margin:0;
color:#ffffff;
width:540px;
float:left;
background:#336699 url(assets/sp.gif) repeat-x top left}

.textarea_bottom a, .textarea_bottom h4{
color:#ffffff;
text-decoration:none}

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

.column{
width:170px;
font-size:0.8em;
line-height:1.3em;
margin:0 10px 0 0;
float:left}

.column ul{
padding:15px 0 15px 15px}

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

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

#left_column{
width:171px;
float:left;
margin:0 28px 0 0;_margin:0 22px 0 0;
background:url(assets/block-bg.png) no-repeat top left}

#left_column h3{
color:#ffffff;
width:141px;
padding:10px;
margin:0;
font-size:0.95em;
font-weight:600;
border:2px solid #ffffff;
background-color:#339900;
float:left}

#right_column{
float:right;
width:175px;
height:100%;
margin:0 0 0 28px;_margin:0;
padding:0}

.block{
width:171px;
float:left;
margin:0 0 20px 0;
background:url(assets/block-bg.png) no-repeat top left}

.block h3{
color:#ffffff;
text-decoration:none;
width:141px;
padding:10px;
margin:0;
font-size:1em;
font-weight:200;
border:2px solid #ffffff}

.block img{
margin:50px 0 15px 15px}

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

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

/* Navigation Top */
.navigation_top{
width:990px;
float:left;
display:block;
clear:both;
text-align:center;
margin:25px 0 0 0;
line-height:1.3em;
padding:0}

.navigation_top ul{
margin:0;
padding:0;
width:990px}

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

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

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0}

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

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

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

/* Navigation Left */
.navigation{
width:160px;
text-align:left;
margin:35px 0 0 5px;
font-size:0.9em;
line-height:1.3em;
padding:0}

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

.navigation li{
list-style:none;
margin:0 0 3px 0;
padding:0 0 0 20px;
background:url(assets/tick.gif) no-repeat top left}

.navigation a{
text-decoration:none;
color:#000000;
margin:0;
padding:0}

.navigation a:hover{
text-decoration:underline;
color:#336699;
margin:0;
padding:0}

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

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

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

.navigation h2{
margin:0 0 10px 0;
width:156px;
padding:0;
font-size:1em;
font-weight:600;
border-bottom:1px solid #999999;
color:#339900}

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

.copyright{
width:990px;
height:20px;
float:left;
font-size:0.8em;
text-align:center;
color:#ffffff;
border-top:1px solid #ffffff;
margin:0;
padding:20px 0 0 0}

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

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

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