/* CSS Document  
stuart@northcolour.com
Apr 2007
*/

body{
margin:0;
padding:0;
background:#D6D6D6;
font-family:Arial, Helvetica, sans-serif;
color:#0058A9;
font-size:medium;
font-size:14px;
}

/* links 
---------------------------------------*/
a:link, a:visited {
	font-weight:bold;
	color: #339933;
	text-decoration: none;
	}
a:hover {
	text-decoration:underline;
	}
	
/* CSS reset
---------------------------------------*/
h1, h2, h3, h4, h5, p, div, img, li, ul, ol, dl,a, address {
margin:0;
padding:0;
font-style:normal;
}
img{
border:0;
}
p{
margin:15px;
}
/* Common elements
---------------------------------------*/
h3, dt{
color:#006699;
}
h1,h2,h3{
margin:15px;
text-transform:uppercase;
}
h1{font-size:1.4em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1.0em; font-weight:bold;}
p{font-size:1.0em;}
h5{
margin:0 0 10px 0;
}
ul, ol{

list-style:none;
margin:5px 0 5px 10px;
}
li{
margin:5px 10px 5px 35px;
list-style:disc;
}
hr {
display:none;
clear:both;
}
strong{
font-weight:bold;
}
/* Page elements
---------------------------------------*/
#wrap{
text-align:left;
margin:0 auto;
font-size:80%;
width:760px;
padding:0;
position:relative;
border:10px solid #fff;
background:#fff;
}
#logo{
background:transparent url(/img/livery/header_bg_tile.jpg) top left repeat-x ;

}
#logo span{
display:none;
}
#nav{
width:760px;
margin:0 0 15px 0;
padding:0;
height:28px;
line-height:28px;
background:transparent url(/img/livery/nav_bg_tile.jpg) top left repeat-x ;

}
	#nav li{
	float:left;
	display:inline;
	padding:0;
	margin:0;
	height:28px;
	}
	#nav li a:link, #nav li a:visited, #nav li a:active{
	color:#10568C;
	text-transform:lowercase;
	font-weight:bold;
	font-size:1.0em;
	padding:0 11px 0 10px;
		text-decoration:none;
	}
	#nav li a:hover,
	#pageHome #navHome a,
	#pageInfo #navInfo a{
	font-weight:bold;
	
	text-decoration:underline;
	}
	a.curractive{
	font-weight:bold;
	text-decoration:underline;
	}

#content, #preamble{
float:right;
width:490px;
font-size:1.2em;
padding:0;
background:#E6E6E6;
}
#content{
padding:0 0 20px 0;
}

#content img{
margin:5px;
border:1px solid #AFBDC8;
}

#preamble{

}
#preamble_img{
float:left;
border:1px solid #AFBDC8;
}
#pageimageholder{
padding:0 10px 0 10px;
}

#latestnews{
margin:15px 15px 0 0;
clear:left;
float:left;
width:255px;
font-size:1.2em;
}
#pageInfo #latestnews{
font-size:1.0em;
}
#FPfeature{
margin:15px 15px 0  0;
float:left;
width:200px;
text-align:center;
font-size:1.2em;
}
#latestnews a, #FPfeature a{
color:#339933;

}
	#FPfeature p{
	text-align:left;
margin:15px 10px 5px 10px;	
}

#quicklinks, #sublinks{
margin:15px 0 0 0;
float:left;
width:275px;

}
#quicklinks{
font-size:1.2em;
}
#quicklinks ul, #sublinks ul{
margin:0;
padding:0;
}
#quicklinks li, #sublinks li{
margin:0;
padding:0;
list-style:none;

}
#quicklinks li a{
color:#FBD201;
text-transform:uppercase;
font-weight:bold;
display:block;
width:235px;
height:20px;
margin:0;
padding:7px 10px 3px 30px;
background:transparent url(/img/livery/qlinks_bg.jpg) top left no-repeat ;
}
	#quicklinks li a:hover, #sublinks li a:hover{
		background-position: 0 -30px;
}
#sublinks li a{
color:#FBD201;
text-transform:uppercase;
font-weight:bold;
display:block;
width:235px;
height:14px;
margin:0;
padding:3px 10px 3px 30px;
background:transparent url(/img/livery/qlinks_bg_small2.jpg) top left no-repeat ;
}
	#sublinks li a:hover, #sublinks li a.curractive{
	background-position: 0 -21px;
}
#sublinks{
margin:0;
width:255px;
}
#sublinks li a{
width:215px;
}
#sublinks li ul li a{
font-size:0.9em;
background:#FAD101;
color:#0058A9;
padding:3px 0px 3px 40px;
}
#sublinks li ul li a:hover, #sublinks li ul li a.curractive{
background:#F5E7A2;
}


#latestnews h3, #FPfeature h3, #quicklinks h3{
text-align:left;
font-size:1.1em;
background:#FAD101;
margin:0;
padding:7px 10px;
}
 #sublinks h3{

 text-align:left;
font-size:1.1em;

margin:0;
padding:7px 10px;
background:transparent url(/img/livery/submenu_h3_bg.jpg) top left no-repeat ;

 }
 #sublinks h3 a{
 color:#FAD101;
 }
#latestnews li{
margin:15px 0 5px 0;
list-style:none;
}

#FPfeature h3 a{
color:#006699;
}
.fpsection{
background:transparent url(/img/livery/features_bg_tile.jpg) top left repeat-x ;
}
#stdlinks{
clear:both;
text-align:center;
margin:0 0 10px 0;
padding:5px 0 0 0;

}
	#stdlinks h3{
	display:none;
	}
	#stdlinks ul, #stdlinks li{
	color:#666666;
	list-style:none;
	display:inline;
	margin:15px 0 5px 0;
	}
	#stdlinks a{
	color:#666666;
	padding:0 8px 0 8px;
	}

#footer{

color:#fff;

padding:5px 10px 5px 10px;
clear:both;
background:#0058A9;
}
#footer address{
float:left;
}
#footer .tel{
float:right;
}
#footer strong{
color:#FED501;
}
#copy{
width:760px;
text-align:left;
margin:0 auto;
font-size:70%;
}

#telno{
margin:0 0 23px 0;
}
.error{
color:#FF0000;
background:#FFCC99;
padding:15px;
border:1px solid #FF0000;
}
.success{
color:#009900;
background:#CCFFCC;
padding:15px;
border:1px solid #009900;
}
.required{
background:#FFCC99;
border:1px solid #FF0000;
}



/* Form Styling
---------------------------------------*/
form{
margin:0;
padding:15px;
}

input, textarea, select { background: #FDFDFD url(/img/livery/form_bg.jpg) repeat-x bottom; border: 1px solid #7F9DB9; margin:0 0 5px 0; padding:0;color:#000; }

input:focus, textarea:focus, select:focus{
border:1px solid #000;
}
checkbox{
width:auto;
}
label{
display:block;
width:70px;
padding:0 10px 0 15px;
margin:0 0 5px 0;
float:left;
}
#signup{
padding:0px;
}
#submit{
margin:20px 0 0 95px;
}

#newssubmit{
  width: 55px;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent url(/img/livery/submit.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  
}
#newsletter{
position:absolute;
top:0;
left :522px;
}
#newsletter form label{
font-size:0.8em;
font-weight:bold;
padding:0;
display:block;
margin:0;
color:#FED501;
text-transform:none;
width:auto;

} 
#newsletter form input{
margin:0;
}

/* End 
------------------------ */

