/* ************************************* GENERIC STYLES ***************************** */
body{
background-color:#e2ecff;
margin:10px auto;
width:760px;
text-align:center;
font:0.7em/14px Verdana, Arial, Helvetica, sans-serif;
}
div#wrapper{
background:url(images/top.gif) no-repeat;
background-color:#fff;
float:left;
text-align:left;
padding-bottom:15px;
padding-top:10px;
}
/* ************************************** MASTHEAD ********************************** */
#masthead{
background:url(images/logo.gif) no-repeat;
width:718px;
color:#0b9fcb;
padding:10px 20px 20px;
}
#masthead p{
text-align:right;
margin:0;
}
#masthead a{
color:#0b9fcb;
}
div#masthead a:hover{
color:#c39;
}
/* ************************************** NAVIGATION ********************************** */
div#navigation{
background:url(images/navigation.gif) no-repeat;
background-color:#cce1f2;
width:760px;
text-align:center;
clear:both;
padding:14px 0 0;
}
div#navigation ul{
margin:0;
padding:0;
}
div#navigation li{
display:inline;
margin:0 0 10px;
margin-right:35px;
font-size:1.1em;
}
div#navigation li.last{
margin-right:0;
}
div#navigation a{
color:#101f5f;
}
div#navigation a:hover{
color:#c39;
}
div#navigation a.active{
color:#0c9fcb;
}
div#navigation_base{
background:url(images/navigation_base.gif) no-repeat;
margin-bottom:6px;
height:10px;
}
/* ************************************** LEFT COLUMN - SUB NAVIGATION ********************************** */
#subnavigation  {
float:left;
width:150px;
color:#0c1c5d;
padding-top:10px;
margin-right:14px;
}
div#subnavigation p{
margin:0 0 2px 13px;
}
div#subnavigation p.breaker{
border-bottom:1px solid #a1c7e7;
padding-bottom:4px;
margin-bottom:12px;
}
div#subnavigation a{
color:#093;
}
div#subnavigation a:hover{
color:#c39;
}
div#subnavigation img{
margin-top:30px;
}
/* ************************************** MAIN CONTENT ********************************** */
#content{
margin-top:5px;
margin-left:0;
float:left;
}
/* ************************************** MAIN BOX ********************************** */
div#mainbox{
width:587px;
margin-bottom:10px;
clear:both;
}
div#mainbox p{
color:#fff;
padding:0 25px 0 285px;
margin:0;
}
.intro{
color:#c6e091;
font-size:1.1em;
font-weight:bold;
}
div#mainbox_top{
background:url(images/mainbox_top.jpg) no-repeat;
width:587px;
height:22px;
float:left;
}
div#mainbox_middle{
background:url(images/mainbox_middle.jpg) no-repeat;
background-position:top;
width:567px;
border-left:10px solid #c6e091;
border-right:10px solid #c6e091;
padding:2px 0;
float:left;
line-height:16px;
}
div#mainbox_base{
background:url(images/mainbox_base.jpg) no-repeat;
width:587px;
height:22px;
float:left;
margin-bottom:10px;
}
/* ********************************* BOXES ********************** */
div.boxwrapper{
float:left;
width:193px;
margin-right:4px;
}
/* ********************************* SUB BOX 1 ********************** */
#subbox1_top{
height:22px;
width:193px;
background:url(images/subbox1_top.gif) no-repeat;
float:left;
}
#subbox1_base{
height:25px;
width:193px;
background:url(images/subbox1_base.gif) no-repeat;
float:left;
}
#subbox1_middle{
background:url(images/subbox1_middle.gif) no-repeat;
background-position:bottom;
background-color:#2094b8;
border-left:10px solid #a1c7e7;
border-right:10px solid #a1c7e7;
width:173px;
padding:2px 0 83px;
float:left;
}
#subbox1_middle a{
color:#fff;
}
#subbox1_middle p{
color:#fff;
margin:0 2px 0 10px;
font-size:1.1em;
}
/* ********************************* SUB BOX 2 ********************** */
#subbox2_top{
height:22px;
width:193px;
background:url(images/subbox2_top.gif) no-repeat;
float:left;
}
#subbox2_base{
height:25px;
width:193px;
background:url(images/subbox2_base.gif) no-repeat;
float:left;
}
#subbox2_middle{
background:url(images/subbox2_middle.gif) no-repeat;
background-position:bottom;
background-color:#7fa855;
border-left:10px solid #c6e091;
border-right:10px solid #c6e091;
width:173px;
padding:2px 0 56px;
float:left;
}
#subbox2_middle a{
color:#fff;
}
#subbox2_middle p{
color:#fff;
font-size:1.1em;
margin:0 2px 0 10px;
}
/* ********************************* SUB BOX 3 ********************** */
#subbox3_top{
height:22px;
width:193px;
background:url(images/subbox3_top.gif) no-repeat;
float:left;
}
#subbox3_base{
height:25px;
width:193px;
background:url(images/subbox3_base.gif) no-repeat;
float:left;
}
#subbox3_middle{
background:url(images/subbox3_middle.gif) no-repeat;
background-position:bottom;
background-color:#a1c7e7;
border-left:10px solid #2094b8;
border-right:10px solid #2094b8;
width:173px;
padding:2px 0 70px;
float:left;
}
#subbox3_middle p{
color:#036;
margin:0 6px 0 10px;
font-size:1.1em;
}
#subbox3_middle a{
color:#036;
}
/* ************************************** CONTACT DETAILS ********************************** */
div#contact{
background:url(images/contact.gif) no-repeat;
background-position:bottom;
width:760px;
padding-top:8px;
height:41px;
clear:both;
color:#101f5f;
}
div#contact p{
margin:0 0 0 20px;
text-align:left;
}
div#contact a{
color:#101f5f;
}
div#contact a:hover{
color:#c39;
}
/* ************************************** NEWS ********************************** */
div#news{
padding:2px 0;
text-align:center;
background-color:#fff;
}
.scroller{
width:740px;
color:#666;
border:1px solid #2094b8;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
padding:4px 0;
}
/* ************************************** GENERIC ********************************** */
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
div#fix{
display:inline;
}
.hide{
display:none;
}