/*-----------------------------
 GLOBALS STYLES
 ------------------------------*/



/*------ 
IE6 fix 
-------*/

* html #banner{
height:0px;

}

* html h2, h3, h4  {
padding-top: 0px;
margin-top: 0px;
}


* html #left{
margin:0px;
padding:0px 18px;

}


* html #right{
margin: 0px 0px 0px 0px;
padding:0px 5px 6px 0px;
}


* html #footer p{
margin-top:40px;
padding: 0px;

}

* html #top_nav{
margin:0px 0px 0px 0px;
position: absolute;
padding:0px 0px 0px 0px;
top: 150px;
left: 385px;
}

* html #nav_holder{
margin-top:0px;

}

* html .navtop{
background:url('../i/nav_top.gif') no-repeat 100%;
width:164px;
height:39px;
margin-top:0px;
display: block;
}

* html .navbtm{
background:url('../i/nav_btm.gif') no-repeat 100%;
width:164px;
height:20px;
margin-top:0px;
display: block;

}

* html .navsec{
background:url('../i/nav_sec.gif');
width:162px;
margin-top:0px;


}

/*----------------------
Notes for netinteractive. For positioning remember this 0px(top) 0px(left) 0px(bottom) 0px(right)

Always try and use a guide such border to check positioning 
border: 1 px solod red; as example

Remember to check other attributes to make sure all positioning is correct

font-family:  Tahoma, Verdana, Arial;

or

font-family:  Verdana, Arial, Helvetica, sans-serif;

 ------------------*/

body{
background: #fff url('../i/bg.jpg') repeat;
padding: 0px;
margin: 0px;
color: #FF9900;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 150%;
text-align: justify;
}

h1  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #245024;
margin: 0px;
padding: 0px;
margin: 0px 0px 5px 11px;
text-align: left;
}


h2, h3, h4  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding:3px 5px 6px 0px;
margin: 2px 35px 12px 11px;
color: #245024;
text-align: left;
}

h2 {
border-bottom: 1px dotted #245024;
}


/*-----------------------------
 PAGE STRUCTURE  
 ------------------------------*/


#wrap{
width:800px;
margin:0 auto;
padding:0px;
} 
 
#container{
background:#fff url('../i/content_bkg.jpg') repeat;
color: #003A26;
width:800px;
margin:0;
padding:0px;
}


#header{
background:#fff url('../i/hdr_logo.jpg') no-repeat;
width:800px;
height:200px;
margin:0px;
padding:0px;
}

#top_nav{
width:275px;
margin:150px 240px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
font-size: 10px;
font-family: Tahoma, Verdana, Arial;
}


#top_nav ul{
display:inline;
}


#top_nav li, #top_nav a{ 
display:inline;
list-style:none;
text-decoration:none;
color: #fff;
/*-------- netinteractive change nav colour here!!!! -------*/
}

#top_nav li a:hover
{
color: #F8C022;
}

  
#banner{
/*carefull here! as you may use table for displaying flash!*/
background:url('../i/banner.jpg') no-repeat;
width:800px;
height:40px;
margin:0px;
padding:0px;
float:left;
display: block;
}



#content{
width:800px;
margin:0px;
padding:0px;

}


/* --------- below will change where the nav sits, move up 0r down or left or right using padding ------*/
    

#left{
width: 160px;
color: #003A26;
margin:0px;
padding:0px 18px;
float:left;
display: block;
}



/* -------- change main paragraph content area here ------- */

#right{
background: url('') no-repeat top right;
width: 550px;
margin: -38px 0px 0px 0px;
padding:0px 5px 6px 0px;
float:right;
display: block;
}

#right li{
color: #FF0000;
list-style:none;
}


#right p{
margin: 5px 35px 0px 5px;
padding:0px 0px 6px 5px;
}

#right a{
text-decoration: underline;
text-align:center;
color: #0073BB;

}





#right a:hover {
color: #FE6D0D;
}

#right p.box {
background-color: #D7E2F0;
text-align: center;	
font-size: 11px;
margin: 10px 35px 20px 5px;
padding: 10px 15px;
border: 3px double #330366;
}

.advert{

padding:3px;
float:right;
margin: 5px;
}


.advert_l{

padding:0px;
float:left;
margin: 2px;
}


.advert_left_8{
width: 156px;
height: 156px;
border: 0px;
float: left;
padding: 5px 0px 0px 5px;
}






/*-----------------------------
 PAGE NAVIGATION 
 ------------------------------*/


#nav_holder{
width:164px;
margin-top:-15px;
padding:0px 0px 25px 20px;
}

.navtop{
background:url('../i/nav_top.gif') no-repeat 100%;
width:164px;
height:39px;
margin-top:-25px;
display: block;
}

.navbtm{
background:url('../i/nav_btm.gif') no-repeat 100%;
width:164px;
height:20px;
margin-top:-12px;
display: block;

}

.navsec{
background:url('../i/nav_sec.gif');
width:162px;
margin-top:-12px;


}

.nav{
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
color: #245024;
padding:2px 9px 2px 9px;
margin:12px 0px;
}

.nav a{
text-decoration: none;
color: #245024;
display: block;
padding: 1px 5px;
/*-------- netinteractive change nav colour here!!!! and to move the text from left to right -------*/
}

.nav li a:hover{
background-color: #F8C021;

/*-------- must have diplay: block for hover to appear in IE -----*/
}

.nav li{
list-style:none;
padding-left:0px;

/*------ above change the hover position here -----*/

color:#689BCB;
border-bottom: 1px solid #C5991B;
}




/*-----------------------------
RELATED LINKS
 ------------------------------*/

#linx{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #245024;
margin: 5px 10px 0px 5px;
padding:0px 0px 6px 5px;
}

#linx a{
text-decoration:none;
text-align:center;
font-size:10px;
color: #245024
}


#linx a:hover {
color: #ff9900;
}

/* ------------ 

Please note if width is set more than allowed it will break
alignment in IE ----------*/

#linx ul {
width:480px;
margin: 5px;
padding:0px;
}


#linx li {
display: inline;
padding:1px 5px;
margin:0px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#245024;
}


#linx li a{
text-decoration:none;
color:#245024;
}


#linx li a:hover {
color: #ff9900;
}



.topctrlcntr{
margin:0px;
padding: 2px 5px;
text-align: right;
font-family:  Tahoma, Verdana, Arial;
font-size: 11px;
color: #330366;

}


/*-----------------------------
 PAGE FOOTER 
 ------------------------------*/


.clearit {clear: both;
height: 0;
margin: 0;
padding: 0;
}


#footer{
background:url('../i/footer.jpg') no-repeat;
background-color: #fff;
color: #999999;
width: 800px;
height: 75px;
margin: 0px;
padding: 0px 0px;
font-size: 9px;
}


#footer p{
font-size: 9px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #F8C021;
margin:5px;
padding:40px;
text-align: center;
}


#footer a{
text-decoration:none;
color:#330366;
}

#footer a:hover {
color: #ff9900;
}



/*--------------------------------------------------
CONTACT FORM
--------------------------------------------------*/

/* ---- styling the form ---- */

.fill_up{
background-color:#F8F0D0;
width:238px;
height: 20px;
margin:0px;
padding:0px;
border:1px solid;
font-size: 12px;
	  
}

/* ---------  Positioning for form --------- */

fieldset{
width:485px;
float:none;
border:none; 
margin: 5px 35px 0px 5px;
padding:0px 0px 6px 5px;
}


span{
background: #fff; 
color: #CBDAEC;}


/* ------ SEO text ----- */

.seotext {

          DISPLAY: none

}