/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family:arial,verdana,sans-serif;
color:#666666;
height:100%; 
background-color:#f4f4f4; 
background-image:url(../images/body_repeat.gif); 
background-repeat:repeat-x;

  
}

/*  CSS  container for centre content  */


#wrapper{
width: 840px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_repeat.gif);
background-repeat:repeat-y; 
 
}

#wrapper_bottom{
width: 840px;
height:60px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_bottom.gif);
background-repeat:no-repeat;
display:block;
 
}



h1,h2,h3,p{margin:0 0 16px 0;padding: 0px;}
h1 {font-size: 22px;color: #333333;}
h2 {font-size: 18px;color: #666666;}
h3 {font-size: 12px;font-weight: normal;color: #333333;}

a:link {
color:#666666;
font-size:12px;  
text-decoration:none; 

}

a:visited{
color:#666666; 
font-size:12px;  
text-decoration:none; 

}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;

}

img{border:none}



form{
margin:0px;
padding:0px;
}




/*  CSS  Header styles */

#header{
position:relative;
float:left;
background-image:url(../images/header.gif); 
background-repeat:no-repeat ;
width:840px;
top:0px;
padding:0px;
margin:0 0 7px 0; 
display:block;

}

#header h1{
position:absolute;
left:10px;
top:120px;
color:#ffffff;
font-size:12px;
margin:0px;
padding:0px;
font-weight:lighter;
}

#header p{
position:absolute;
left:630px;
top:120px;
color:#ffffff;
font-size:12px;
margin:0px;
padding:0px;
}

#header p a, #header p a:visited{
color:#ffffff;
text-decoration:none;
}

#header p a:hover{
color:#ffffff;
text-decoration:underline;
}

#logo{
position:absolute;
top:7px;
left:14px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
width:199px;
height:83px;
display:block;

}


#header ul{
position:relative;
left:290px;
float:left;
margin:0px;
padding:0px;
list-style-type:none;
width:540px;
}

#header li.on{
margin:0px;
padding:0px;
float:left;
background-image:url(../images/header_link_on.gif)!important; 
background-repeat:no-repeat;
width:179px;
height:54px;
display:block;
}

#header li{
margin:0px;
padding:0px;
float:left;
background-image:url(../images/header_link_off.gif); 
background-repeat:no-repeat;
width:179px;
height:54px;
display:block;
}

#header li a{
margin:0px;
padding:0px;
float:left;
width:179px;
height:54px;
display:block;
text-decoration:none;
}

#header li a:hover{
margin:0px;
padding:0px;
float:left;
color:#000000!important;
background-image:url(../images/header_link_on.gif)!important; 
background-repeat:no-repeat;
width:179px;
height:54px;
display:block;
text-decoration:none;

}

#header li.on a span, #header li.on a:visited span{
margin:0 0 0 15px;
padding:3px;
color:#669999;
font-size:13px;
font-weight:bold;
line-height:18px;
width:143px;
height:38px;
display:block;
cursor:pointer
}

#header li a span, #header li a:visited span{
margin:0 0 0 15px;
padding:3px;
color:#ffffff;
font-size:13px;
font-weight:bold;
line-height:18px;
width:143px;
height:38px;
display:block;
cursor:pointer
}

#header li a:hover span{
margin:0 0 0 15px;
padding:3px;
color:#669999;
font-size:13px;
font-weight:bold;
line-height:18px;
width:143px;
height:38px;
display:block;
cursor:pointer
}


.small{
margin:0px!important;
padding:0px!important;
font-size:11px!important;
font-weight:bold!important;
color:#333333!important;
width:143px!important;
height:20px!important;
display:block;
}

.small_white{
margin:0px!important;
padding:0px!important;
font-size:11px!important;
font-weight:bold!important;
color:#ccffff;
width:143px!important;
height:20px!important;
display:block;
}

.banner{position:relative;

left:10px;
margin:83px 0 0 0 ;
padding:0px;
float:left;

}

/*  CSS  division and styles for left side */


#left {
position:relative;
top:0px;
float: left;
left:10px; 
width: 207px; 
margin:0px; 
padding:0px;



}

#left h2 {
height:20px;
width:185px;
margin:0 0 10px 0; 
padding:9px 0 10px 5px;
display:block;
background-color:#0099cc;
border-left:18px solid #33ccff;
font-size:18px;
color:#ffffff;
  }
  
  
#left h3 {
color:#333333;
font-size:18px!important;
margin:0 0 12px 6px!important;

}

#left h3 a, #left h3 a:visited{
color:#333333!important;
font-size:18px!important;

}

#left h3 a:hover{
color:#000000!important;
font-size:18px!important;



}

#left ul{
margin:0 0 12px 6px;
padding:0px;
list-style-type:none;
}

#left ul li {
background-image:url(../images/list_arrow.gif);
background-repeat:no-repeat;
margin:0 0 5px 0;
padding:2px 0 2px 25px;
border-bottom:1px dotted #666666;
width:165px;
}




/*  CSS  division and styles for middle    */


#middle {
position:relative;
top:0px;
float:left;
width:596px; 
margin:0 0 30px 0; 
padding:0px; 
left:24px; 
top:0px;

}


#middle h1 {
height:20px;
width:574px;
margin:0 0 10px 0; 
padding:9px 0 10px 5px;
display:block;
background-color:#669999;
border-left:18px solid #336666;
font-size:18px;
color:#ffffff;
  
}

.grey_box{
width:564px;
margin:0 0 10px 0; 
padding:10px 10px 0px 10px;
background-color:#efefef;
}



.home_image{
float:right;
margin-top:-22px;
}

/*  CSS  division and styles for right    */

#right {
position:relative;
float: right; 
left:-12px; 
width:197px;
margin:0px; 
padding:0px; 
}

/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */





#footer{
clear: both;
background-image:url(../images/footer_repeat.gif); 
background-repeat:repeat-x;
width:100%;
padding:0px;
margin:0px;
display:block;
}


#footer_container {
width: 820px;
margin:0 auto 0 auto;
padding:30px 10px 10px 10px;
   
}

#footer_container ul {
margin:0px;
padding:0px;
float:left;
width:500px;
list-style-type:none;

}

#footer_container ul li{
float:left;
padding:0 5px 0 5px; 
margin:0 0 6px 0;
border-right:1px dotted #999999;
width:110px;

}

#footer_container ul li a, #footer_container ul li a:visited{
font-size:12px;
}

#footer_container ul li a:hover{
font-size:12px;
}

#footer ol {
width:280px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:right;
float:right;
}

#footer ol li{
margin:0px;
padding:0px;
display:inline;
}


.last{
padding:0 8px 0 8px; 
border-right:none!important
}