/* Last update by Alex 01/10/08 */


body { font-family: Helvetica, Verdana, Arial, sans-serif; margin-top: 0px; padding: 0px;  text-align: center; background:#5381ac url(img/mainBackgroundBG_demo2.png); padding:0; margin:0;
 text-align : center; /*For IE */}

#header { width: 970px; display:block; margin: 0px auto!important; position:relative; z-index:100;}

#headingOne{width: 970px; height:272px; display:block; margin: 0px auto!important; background:transparent url(img/portalLogoDemo2.png) no-repeat left;}



.clear { clear: both; }
#clear { clear: both; }

img {border: 0px; }
/* --- column variations --- */
/* --- 20,80 --- */

hr + #leftColumnNarrow { overflow: hidden; }

#leftColumnNarrow {width: 210px;  float: left; margin: 0px 0px 0px 10px; }
#rightColumnWide { width: 500px; float:right; margin: 0px 10px 0px 0px; min-height: 400px; }

#Col1{ width:242px; float:left; margin-right:20px; /*background-color:#99CCFF;*/ }
#Col2{ width:484px; float:left; }
#Col3{ width:484px; float:left; }/**/
/* --- 80,20 --- */
#leftColumnWide { width: 500px; float:left; margin: 0px 10px 0px 10px;}
#rightColumnNarrow { width: 215px; float: right; margin: 0px 10px 0px 5px;}
/* --- 25,50,25 --- */
#leftColumn { width: 225px; float: left; display: block; margin: 0px 0px 0px 10px;  }
#middleColumn { width: 260px; float: left; display: block; margin: 0px 15px 0px 10px;  }
#rightColumn { width: 225px; float: left; display: block; margin: 0px 0px 0px 0px; }

/* --- content general styles --- */
/*#content {  position: relative; width: 970px!important; display: block; margin: 0px auto!important; padding: 10px 0px 10px 0px; text-align: left; background: #fff; border-left: #999999 0px solid;	border-right: #999999 0px solid; z-index:0;}
.content { background: #fff; height: auto; clear: both;  font-size: 0.8em; margin-top: 0px;}*/

#content { background-color:#FFFFFF; width:770px; padding-left:100px; padding-right:100px; margin:auto; text-align: left; background-image:url(img/main_content_bg_right.png); background-repeat:repeat-y; }

#content a { color: #245276!important; }
#content a:hover { color: #39f!important; }

#content img { padding: 0px; margin: 0px 0px 10px 0px; }

#content h1 {color: #2181cb; margin-left: 0px; font-size: 1.6em;	border: #999999 0px solid;	margin-top: 7px; margin-bottom: 10px; font-weight: normal;}
#content h2 { color: #000; font-size: 150%; padding: 0px; margin: 0px 0px 10px 0px; }
#content h3 { padding-left:10px; font-size: 110%; background-color:#01afec; background-image:url(img/title_back.png); color:#FFFFFF; font-family:"Times New Roman", Times, serif; }
#content h4 { padding-left:10px; font-size: 110%; background-color:#01afec; background-image:url(img/title_back.png); color:#FFFFFF; font-family:"Times New Roman", Times, serif; }
#content h5 { color: #000; font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
#content h6 { color: #000; font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }

#content p { font-size: 90%; padding: 0px; margin: 0px 0px 10px 0px; }
#content table { color: #036; font-size: 90%; padding: 0px; margin: 0px 0px 10px 0px; }
#content table td { background: #eff2f5; }

#content ul{list-style:none; margin: 0px; padding: 0px;}


/* --- specific module styles --- */
.newsStoriesExamples { padding: 5px; } /* --- containing box for news headlines on home page --- */
.newsItem { border-bottom: dotted 1px #ccc; padding: 0px; margin: 0px 0px 5px 0px;} /* --- individual headline and summary --- */
.newsItem h5 { margin: 0px 0px 0px 0px; }

.caseStudiesExamples { padding: 5px; } /* --- containing box for case study examples on home page --- */
.caseStudy { border-bottom: dotted 1px #ccc; padding: 0px; margin: 0px 0px 5px 0px;} /* --- individual case study --- */
.caseStudy h5 { margin: 0px 0px 0px 0px; }

.providerLists { overflow : auto;  height: 240px; display: block; padding: 0px; margin: 0px 0px 10px 0px; }
.providerLists ul { }
.providerLists ul li {}

.quoteBox { background: #d3f3fe; padding: 10px;  margin: 0px 0px 10px 0px; font-weight: bold; text-align: center; }
.quoteBox p { padding: 0px; margin: 0px; }

.insertBox {  padding: 0px; text-align: left;  margin: 0px 0px 10px 0px; }

#footer { font-size: 1em; height: 30px; width: 920px; display: block; margin: 0px auto 0px auto!important; padding: 310px 0px 0px 50px;  background: url(img/footer_bg.png) top no-repeat; border-top: 0px solid #fff; text-align: left;  border-left: #999999 0px solid;	border-right: #999999 0px solid; border-bottom: 0px #999999 solid; color:#FFFFFF; font-family:"Times New Roman", Times, serif; }
#footer a { color:#FFFFFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; color:#CCCCCC; }
#footer ul { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; float: left; }
#footer ul li { margin: 0px; padding: 0px; display: block; float: left; text-align: center; height: 24px; line-height: 24px; }
#footer ul li a { float:left; margin:0; color: #000000; padding: 0px 10px; white-space:nowrap; display: block; height: 24px; text-decoration: none;}
#footer ul li a:hover {background-color: #F7F3F7;}

* html #footer ul li a { display: inline; }



.pageEditorForm { margin: 0px 10px 0px 10px; }

#nav ul { margin:0; padding:0; }
#nav li { list-style:none; display:inline; padding-right:5px; padding-left:5px; border-right:1px solid #000000; }
#nav li a { text-decoration:none; color:#2377b6; }
#nav li a:hover { text-decoration:underline; color:#003366; }

#nav, #nav ul{
	/*margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	display:inline;*/
}
#nav a:link, #nav a:active, #nav a:visited {
	/*display:block;
	padding:0px 5px;
	border: 1px solid #245377;
	color:#fff;
	text-decoration:none;
	background: #5381ac url('img/nav_bg.png') repeat-x top;*/
}
#nav a:hover {
	/*background: #a89c34 url('img/formBG.gif') repeat-x top;
	color: #333;*/
}
#navigation ul li.activeLi>a{ /*background: #245377; color:#a4992e;*/ }
#navigation ul li ul li.activeLi>a { /*background: #B3B300 url('img/nav_bg.png') repeat-x; color:#a4992e;*/ }
#nav li {
	/*float:left;
	position:relative;*/
}
#nav ul {
	/*position:absolute;
	width: 12em;
	top: 1.6em;
	display:none;*/
}
#nav li ul a {
	/*width: 12em;
	float:left;*/
}
#nav ul ul {
	/*top: auto;*/
}
#nav li ul ul {
	/*left: 12em;
	margin:0px 0 0 10px;*/
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	/*display:none;*/
	
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	/*display:none;*/
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	/*display:block;*/
}
.navigation{ width:775px; z-index:10; clear:both; background:#ffffff url('img/nav_bg2.png') top; font-size: 1em; text-align:left; padding-left:95px; padding-right:100px; padding-top:10px; font-family:"Times New Roman", Times, serif; }

/* Here is the one Alex made on 23/10/09

#navigation {clear:left; background: #5381ac url('img/nav_bg.png') repeat-x top; position:relative; }
#navigation ul li a{text-decoration:none;color:#fff;font-size:0.8em;font-weight:bold; text-align:center;}
#navigation ul li a:hover{text-decoration:none;color:#f5802d;font-size:0.8em; text-align:center;}
#navigation ul li.activeLi ul{display:block;}

#navigation ul li ul li a{text-decoration:none;color:#B3B300;font-size:0.8em;font-weight:bold; text-align:center; padding:2px 7px 2px 7px;} 
#navigation ul li ul li a:hover {text-decoration:none;color:#f5802d;}

#navigation ul{margin:0; padding:5px 5px 40px 5px; height:10px; list-style:none; }
#navigation ul li{height:18px; width:auto; padding:0 5px 0 5px; margin:0; float:left;  border-right:#333 1px solid;}

#navigation ul li ul{background:transparent;border-top:none; border-bottom:none;display:none; position:absolute; z-index:10; top:22px; left:-1px; width:700px;}


#navigation ul li ul li {border:0px; padding:0px;}



#navigation ul li ul li ul{background:transparent;border-top:none; border-bottom:none;display:none; position:absolute; z-index:10; top:21px; left:0; width:500px;}
#navigation ul li ul li:hover{display:block;}

#navigation ul li.activeLi a {color:#a4992e;}
#navigation ul li ul li.activeLi a {background: #B3B300 url('img/nav_bg.png') repeat-x}
#navigation ul li.activeLi ul li a {color:#B3B300;}
#navigation ul li.activeLi ul li a:hover {color:#f5802d;}
#navigation ul li ul.activeUl {display:block;}

*/



/*-----PAGE NAVIGATION-----*/
/*.navigation {  }
#navigation { font-size: 0.8em; height: 30px; width: 100%; margin: 0px auto 0px auto!important; padding: 0px 0px 0px 0px;  background: url(/css/middlesbrough/img/navBackground.gif) top repeat-x; border-top: 3px solid #EDCE1B; border-bottom: 3px solid #EDCE1B; text-align: right;  }
#navigation ul { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; float: left;}
#navigation ul li { margin: 0px; padding: 0px; display: block; float: left; text-align: center; height: 22px; line-height: 22px; }
#navigation ul li a { float:left; margin:0; padding:0px 10px; text-decoration:none; white-space:nowrap; color: #000000;}
#navigation ul li a:hover {background-color: #F7F3F7;}

* html #navigation ul li a { display: inline; }*/


/*#navigation ul{margin:0; padding:5px; background:#ededed; height:18px; border:#adadad 1px solid; border-left:none; border-right:none; list-style:none; }
#navigation ul li{display:inline; float:left; margin:0;}
#navigation ul li a{display:block; height:18px;text-decoration:none;color:#000;font-size:0.8em;font-weight:bold; text-align:center; padding:0 5px 0 5px; border-right:#333 1px solid;}
#navigation ul li a:hover{display:block;text-decoration:none;color:#666;font-size:0.8em; text-align:center; padding:0 5px 0 5px; border-right:#333 1px solid;}
#navigation ul li ul{display:none; position:absolute; z-index:10;}
#navigation ul li:hover ul{display:block; top:103px; padding:5px; background:#ededed; height:18px;border:#adadad 1px solid;}
#navigation ul li ul li{display:inline; float:left;}
#navigation ul li ul li a{display:block;text-decoration:none;color:#000;font-size:0.8em;font-weight:bold; text-align:center; padding:0 5px 0 5px; border-right:#333 1px solid;}#navigation ul{margin:0; padding:5px; background:#ededed; height:18px; border:#adadad 1px solid; border-left:none; border-right:none; list-style:none; }*/

/* Paul's Nav not used as 03/10/09------------------------- 

#navigation {clear:left; background: #5381ac url('img/nav_bg.png') repeat-x top; position:relative; }
#navigation ul li a{text-decoration:none;color:#fff;font-size:0.8em;font-weight:bold; text-align:center;}
#navigation ul li a:hover{text-decoration:none;color:#f5802d;font-size:0.8em; text-align:center;}

#navigation ul li ul li a{text-decoration:none;color:#f1efdf;font-size:0.8em;font-weight:bold; text-align:center; padding:2px 7px 2px 7px;} 
#navigation ul li ul li a:hover {text-decoration:none;color:#f5802d;}

#navigation ul{margin:0; padding:5px 5px 40px 5px; height:10px; list-style:none; }
#navigation ul li{height:18px; width:auto; padding:0 5px 0 5px; margin:0; float:left;  border-right:#333 1px solid;}

#navigation ul li ul{background:transparent;border-top:none; border-bottom:none;display:none; position:absolute; z-index:10; top:22px; left:0; width:700px;}
#navigation ul li:hover ul{display:block;}

#navigation ul li ul li {border:0px; padding:0px;}


#navigation ul li ul li ul{background:transparent;border-top:none; border-bottom:none;display:none; position:absolute; z-index:10; top:21px; left:0; width:500px;}
#navigation ul li ul li:hover{display:block;}

#navigation ul li.activeLi a{color:#a4992e;}
#navigation ul li.activeLi ul li a{color:#fff;}
#navigation ul li ul.activeUl{display:block;}
#navigation ul li a:hover ul.activeUl {display:none;} */

/*#navigation ul{padding:0; margin:0; list-style:none;}
#navigation ul li{width:150px; position:relative; float:left;}
#navigation ul li ul, #navigation ul li ul li ul{position:absolute; left:0; top:5px; display:none;}
#navigation ul li >ul{top:auto; left:auto;}
#navigation ul li:hover ul, #navigation ul li ul li:hover ul{display:block;}*/

/*#nav, #nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em; }
#nav a{display:block;padding:0px 5px;border:1px solid #333;color:#fff;text-decoration:none;background-color:#333;}
#nav a:hover{background-color:#fff;color:#333;}
#nav li{float:left;position:relative;}
#nav ul {position:absolute;display:none;width:12em;top:1.5em;}
#nav li ul a{width:12em;height:auto;float:left;}
#nav ul ul{top:auto;}	
#nav li ul ul {left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block; float:left;}*/

/* Search bar */

#search { /*background: #d0d2d3; padding: 5px;*/ background-color:#FFFFFF; width:770px; padding-left:100px; padding-right:100px; margin:auto; text-align: left; background-image:url(img/main_content_bg_right.png); background-repeat:repeat-y;}
#search fieldset{ width: 230px; border: none; margin: 0 0 0 530px; }
#search label{ float: left;}
#search .searchbutton{ float: left; padding: 0 0 0 5px; }

.clear {clear:both;}

/* Search results page */

#searchresults { background: white; padding: 10px;}
#searchresults fieldset{ border: none;}
#searchresults label{ float: left;}
#searchresults .searchbutton {float:left; padding: 0 0 0 5px;}

/* Image link */

#imagelink { font-family:Arial, Helvetica, sans-serif;}
#imagelink { background: #d0d2d3;}