/*Wrap the whole page in a div to centre the content*/
body {width:100%;font-family:Arial,Verdana,Helvetica, Sans-Serif; margin:0px; padding:0px; background-color:#f0f0f0;font-size:0.80em;}
form {width:775px;margin-left:auto;margin-right:auto;background-color:#f9f9f9;}

/*Page Styles*/
#header {position:relative;width:100%;height:114px;background-image:url(../../../images/banner2.jpg);background-repeat:no-repeat;}
#logo {float:left;height:90px; width:150px;margin:10px 0 0 3px;}

#toplinks1 {float:left;width:auto;height:60px;margin:30px 0 0 0;padding:0;}
#toplinks1 a {font-weight:bold;color:#000000;text-decoration:none;border:solid 1px #ffffff;padding:0;margin:0;display:block;width:6em;}
#toplinks1 a:hover {background-color:#94cd5f;color:#ffffff;border:solid 1px #000000;}
#toplinks1 ul {clear:left;list-style-type:none;margin:0;padding:0;}

#toplinks2 {float:left;width:auto;height:60px;margin:30px 0 0 0;padding:0;}
#toplinks2 a {font-weight:bold;color:#000000;text-decoration:none;border:solid 1px #ffffff;padding:0;margin:0;display:block;width:11em;}
#toplinks2 a:hover {background-color:#94cd5f;color:#ffffff;border:solid 1px #000000;}
#toplinks2 ul {clear:left;list-style-type:none;margin:0;padding:0;}

#toplinks3 {float:left;width:auto;height:60px;margin:30px 0 0 0;padding:0;}
#toplinks3 a {font-weight:bold;color:#000000;text-decoration:none;border:solid 1px #ffffff;padding:0;margin:0;display:block;width:6em;}
#toplinks3 a:hover {background-color:#94cd5f;color:#ffffff;border:solid 1px #000000;}
#toplinks3 ul {clear:left;list-style-type:none;margin:0;padding:0;}

.divider {float:left;width:auto;height:60px;margin:30px 20px 0 20px;padding:0;}

#righthead {float:left;width:25%;margin:20px 0 0 0;}
#utilitylinks {width:auto;float:right;color:#000000;text-align:left;padding:20px 2px 0 20px;margin:0;}
#colorBarMiddle {clear:both;width:auto;height:25px;background-color:#94C552;color:#ffffff;font-size:110%;padding:2px 0 2px 7px;border-top:1px solid #7183C3;border-bottom:1px solid #7183C3;}
#colorBarMiddleTitle {float:left;}
#colorBarMiddleTitle h1 {margin:0;color:white;font-size:110%;font-weight:bold;}
#colorBarMiddleSearch {float:right;color:#ffffff;padding-right:10px;}
#colorBarMiddleSearch img {border:none;}

#middlehome {clear:both;width:775px;margin:0;padding:0;display:table-cell;}
#centerhome {float:left;width:534px;margin:0;padding:5px 15px 5px 10px;vertical-align:top;display:table-cell;}
#right {float:right;width:212px;margin:0;padding:0;}

#middlerest {position:relative;width:775px;margin:0;padding:0;background-image:url(../../../images/FormBg.gif);background-repeat:repeat-y;display:table-cell;}
#left {float:left;width:161px;margin:0;padding:7px 0 0 0;display:table-cell;}
#centerrest {float:left;top:0;width:607px;margin:0;padding:0;display:table-cell;}
#MainText {margin:0 10px 0 10px;}

#crumbTrail {background-color:#f0f0f0;color:#000000;padding-left:15px;padding-bottom:2px;margin-bottom:7px;}
#crumbTrailHome {float:left;clear:both;width:528px;background-color:#f0f0f0;color:#000000;padding-left:5px;padding-bottom:2px;margin-bottom:7px;}
.Path {color:#000000;}
.Path a {color:#000000;text-decoration:underline;}

#sidebar0 {width:207px;height:25px;padding:5px 0 2px 5px;font-weight:bold;background-color:#636363;color:#ffffff;}
#sidebar1 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonUK.jpg);color:#ffffff;}
#sidebar2 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonPen.jpg);color:#ffffff;}
#sidebar3 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonPaper.jpg);color:#ffffff;}
#sidebar4 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonMegaphone.jpg);color:#ffffff;}
#sidebar5 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonHands.jpg);color:#ffffff;}
#sidebar6 {width:212px;height:113px;background-color:#000000;background-image:url(../../../images/buttonPaper.jpg);color:#ffffff;}
.sidebar {padding:20px 0 0 5px;color:#000000;font-weight:bold;}
.sidebar a {font-size:120%;color:#000000;}
.sidebarLink {margin-bottom:10px;}
.sidebarText {padding-left:10px;}

#footer {position:relative;height:120px;padding:4px 0 5px 10px;text-align:left;border-top:1px solid #7183C3;background-color:#ffffff;border-bottom:0px solid #7183C3;}

.housingColor {background-color:#94C552;color:#ffffff;font-weight:bold;}

/*Layout for download plugins*/
div.download {min-height:50px;color:#000000;background-color:#F0F0F0;padding:1px 1px 1px 1px;margin:3px 0px 0px 0px;border:1pt solid #A0A0A0;}
div.downloadheader{color:#003366;font-weight:bold;background-color:#CECECE;padding:1px 1px 1px 2px;margin:0;border-bottom:1pt solid #FFFFFF;}
div.downloadbody {padding:2px 0px 1px 2px;}
/*Form Layout*/
.row {clear:both;width:100%;float:left;margin-bottom:10px;}
.label {float:left;width:25%;font-weight:bold;}
.labelrequired {float:left;width:25%;font-weight:bold;color:#ff0000;}
.input {float:left;width:auto;}

/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}
	UL              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	OL				{margin-top:0px; margin-bottom:0px;}
	BLOCKQUOTE		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

	A               {color:#3366FF; text-decoration:none}
	A:hover         {color:#7F9DB9;}
	
	/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
	DIV             {color:#111144; }
	P               {color:#111144; margin:0px; }
	TD              {color:#111144; }


	/* These styles used in the supplied templates */
	#utilitylinks A	{color:#444444; font-weight:normal;}
	#utilitylinks A:hover	{color:#999999;}
	
	#footer		  A {color:#444444; font-weight:normal; text-transform:lowercase;}
	#footer		  A:hover	{color:#999999;}

/* Global User Table Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

	/* Default Table */
	table.ImmTS_Default		{padding:0px; width:100%; border-collapse:collapse;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid black;} /* Table border style */
	     
	table.ImmTS_Default th	{}						/* Apply style to header cells */
	table.ImmTS_Default tr	{vertical-align:top;}	/* Apply style to data cells */
	table.ImmTS_Default td	{}						/* Apply style to data cells */

/* Plugin Styles */
/* These styles are used by plugins through out the site. */
	/*Searchbox*/
	#searchBox {font-size:100%;color:#ffffff;}

	/* Scroller */
	#divscroller0	{z-index:1;}
	.scrollertitle	{z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica;	font-weight:bold;}
	.scrollerbody	{z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica; 	font-weight:normal;}
	.search         {color:#8C897A;	font-weight:bold;}

	/* Whats new */
	.WhatsnewTitle	{color:#8C897A; font-weight:bold;}
	.WhatsnewTitle:hover	{color:#8c89ff;}
	.WhatsnewBody	{color:#8C897A; font-weight:normal; float:left;}

	/* SiteMap */
	DIV.sitmp0				{padding:2px; font-size:110%; background-color:#f3f3ff;}
	DIV.sitmp1				{padding:2px; font-size:90%;}
	DIV.sitmp2				{padding:2px; font-size:90%;}
	A.sitmpA0				{color:#000070; font-weight:bold;}
	A.sitmpA0:hover			{color:#8C897A;}
	A.sitmpA1				{color:#000070; font-weight:normal;}
	A.sitmpA1:hover			{color:#8C897A;}
	A.sitmpA2				{color:#000070; font-weight:normal;}
	A.sitmpA2:hover			{color:#8C897A;}

	/* Page Counter Styles */
	#PageCounter	{text-align:right; clear:both; width:10em;}
	.PageCounter	{text-align:left; color:#000070;}
	HR.PageCounter	{color:#000070; height:1px;}
	.PageCounterTxtBox {width:40px;}


	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			width:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:83%;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
					font-weight:bold; 
					height:auto; padding-left:0.6em; padding-top:0.5em; margin-bottom:0.01px; margin-top:0.01px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			width:100%; margin:0px;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:right; height:1.5em; width:14px; background-repeat:no-repeat;}

.NewsMonth {width:auto;font-weight:bold;background-color:#f0f0f0;padding:4px;margin-top:8px;border:1px solid #94C552;}
.NewsHeader {background-color:#e0e0e0;width:100%;font-weight:bold}
ul.News {list-style-type:disc;}
/*ul.News li:before { content: "\AF ";padding-right: 0.5em; }*/

#Translation1 {text-align:right;position:absolute;right:2px;top:93px;}
#Translation1 ul {margin:0;padding:0;}
#Translation1 ul li {list-style-type:none;display:inline;}
#Translation1 ul li a img {border:1px solid #333399;}

#TextResize {position:absolute;right:2px;top:3px;}
#TextResize a {text-decoration:none;color:#000000;font-weight:bold;}
#TextResize img {float:left;margin-right:15px;}
#TextResize a img {border:none;}

#W3C 
{
	width:100%;
	margin-top:4px;
	text-align:right;
	padding:5px 0 0 5px;
	
	}
#W3C ul 
{
	margin:0;
	padding:0;
	}
#W3C ul li 
{
	list-style-type:none;
	display:inline;
	}
#W3C ul li a img {border:none;}
.NewsTitle {background-color:#94C552;color:#ffffff;padding:4px;margin-top:8px;border:1px solid #7183C3;}
.NewsTitle a {color:#ffffff;text-decoration:none;display:block;}
.NewsTitle a:hover {color:#606060;text-decoration:none;}

/* start Job details*/

#JobsContainer 
{width: 570px;}

.borderBox
{padding:10px 10px 10px 10px;border-top: 1px solid #000;border-right: 1px solid #000; border-left: 1px solid #000;border-bottom: 1px solid #000; letter-spacing:1px;font-size:13px;}

div.JobsSectionTitle
{border-top:1px dashed #003399;border-bottom:1px dashed #003399;font-size:larger;font-weight:bold;color:#003399;line-height:40px;}

div.JobsLeftbar 
{float: left;width: 200px;font-weight:bold;color:#003399;line-height:40px;}

div.JobsMiddlebar 
{float: left;width: 150px;font-weight:bold;color:#003399;line-height:40px;}

div.JobsRightbar 
{font-weight:bold;color:White;color:#003399;line-height:40px;}

div.JobsLeftbarMain 
{float: left;width: 200px;font-weight:lighter;}

div.JobsMiddleMain
{float: left;width: 150px;font-weight:lighter;}

div.JobsRightMain
{font-weight:lighter;}

.JobsInformation
{border-bottom:1px dashed #003399;font-size:larger;font-weight:bold;color:#003399;line-height:40px;}

.JobsInformationLower
{border-bottom:1px dashed #003399;color:#003399;font-weight:bold;line-height:40px;}

/* end Job details */