/*
	blue (light) 	#badae4
	blue (dark)		#01415d
	green (light)	#cbdd9e
	
	MENU SECTIONS
	blue			#00607c		#0690b7
	green			#3c9431		#98bb3d
	purple			#6c2872
	red				#9a1421
	orange			#e17121
	grey			#788082
*/

.div			{ border:1px solid #c33; padding:6px; }

html {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	/*font-size:.8em;
	line-height: 1.4em;*/
	color:#303030; /*#58646a;*/
	text-align:left;
}

body 			{ background-color:#ddd;margin:0;height:100%;font-size:.8em;line-height: 1.4em;}
a 				{ color: #0d4663;text-decoration:underline; } 
#main a:hover	{ background-color:#0d4663;color:#fff;text-decoration:none; }
a img 			{ border:0; }
a:hover img		{ text-decoration:none;background-color:#fff; }

h1 {
	margin-top:10px;
	font-size:1.7em;
	font-weight:normal;
	color:#509fbb;
	}
h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#58646a;
	margin-bottom:.4em;
	}
.align-right,.close {
	text-align:right;
	}
#container 		{ width: 100%; }
#content 		{ padding:0;margin-top:0;width:890px;text-align:left;background-color:#fff;}
#breadcrumbs	{ padding:2px 0;width:100%;margin:0;font-size:.9em;background:url(images/bg_crumbs.png) repeat-x; }
#breadcrumbs a.firstlink { padding-left:20px; }
#content #breadcrumbs,
#breadcrumbs a	{ font-size:.9em; }
#breadcrumbs a.here	{ font-weight:bold; }

#main {
	height:100%;
	}
#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#main_content {
	/*border:1px solid #000;*/
	padding-left:210px; /* leave gap for left-column. */
	padding-right:200px; /* leave gap for right-column */
	border-top:1px solid #fff;
	}
#main_content ul {
	/*border:1px solid #c00;*/
	padding-left:1em;
	}

/* Contains the utility bar at the top, logo, image on the right and breadcrumb links. Everything down as far as the menubar */
#headarea		{ position:relative;width:890px;height:150px;overflow:hidden;background:url(images/bg_utility.png) repeat-x;}
#headerimage	{ position:absolute;top:23px;right:0; }

#columns {
	position:relative;
	width:890px;
	/*background:url(images/bg_3col.gif) repeat-y;*/
	padding:0;
	}
#left_column {
	/*border:1px solid #c00;*/
	float:left;
	width:180px;
	padding:0 10px 0 10px;
	margin-top:0;
	height:100%;
	}
#right_column {
	float:right;
	width:170px;
	padding:10px 10px 0 10px;
	height:100%;
	}
#logo {
	position:absolute;
	top:40px;
	left:20px;
	width:263px;
	height:65px;
	}
#logo a {
	text-decoration:none;
	}
	
#utilitymenu	{
	position:absolute;
	text-align:right;
	width:850px;
	line-height:10px;
	font-size:.85em;
	padding:2px 20px;
	margin:0 auto 10px auto;
	}


#searchbar 	{ display:inline;padding-left:14px }
#searchbar .forminput,
#searchbar .formbutton 	{ vertical-align:middle;}
#searchbar .forminput 	{ 
	border:1px solid #00607c;
	font-size:10px;
	color:#666666;
	background-color:#fff;
	/*line-height:.9em;*/
	padding:2px;
	font-weight:bold;
	margin:0;
	height:12px;
	}


/* MENUBAR styles ------------------------------------- */
#menubar {
	clear:both;
	background:url(images/bg_mbar.jpg) repeat-y;
	background-color:#0690b7;
	padding:0;
	margin:0;
	font-size:1em;
	overflow:hidden;
	}
#menubar ul {
	padding:3px 0; /* Set's height of Menubar */
	margin:0;
	}
#menubar li {
	display:inline;
	list-style:none;
	/*border:1px solid #fff;*/
	/*border-left:1px solid #badae4;*/
	/*border-top:1px solid #badae4;*/
	/*border-bottom:1px solid #01415d;*/
	/*border-right:1px solid #01415d;*/
	}
#menubar .first {
	}
/* main menu link hover */
#menubar a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0; /* set height of HERE bg colour */
	}
#menubar li.menuitem_here a {
	color:#fff;
	}
#menubar a:hover {
	text-decoration:underline;
	}
/* Each li in the menu is treated as a block, and has a border applied */
.menuitem,.firstmenuitem,.lastmenuitem,.menuitem_here,.firstmenuitem_here,.lastmenuitem_here {
	border-right:1px solid #fff;
	/* ====== THESE TWO AFFECT THE HEIGHT OF THE MAIN MENUBAR STRIP ==== */
	padding:6px 10px;  /* if top/bottom padding does not match that in #menubar ul padding rule the height of the vertical dividers can spill out */
	line-height:1.7em; /* stops the items overlapping if there is wrap */
	/* ========== ========== ========== ========== ========== ========== */
	}
.firstmenuitem,.firstmenuitem_here {
	padding-left:10px;
	}
.lastmenuitem,.lastmenuitem_here {
	border-right:0;
	}

#section1 .menuitem_here,#section1 .firstmenuitem_here,#section1 .lastmenuitem_here{
	background:url(images/mb_bg_green.jpg) 0 50% repeat-y;
	background-color:#85bf53;
	}
#section2 .menuitem_here,#section2 .firstmenuitem_here,#section2 .lastmenuitem_here{
	background:url(images/mb_bg_purple.jpg) 0 50% repeat-y;
	background-color:#b278a5;
	}
#section3 .menuitem_here,#section3 .firstmenuitem_here,#section3 .lastmenuitem_here{
	background:url(images/mb_bg_orange.jpg) 0 50% repeat-y;
	background-color:#eda360;
	}
#section4 .menuitem_here,#section4 .firstmenuitem_here,#section4 .lastmenuitem_here{
	background:url(images/mb_bg_red.jpg) 0 50% repeat-y;
	background-color:#d0261e;
	}
#section5 .menuitem_here,#section5 .firstmenuitem_here,#section5 .lastmenuitem_here{
	background:url(images/mb_bg_grey.jpg) 0 50% repeat-y;
	background-color:#bfc5c5;
	}
#section6 .menuitem_here,#section6 .firstmenuitem_here,#section6 .lastmenuitem_here{
	background:url(images/mb_bg_blue.jpg) 0 50% repeat-y;
	background-color:#6daabc;
	}

/* SUBMENUBAR styles ------------------------------------- */
#submenu {
	border-top:1px solid #fff; /* line atop submenu, divides from main menu */
	padding:20px 0 6px 0;
	margin-top:10px; /* gap between menubar and submenu bar */
	/*margin-bottom:20px;*/ /* space below, on IE, Search box has padding below, can't remove it! This gets the content clear */
	/*font-size:.9em;*/
	overflow:hidden;
	}
#submenu ul {
	width:170px;
	}
/* different background colour for each submenu strip */
/* For more than 6 sections? The Dimenions ID only shows 6 secondary colours
   with additional lighter versions of the colours for graduations.
   Repeat colours for more than 6 sections */
  
#subsection1 { background:url(images/h_info_1.jpg) no-repeat;background-color:#cee39d; } /* Green */
#quicklinks1 { background:url(images/h_ql_1.jpg) no-repeat;background-color:#cee39d; } /* Green */
#subsection1 #submenu a,
#quicklinks1 #submenu a { color:#004561/*#3c9431*/ }

#subsection2 { background:url(images/h_info_2.jpg) no-repeat;background-color:#ccbbcf; } /* Purple */
#quicklinks2 { background:url(images/h_ql_2.jpg) no-repeat;background-color:#ccbbcf; } /* Purple */
#subsection2 #submenu a,
#quicklinks2 #submenu a { color:#004561/*#6b2772*/ }

#subsection3 { background:url(images/h_info_3.jpg) no-repeat;background-color:#ffddb5; } /* Orange */
#quicklinks3 { background:url(images/h_ql_3.jpg) no-repeat;background-color:#ffddb5; } /* Orange */
#subsection3 #submenu a,
#quicklinks3 #submenu a { color:#004561/*#c15c23*/ }

#subsection4 {	background:url(images/h_info_4.jpg) no-repeat;background-color:#f6bdbd; } /* Red */
#quicklinks4 {	background:url(images/h_ql_4.jpg) no-repeat;background-color:#f6bdbd; } /* Red */
#subsection4 #submenu a,
#quicklinks4 #submenu a { color:#004561/*#9a1421*/ }

#subsection5 { background:url(images/h_info_5.jpg) no-repeat;background-color:#dbdee1; } /* Grey */
#quicklinks5 { background:url(images/h_ql_5.jpg) no-repeat;background-color:#dbdee1; } /* Grey */
#subsection5 #submenu a,
#quicklinks5 #submenu a { color:#004561/*#5f6567*/ }

#subsection6 { background:url(images/h_info_6.jpg) no-repeat;background-color:#d3d6d9; } /* Blue */
#quicklinks6 { background:url(images/h_ql_6.jpg) no-repeat;background-color:#d3d6d9; } /* Blue */
#subsection6 #submenu a,
#quicklinks6 #submenu a { color:#004561/*#00607c*/ }

#submenu ul 		{ margin-left:6px;padding-left:2px;margin-bottom:0px;padding-bottom:0; }
#submenu li 		{ list-style:none;/*background:url(images/bullet.png) no-repeat 0 3px;padding-left:8px;*/ }
#submenu li ul		{ margin-left:6px; }
#submenu .first 	{}



/* main menu link hover */
#submenu a 			{ color:#fff;font-weight:normal;text-decoration:none; }
#submenu a:hover	{ text-decoration:underline; }
#submenu li a.here 	{ font-weight:bold; }

/* Each li in the menu is treated as a block, and has a border applied */
#submenu li.submenuitem,
#submenu li.firstsubmenuitem,
#submenu li.lastsubmenuitem,
#submenu li.submenuitem_here,
#submenu li.firstsubmenuitem_here,
#submenu li.lastsubmenuitem_here {
	border-right:1px solid #fff;
	padding:1px 10px; 
	line-height:1.1em; /* stops the items overlapping if there is wrap */
}


/* For menu items below the first submenu level. We display this elsewhere */
#submenuplusone		{ margin-bottom:1.4em;border-right:4px solid #fff; }
#submenuplusone a	{ /*font-size:10px;*/ }
#submenuplusone ul	{ padding:30px 0 1em .5em;margin:0;}
#submenuplusone li	{ list-style:none; }


/* Override submenu styles when showing the menu as a list in the Site Map */
html #sitemap li {
	padding:0;
	margin:0;
	font-size:1em;
}



/* FOOTER styles ------------------------------------- */
#footer {
	/*border: 1px solid #03d;*/
	background:url(images/bg_footer.png) repeat-x;
	font-size:.85em;
	margin:40px 0 0 0;
	padding:10px 20px;
	text-align:left;
	}
#footer, #footer a {
	color:#666666;
	}
#footer hr {
	background:url(images/bg_footer.jpg) no-repeat;
	background-color:#0690b7;
	width:100%;
	height:4px;
	}
.footer_indentleft {
	padding-left:20px;
	}
.footer_indentright {
	padding-right:20px;
	}

#lastupdated {
	color:#999;
	font-size:.85em;
	padding:10px 20px;
	text-align:left;
	}
/* ---------------------------------------------------- */


/* PHP Font Resize. Uses cookies, but NO javascript ----------------------------- */
#fontResize { display:inline;vertical-align:middle;padding-left:10px }
#fontResize img { /*margin-left:5px;*/ }
/* ------------------------------------------------------------------------------ */

.taPicStyleRight {
	margin-left:1em;
	}
.taPicStyleLeft {
	margin-right:1em;
	}

.taBox {
	height:100%;
	background-color:#dfeff6;
	border:1px solid #004561;
	padding:10px;
	font-size:1em;
	}
.taBox:after {
	content: "";
	display:block;
	height:100%;
	clear:both;
	}
.taBox h2 {
	margin:0;
	padding:0;
	}
.taBox img {
	border:1px solid #004561;
	border-top: 1px solid #ccc;
	}

.taBlock {
	}
.taBlock .link {
	font-size:1.1em;
	font-weight:bold;
	margin-top:1em;
	}
.taBlockContent {
	display:none;
	border-bottom: 1px solid #ccc;
	}


/* Sidebar, found on homepage. Summarises updates ------------------------------- */
#sideBar {
	float:right;
	width:170px;
	}
#sideBarContent {
	background:url(images/bg_sidebar.jpg) no-repeat;
	border-left:1px solid #004561;
	border-right:1px solid #004561;
	padding:10px;
	margin-top:0;
	font-size:.9em;
	}
#sideBarContent h3 {
	color:#004561;
	margin:0;
	font-weight:bold;
	font-size:1em;
	}
img.sideBarAd {
	padding-bottom:20px;
	}
#sideBarContent p {
	padding-left:14px;
	margin-top:0;
	}
#sideBarContent a {
	color:#004561;
	display:block;
	}
#sideBarHead {
	background:url(images/bg_sidebar_head.gif) no-repeat;
	height:20px;
	color:#fff;
	padding:4px 4px 0 4px;
	margin-bottom:0;
	}
#sideBarTail {
	height:8px;
	background:url(images/bg_sidebar_tail.gif) no-repeat;
	}
#sideBar h2 {
	margin:0;
	padding-left:6px;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	}
	
#homepage_adverts {
	border-top:1px solid #ddd;
	padding-top:10px;
	}
img.homepageAd {
	padding-right:20px;
	}


input {
	border:1px solid #ccc;
	}

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


#service_vacancy {
	}
#service_vacancy .description {
	font-size:1.1em;
	}
#service_vacancy .features {
	font-size:0.9em;
	}
#service_vacancy .amenities {
	font-size:0.9em;
	color:#788082;
	}
#service_vacancy .spec {
	border-bottom:1px solid #ccc;
	padding:0;
	font-size:0.9em;
	}
#service_vacancy .spec li {
	list-style:none;
	margin:0;
	padding:0;
	color:#788082;
	border-top:1px solid #ccc;
	}
#service_vacancy #main_image {
	border:2px solid #badae4;
	}
#service_vacancy img.thumb {
	margin:6px 6px 6px 0;
	border:2px solid #badae4;
	}
#service_vacancy ul#options {
	margin:10px 0;
	padding:0;
	height:2em;
	}
#service_vacancy ul#options li {
	display:inline;
	list-style:none;
	margin:0 10px 0 0;
	padding:6px 12px;
	border:1px solid #badae4;
	background-color:#eee;
	color:#01415d;
	}
	
/* popout forms */
#form_enquiry,#form_email,
#service_vacancy input,
#service_vacancy textarea {
	border:1px solid #badae4;
	padding:2px;
	}
#form_enquiry label,
#form_email label {
	font-weight:bold;
	font-size:0.9em;
	}
#form_enquiry,#form_email {
	display:none;
	background:url(images/sv_form_bg.jpg) no-repeat top left; 
	background-color:#f0f2f3;
	padding:8px 12px;
	}
#form_email dl.from {
	margin-bottom:2em;
	}
#enquiry_form_status,#email_form_status {
	}
/* --------------------------------------------------------------------------- */
/* A div with a floated div inside will not expand to fill the contained div.  */
/* This fix deals with the matter. Apply class="clearfix" to the container div */
/* Thanks to http://positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,.taBox img {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --------------------------------------------------------------------------- */

/* SITEMAP UL */

#sitemap {
	}
#sitemap ul {
	margin-left:6px;padding-left:10px;margin-bottom:0px;padding-bottom:0;
	}
#sitemap li ul {
	margin-left:6px;
	}
/* TOP level */
#sitemap li {
	list-style:url(images/bullet.gif);
	line-height:1.5em;
	}
#sitemap a {
	padding:2px;
	text-decoration:none;
	}
#sitemap li a {
	font-weight:bold;
	}
#sitemap li ul li a {
	font-weight:normal;
	}


/* SEARCH RESULTS page */

#search_results {
	/*width:400px;*/
	}
#search_results h4 {
	padding-bottom:0;
	margin-bottom:0;
	}
#search_results p {
	padding:0;
	margin:0;
	}
#search_results .description {
	margin-bottom:.4em;
	}
#search_results .link {
	}
#search_results .index {
	}
#search_results a:link {
	/*text-decoration:none;*/
	}
#search_results .count {
	font-size:.9em;
	color:#787878;
	}
#search_results .highlight {
	background-color:#0ff;
	}

.topOfPage {
	border-top:1px solid #ccc;
	font-size:.8em;
	margin-top:3em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	}

/* ==== Our Notes ==== ==== ==== ==== ==== */

.devNote,.infoBox {
	background:#fff;
	font-size:.9em;
	border:1px solid #f66;
	padding:6px;
	}
.revNote,.moreBox {
	background:#ffc;
	font-size:.9em;
	border:1px solid #339;
	padding:6px;
	}
.oldSiteText,.noteBox {
	background:#fee;
	font-size:.85em;
	border:1px solid #3387BD;
	padding:6px;
	color:#333;
}

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

.debug {
	background-color:#fdd;
	padding:5px;
	margin:10px 0;
	color:#c00;
	font: bold 10px "bitstream vera sans mono";
	}
	
#skip {
	/*display:none; if you use display none, it gets left out by screen readers!!*/
	position:absolute;
	left:-900px;
	width:1px;
	height:1px;
	display:none;
	}

#div_signup {
	padding:10px;
	margin-top:20px;
	border-top:2px solid #788082;
	border-bottom:1px solid #788082;
	background:url(images/bg_greygrad.jpg) no-repeat;
	background-color:#eee;
	}
#div_signup h3 {
	margin:0 0 5px 0;
	background:url(Filestore/_icons/news.png) no-repeat 0 2px;
	padding-left:40px;
	font-size:1.0em;
	
	}
#div_signup p {
	margin:5px 0;
	font-size:0.9em;
	line-height:1.2em;
	}
#signup input {
	padding-top:4px;
	}
#signup input.forminput {
	width:155px;
	padding:2px;
	font-weight:bold;
	}
#signup_status.ajax-loading {
	padding:0;
	background: url(images/spinner.gif) no-repeat center;
	}

.success {
	background:url(Filestore/_icons/icon_yes.png) no-repeat 4px 4px;
	border:1px solid #396;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#d6e4bd;
	font-size:.8em;
	}
.failure {
	background:url(Filestore/_icons/icon_no.png) no-repeat 4px 4px;
	border:1px solid #c00;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#f5cccc;
	font-size:.8em;
	}