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

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/
body {
	font-family:arial,verdana;
}
#bodywrapper{
	margin:0 auto;
	width:884px;
}
#wrapper {
	margin:0 auto;
	width:884px;
	background:url('../cssimages/background.jpg') repeat-y;
}
#left_column a{
	color:#DF6300;
}
#left_column h3{
	margin:15px 0;
}
#content_container{
	margin:50px 0 0 22px;
	width:804px;
}

/*===================================================================
Header
===================================================================*/

#header {
	background:url('../cssimages/header.jpg') no-repeat;
	height:158px;
	width:852px;
	margin:0 auto;
}

#header h1 {
	height:65px;
	left:93px;
	position:relative;
	text-indent:-9999px;
	top:51px;
	width:210px;
}

#header h1 a {
	height:65px;
	width:210px;
	left:93px;
	display: block;
	background:url('../cssimages/logo.jpg') no-repeat;
}

#pageheaders{
	margin:33px 0 0 16px;
	width:852px;
	height:82px;
	border-bottom:9px solid #3F3D3E;;
	float:none;
	position:relative;
}

#pageheaders h1{
	color:#fff;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
}

#search input.button {
	background-color:#3E3E3E;
	border:1px solid #000;
	color:#fff;
	margin:0 0 0 10px;
	height:19px;
	width:27px;
}

#video_button h3 a{
	background:transparent url('/cssimages/vision_dvd.png') no-repeat scroll 0 0;
	float:right;
	height:39px;
	position:relative;
	right:55px;
	text-indent:-9999px;
	top:-60px;
	width:109px;
}

#search div{
	float:left;
}

#search input.fields {
	color:#000;
	margin:0 0 0 0;
	float:left;
	width:162px;
}

#search {
	float:right;
	margin: 0 50px 0 0;
}

#search p{
	margin:0;
	font-size:0.8em;
}


/*===================================================================
Menu section top Level
===================================================================*/


#menucontainer {
	background:url('../cssimages/menu_bg.jpg') repeat-x ;
	width:832px;
	margin:0 0 0 16px;
	height:33px;
	color:#fff;
	padding:0 0 0 20px;
	position:absolute;
	z-index:999;
	float:none;
}

#menu li:hover {
	background:#000;
}

#menucontainer ul#menu li{
	list-style:none;
	float:left;
	margin:0;
}

#menu li a{
	color:#fff;
	font-size:1em;
	padding:9px 15px;
	height:15px;
	display:block;
}
/*===================================================================
current hover 
===================================================================*/

#menucontainer ul#menu li ul.submenu_2 li a:hover, #menucontainer ul#menu li.msieFix:hover{
	color:#fff;
	background:#000;
	visibility:visible;
}

/*===================================================================
Sub Navigation
===================================================================*/

/*first level of the sub nav*/

#menucontainer ul#menu li ul.submenu_2{
	margin:0;
	display:none;
/*	display:block;*/
	width:10px;
	position:absolute;
	float:left;
}

/* on hover of main nav button show sub nav ul */

#menucontainer ul#menu li:hover ul.submenu_2, #menucontainer ul#menu li:hover ul.submenu_2 li:hover, ul#menu li a:hover, #menucontainer ul#menu li.msieFix ul.submenu_2,#menucontainer ul#menu li.msieFix ul.submenu_2 li.msieFix,#menucontainer ul#menu li.msieFix{
	display:block;
	visibility:visible;
}
/*button Styling for second level subnav*/

#menucontainer ul#menu li ul.submenu_2 li {
/*	line-height:1.4em;*/
	background:#000;
	color:#fff;
	float:none;
	height:25px;
	width:230px;
}

#menucontainer ul#menu li ul.submenu_2 li a{
	color:#fff;
	font-size:1em;
	height:15px;
	padding:5px 0 5px 15px;
	display:block;
	width:215px;
}

#menucontainer ul#menu li ul.submenu_2 li a:hover{
	background:#333;
	visibility:visible;
	padding:5px 0 5px 15px;
	margin:0;
	display:block;
	width:215px;
}

/*button Styling for third level subnav*/

#menucontainer ul#menu li ul.submenu_2 li ul.submenu_3{
/*	margin:-25px 0 0 230px;*/
	visibility:hidden;
/*	visibility:visible;*/
	float:right;
	position:absolute;
	display:block;
	left:230px;
	margin:-25px 0 0;
}

#menucontainer ul#menu li ul.submenu_2 li ul.submenu_3 li a {
	line-height:1.4em;
	background:#000;
	color:#fff;
	height:15px;
	display:block;
	width:215px;
}

#menucontainer ul#menu li ul.submenu_2 li ul.submenu_3 li a:hover{
	background:#333;
}

#menucontainer ul#menu li ul.submenu_2 li a:hover, #menucontainer ul#menu li ul.submenu_2 li:hover ul.submenu_3 li, #menucontainer ul#menu li ul.submenu_2 li.msieFix ul.submenu_3 li{
	visibility:visible;
}

/*===================================================================
banner
===================================================================*/

#banner {
	margin:0 0 0 16px;
	width:852px;
	background:url('../cssimages/banner.jpg');
	height:250px;
	float:none;
}

#banner h2 {
	text-indent:-9999px;
}	

#banner p {
	color:#FFFFFF;
	font-size:1em;
	height:50px;
	position:relative;
	right:10px;
	top:60px;
	width:329px;
	float:right;
}

/*****************************************************************
BREADCRUMB
******************************************************************/
#left_column #breadcrumb a.current {
	color: #999;
}

/*===================================================================
banner pages
===================================================================*/

#home.current{
	background:url('../cssimages/theteam_current_bg.jpg') repeat-x;
}

.news{
	background:url('../cssimages/news_banner_bg.jpg') repeat-x;
}

#press.current{
	background:url('../cssimages/news_current_bg.jpg') repeat-x;
}

.vision{
	background:url('../cssimages/vision_banner_bg.jpg') repeat-x;
}

#aboutthevision.current{
	background:url('../cssimages/vision_current_bg.jpg') repeat-x;
}

.contact{
	background:url('../cssimages/contact_banner_bg.jpg') repeat-x;
}

#contactus.current{
	background:url('../cssimages/contact_current_bg.jpg') repeat-x;
}

.theteam{
	background:url('../cssimages/theteam_banner_bg.jpg') repeat-x;
}

#abouttheteam.current{
	background:url('../cssimages/theteam_current_bg.jpg') repeat-x;
}

.projects{
	background:url('../cssimages/projects_banner_bg.jpg') repeat-x;
}

#visionprojects.current{
	background:url('../cssimages/projects_current_bg.jpg') repeat-x;
}

.links{
	background:url('../cssimages/links_banner_bg.jpg') repeat-x;
}

#links.current{
	background:url('../cssimages/links_current_bg.jpg') repeat-x;
}

.literature{
	background:url('../cssimages/literature_banner_bg.jpg') repeat-x;
}

#publications.current, #faqs.current{
	background:url('../cssimages/literature_current_bg.jpg') repeat-x;
}

.intranet{
	background:url('../cssimages/intranet_banner_bg.jpg') repeat-x;
}

#intranet.current{
	background:url('../cssimages/intranet_current_bg.jpg') repeat-x;
}

#site_map {
	margin:0 0 0 0;
}
/*===================================================================
content main area
===================================================================*/

#contentcontainer {
	margin:0 0 0 16px;
	float:left;
	width:852px;
}

#right_column{
	width:370px;
	float:left;
}
#content_right {
	width:320px;
	float:right;	
	margin:25px;
}

#content_right a{
	color:#4A4A4A;
}

#content_right img {
	margin:10px;
	border:1px solid #3F3D3E;
}
#left_column{
	float:left;
	width:446px;
	margin: 20px 16px 0 20px; 
}
#left_column ul{
	padding:0 0 0 35px;
}
#left_column li {
	line-height: 1.6em;
	margin-bottom: 5px;
}

#homefootertitle {
	margin:0;
	position:relative;
/*	bottom:-140px;*/
}

#homefootertitle h2{
	font-size:1.8em;
	color:#4a4a4a;
	
}

#homefootertitle span{
	font-size:1.4em;
	color:#4a4a4a;
}

#homefootertitle p{
	font-size:1em;
	margin:0;
	color:#4a4a4a;
}

#footerimage{
	margin:12px 0 0 0;
}
.vision_document li{
	list-style:none;
}

#left_column .news_item img {
	margin: 10px 0 10px 0px;
}

/*===================================================================
content pages
===================================================================*/
/*contact us page*/

#contactus_body {
	float:left;
	margin:0 auto;
	width:852px;
}

#contactus_body #phone {
	background:#f3f9fd ;
	margin:5px;
	width:225px;
	float:left;
}

#contactus_body #phone img{
	float:left;
}

#contactus_body #phone .contacttext{
	float:left;
	padding:0 0 0 70px;
	margin:10px 0 0 5px;
	background:url('../images/phone_icon.jpg') no-repeat top left;
}

#contactus_body #email{
	background:#f3f9fd;
	margin:5px;
	width:330px;
	float:left;
}

#contactus_body #email img{
	float:left;
}

#contactus_body #email .contacttext{
	float:left;
	padding:0 0 0 70px;
	margin:10px 0 0 5px;
	background:url('../images/email_icon.jpg') no-repeat top left;
}

#contactus_body #post {
	background:#f3f9fd;
	margin:5px;
	width:242px;
	float:left;
}

#contactus_body #post img{
	float:left;
}

#contactus_body #post div.contacttext{
	float:left;
	padding:0 0 0 70px;
	margin:10px 0 0 5px;
	background:url('../images/post_icon.jpg') no-repeat top left;
}
#contactus_body #email a {
	color:#6B942C;
}
/*===================================================================
rightcolumn
===================================================================*/
#content_right ul#downloads li{
	margin:5px 0 0 15px;
	list-style:square;
}

#content_right ul#downloads li a{
	color:#4a4a4a;
}

#right_column p img, #right_column p {
	margin:0;
	line-height:0;
}

#right_column div#newscolumn{
/*	height:230px;*/
	padding:0;
	margin:0;
	width:370px;
	background:url('../cssimages/right_bgnews.jpg') repeat-x;
}

#right_column #newscolumn p{
	font-size:1em;
	line-height:1.3em;
	margin:3px 0 0 10px;
}

#right_column #newscolumn h4{
	font-size:1.2em;
	padding: 5px 0 5px 10px;
	font-weight: bold;
}

#right_column #newscolumn, #right_column #newscolumn a {
	color:#fff;
}

.news_item a {
	text-decoration: underline;
}

.news_item img {
	margin: 10px 0 10px 10px;
}

#right_column #newscolumn a:hover {
	color: #333;
	text-decoration: none;
}

#titlebox {
	background-color:#062224;
	height:20px;
}

#titlebox p {
	color:#fff;
	padding:10px;
	font-size:0.9em;
}

#titlebox a {
	color:#fff;
	padding:10px;
	font-size:0.9em;
}

#rsscontainer {
	height:74px;
	width:370px;
}

#rsscontainer li{
	list-style:none;
}

#newsletter {
	background:url('../cssimages/signupbg.jpg');
	height:74px;
	width:370px;
	float:left;
}

#newsletter h3{
	margin:10px 0 0 20px;
	font-size:1.1em;
}

#newsletter p{
	margin:12px 0 0 20px;
	font-size:1em;
}

#newslettersearch input.button {
	background-color:#3E3E3E;
	border:1px solid #000;
	color:#fff;
	margin:0 0 0 10px;
	height:19px;
	width:43px;
}

#newslettersearch div{
	float:left;
}

#newslettersearch input#signup {
	color:#000;
	margin:0 0 0 0;
	float:left;
	width:162px;
}

#newslettersearch {
	position:relative;
	float:left;
	left:18px;
	top:10px;
}

#newslettersearch p{
	margin:0;
	font-size:0.8em;
}

#rssfeed {
	background:url('../cssimages/rssfeedbg.jpg');
	height:74px;
	float:left;
	width:115px;
	color:#fff;
}

#rssfeed h3{
	margin:10px 0 0 5px;
	font-size:1em;
}

#rssfeed p{
	float:left;
	font-size:0.7em;
	line-height:1.3em;
	margin:12px 0 0 5px;
	width:80px;
}

#rssfeed img{
	position:relative;
	left:2px;
	top:14px;
}
#left_column .flash {
	margin:0 auto;
	height:272px;
	width:480px;
}
/*===================================================================
sitemap
===================================================================*/

#left_column ul#main_nav li{
	margin:0 0 0 30px;
}

#left_column ul#main_nav li a{
	color:#4a4a4a;
}

/*===================================================================
footer
===================================================================*/

#footer {
	background:url('../cssimages/footer.jpg') no-repeat;
	height:30px;
	
	width:884px;
	float:left;
}

/*footernav*/

#footernav{
	margin:20px 0 0 25px;
	color:#4a4a4a;
	float:left;
}

#footernav li{
	float:left;
	list-style:none;
	margin: 0 0 0 10px;
}

#footernav li a{
	color:#4a4a4a;
}

#textsize{
	float:right;
/*	margin:0 0 0 292px;*/
	padding:0 25px 0 0;
}

#textsize li{
	float:left;
	list-style:none;
}

#textsize li a{
	color:#4a4a4a;
	display:block;
}

#textsize p{
	float:left;
	line-height:1.2em;
	font-size:0.8em;
	margin:10px;
}

/*li#plus a {
	background:url('../cssimages/plus.png') left no-repeat;
	padding:0 0 0 15px;
}

li#minus a{
	background:url('../cssimages/minus.png') left no-repeat;
	padding:0 0 0 15px;
}*/

/*news text*/

#pagetextsize{
	float:left;
	color:#fff;
	position:absolute;
	top: 20px;
	right: 10px;
}

#pagetextsize li{
	float:left;
	list-style:none;
}

#pagetextsize li a{
	color:#fff;
	display:block;
}

#pagetextsize p{
	float:left;
	line-height:1.2em;
	font-size:0.8em;
	margin:6px;
}

/*accessability for plus and minus*/

#pagetextsize li.plus a{
	background-color:#3F3D3E;
	background:url('../cssimages/plus_banner.jpg') no-repeat 2px 12px;
	color:#fff;
	width:auto;
	padding:0 0 5px 15px;
	background-color:#3F3D3E;
	padding:5px 5px 5px 15px;
	margin: 0 5px 0 0 ;
	border:1px solid #F3AE00;
}

#pagetextsize li.minus a{
	background-color:#3F3D3E;
	background:url('../cssimages/minus_banner.jpg') no-repeat 2px 12px;
	color:#fff;
	width:auto;
	padding:5px 5px 5px 15px;
	background-color:#3F3D3E;
	border:1px solid #F3AE00;
}

/*footer plus and minus*/

#textsize li.plus a{
	background:url('../cssimages/plus.png') no-repeat left center;
	padding:0 0 5px 15px;
}

#textsize li.minus a{
	background:url('../cssimages/minus.png') no-repeat left center;
	padding:0 0 5px 15px;
}

/*===================================================================
News Item
===================================================================*/

.news_itemcontainer {
	background:#e9f2f9;
	padding:0 0 0 10px;
}

.news_itemcontainer a{
	color:#4a4a4a;
	font-weight:bold;
}
#newscolumn .news_item {
	font-size:1em;
}

/*===================================================================
flash 
===================================================================*/

#flash {
	z-index:-1;
	width:480px; 
	height:272px;
}

/*===================================================================
interactive map
===================================================================*/
#map {
	width:802px;
	height:564px;
	position:relative;
}

#salisbury_map {
	border:1px solid #000;
	
}

#image {
	position:absolute;
	right:0px;
	top:0px;
}

caption {
	display:block;
	background:#000;
	color:#fff;
	margin:0;
	width:100%;
	text-align:center;
	display:block;
}

#image img { 
	border: 1px solid #000;
}

#image span {
	background:#000;
	color:#fff;
	margin:0;
	width:100%;
	text-align:center;
	display:block;
}

/*===================================================================
intranet
===================================================================*/


.modify_form input.intranet_submit {
	background-color:#3E3E3E;
	border:1px solid #000000;
	color:#FFFFFF;
	height:25px;
	margin:5px 0;
	width:57px;
}