/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

/*=====================================================================
BASIC LAYOUT

NAVIGATION TEXT COLOUR:	#0070B0
=====================================================================*/


body{
	background:#98BBD7;
	width:970px;
	margin:0 auto;
	padding:20px 0;
}

.header{
/*	background:url('../cssimages/header3.jpg') no-repeat;	
*/	background-color: #98BBD7;
	height:394px;
	width: 970px;
}

#container{
	width:970px;
	background:#fff;
	padding-bottom:10px;
}

p#breadcrumb{
	color:#4C4C4C;
}

p#breadcrumb a{
	color:#4C4C4C;
	margin:0;
}

ul li{
	line-height:1.6em;
}

ol li{
	line-height:1.6em;
}

ol{
	padding:0 0 0 20px;
}

.clear{
	clear:both;
}

.clear_right{
	clear:right;
}    

.blue_text{
	color:#009900;
}

#content h2, #content h4{
	color:#0070B0;
}

/*===================================================================
FONT SIZE CHANGER BUTTONS
===================================================================*/


h6.fontsize img{
	margin:-20px 0 0px 0;
	float:right;  
}

abbr[title]{
     border-bottom-width: 0;
   }


/*=====================================================================
KEYWORD SEARCH SECTION
=====================================================================*/
form#search{
	width:210px;
	margin:0 0 0 0px;
	padding:10px  0 0 0;
	float:right;
}

form#search dl{
	color:#000;
	margin:0 0 0 40px;
	padding:14px 0 0 0;
/*	border:solid 1px #000;*/
}

dd#input{
	margin:0 5px 0 0;
	float:left;
}

input:hover{
	background:#DCD777;
}

input:focus{
	background:#DCD777;
}

/*=====================================================================
NAVIGATION
=====================================================================*/

ul.navigation li, #level3nav li{
	list-style:none; 
}

ul.navigation{
	font-size:1.2em;
	padding:1px 0px 0px 10px;
	float:left;
/*	border:solid 1px #000;*/
}

ul.navigation li.main_nav a, ul.navigation li.main_nav a:visited;{
	color:#0070B0;
}

ul.navigation li.main_nav{
	line-height:2em;
}

ul.navigation li a:hover{
	color:#6F91B0;
}

.subnav{
	width:200px;
}

li.subnav{
	line-height: 1.2em;
}

li.subnav a {
	color: #575757;
	font-size: 0.8em;
	margin-left: 0px;
}
.subnav a, .subnav a:visited, .subnav a:hover {
	color: #575757;
}


/*===================================================================
ACCORDION STYLING FOR NAVIGATION
===================================================================*/

h2.accordion_toggle {
   	color: #0070B0;
   	font-size: 1.2em;
   	margin: 0px 0 0 7px;
   	padding: 6px 0 0 9px;
   	height:20px;
   	cursor: pointer;
}

h2.accordion_toggle a:link, h2.accordion_toggle a:visited, #vertical_container h2 a:link, #vertical_container h2 a:visited {
	color:#0070B0;
}

.accordion_content {
	overflow: hidden;
	width: 225px;
	margin-left: 30px;
}

#vertical_container h2 {
	color: #0070B0;
	font-size: 1.2em;
	margin: 0px 0 0 7px;
	padding: 6px 0 0 9px;
	height:20px;
	cursor: pointer;
}

#vertical_container h2 a:hover{
	color:#999;
}

#vertical_container h2:hover{
	color:#999;
}


/* Container styling*/
#horizontal_container {
  	margin: 20px auto 20px auto;
  	width: 680px;   
  	height: 100px;    
}

#vertical_nested_container {
  	margin: 30px 0 0 40px;
  	width: 620px;
}
#vertical_container {
	width:225px;
	float:left;
	padding:58px 0 30px 0px;
	margin:5px 0 10px 20px;
	background:url('../cssimages/nav_background.png') no-repeat top;
}
#vertical_container img {
	margin-left: 10px;
}

.vcard {
	width: 120px;
	border: 1px #ccc solid;
	background-color: #E3E3E3;
	margin: 10px;
	padding: 5px;
	text-align: center;
	line-height: 1.5em;
	font-size:0.7em;
}
.vcard a:link, .vcard a:visited {
	color: #585858;
}

/*===================================================================
3RD LEVEL NAVIGATION (RIGHTHAND SIDE) 
===================================================================*/

#level3nav{
	width:auto;
	clear:right;
 	float:right;
	margin:57px 20px 0 0;
	padding:10px 10px 10px 10px;
/*    border:solid 1px #000;*/
}

#level3nav li{
	padding:0px 0px 0px 23px;
	margin:0px 0px 0px 0px;
	background:url('../cssimages/arrow.jpg') no-repeat;
}

#level3nav li a{
	color:#0070B0;
	font-size:1em;
}

/*=====================================================================
CONTENT
=====================================================================*/

#content{
	width:500px;
	padding:13px 0 10px 250px;
/*	border:solid 1px #000;*/
}

#content li{
	margin:0 0 0 15px;
}

/*=====================================================================
IMAGE HYPERLINKS (LEFT HAND SIDE)
=====================================================================*/

img#recent_news{
	margin:20px 0px 0px 10px;
}

img#contact_us{
	margin:20px 0px 12px 10px;

}

/*===================================================================
CMS CREATED BUTTONS
===================================================================*/

#extra_buttons{ 
	width:141px;
	float:right;
	clear:right;
	margin:0px 20px 0px 0;	
}

#extra_buttons p {
	margin:0;
	line-height:0;
}

#extra_buttons img{
	margin:22px 0px 0px 0;	
}

/*=====================================================================
CONTACT FORMS
=====================================================================*/
#submission_forms {
	width: 400px;
/*	border:solid 1px #000;*/
}
#submission_forms dl {
	margin: 0px 0 0 0px;
}
#submission_forms dt {
	width: 110px;
	margin: 0 0 15px 0;
	padding-top: 4px;
	color: #555753;
}
#submission_forms dd {
	width:200px;
	margin: -35px 0 15px 120px;
	color: #555753;
}
#submission_forms dd span {
	color: #666;
}
#submission_forms input, #submission_forms textarea {
	border: 1px #ccc solid;
	padding: 2px;
}
#submission_forms .submit {
    margin:5px 0 0 0;
}

#submission_forms .email_thanks{
	padding-bottom:100px;
	color:#D70113;
}

.email_thanks{
	color:#ff0000;
}


/*=====================================================================
NEWS
=====================================================================*/
.news_item{
	border-bottom:solid 1px #999;
}

.news_item a{
	color:#0070B0;
}

/*===================================================================
LOGO BANNER
===================================================================*/
#logo_banner{
	padding:20px 0 0 30px;
}


/*=====================================================================
FOOTER
=====================================================================*/

.company_info{
	text-align:center;
	width:750px;
	font-size:0.9em;
	color:#484848;
	margin:0 auto 0 auto;
}

.company_info a, .company_info a:link {
	color: #000;
}

.company_info a:hover {
	text-decoration: underline;
}

/*====================================================================
CSS to format the SEO area on each page
=====================================================================*/

#seo {
	height: 10px;
	margin: 0 auto;
	margin-left: 20px;
	padding-top: 5px;
}

#seo h1, #seo a:link {
	font-size: 1em;
	color: #fff;
}
#seo a:link, #seo a, #seo a:hover {
	color: #fff;
}