body {
			width: 770px;
			font-family: arial, 'lucida console', sans-serif;   
		}
		
#wrap{
	margin: 0 auto;
	width: 770px;
	text-align:center;
	}

#header {
		background: #ccc url(branding2.png) repeat-y 50% 0;
		height:149px;
		border-bottom:5px solid #fff;
		}

#footer{text-align:left;}


/*** Container for the navigation ***/

td#leftCol{
		background: #cad8ec;
		text-align: left;
		}

#rightCol{
		float:right; 
		width:230px; 
		margin-left:5px;
		margin-bottom:5%;
		}
	
#contentContainer{width:100%; text-align:left;}
	

/*** The main content in the centre of the page ***/

#content{
		text-align: left;
		padding-left:1px;
		padding-right:5px;
		}

.contentTop{
		text-align: left;
		padding-bottom:1px;
		}
		

/*** Sits below the main content in the centre of the page ***/

#special{
		width:361px;
		background-color:#cad8db;
		margin:0;
		padding:0;
		}

#special img{
			 padding:0;
		 	margin-top:5px;
			}

/*** The site search box ***/		

#search{ 
		background: url(searchbg.png) repeat-x; 
		color:#fff; 
		/*width:230px;*/
		white-space: nowrap;
		border-bottom:5px solid #fff;
		}

/*** Site on the right of the page, below the search box ***/

#featured-news{
		background-color:#cad8db;
		text-align: left;			
		}		
		
#featured-news2{
		background-color:#cad8db;
		text-align: left;			
		}		

#welcome {
		height:47px;
		text-align: left;
		}

#welcome { background:url(welcome.gif) no-repeat;height:47px;}		

.small {font-size:small;}
	

		/****** LiveLink styles *******/

				  

/* Internet Explorer has a problem with font sizes and tables

   This gets round the problem. If you don't do this, you might end up

   with very small fonts. */		  

table	{ font-size: 1em; }		  

	

img 	{ border: none; }

em 		{ font-style: italic; } /* <em> (emphasis) supercedes <i> */

strong	{ font-weight: bold; } /* <strong> supercedes <b> */

a	 	{ color: #232974; text-decoration: underline }

a:visited { color: #8947AD; }

/* This style is applied when the mouse cursor hovers over the link, or when a user tabs

   to a link using their keyboard. :focus and :active are used to ensure cross browser

   compatibility */

#content a:hover,#content a:focus,#content a:active	{ background-color: #EBF5E9; }	

span.underline 		{ text-decoration: underline; } /* Used by default styles to replace <u> */



/* *** Accessibility *** */

a.hiddenLink { display:none} /* For the hidden skip to content link */



/* *** Layout Tables *** */

/* To replace layout tables:

   <table border="0" cellpadding="0" cellspacing="0" width="100%">

   <table class="layoutTable"> */

table.layoutTable { margin: 0; border: 0; border-collapse: collapse; padding: 0; width:100%; }

table.layoutTable td { vertical-align: top; }


/* This ul setting has had td#leftCol added to it because it was causing bullets set via the text wizard
   to not appear on the website.  This can be tested on page 
   http://microstage.leics.gov.uk/lscb/index/procedures/procedures4_early_prevention.htm#principlescomassesmentframework 
   or
   http://lscb-staging.leics.gov.uk/index/procedures/procedures4_early_prevention.htm#principlescomassesmentframework 
*/  

 td#leftCol ul{

	padding: 0;

	margin:0px;

	list-style-type: none;

	text-align:left;	

}

/*** The navigation menu styles ***/



 #leftCol ul{
	padding: 0;
	list-style-type: none;
	color:#000;
	text-align:left;
}

#leftCol li{color:#000;}

.parent, .sibling, .child, .self li{list-style-type: none;}

.parent a{

	display: block;
	color: #ffffff;
	background-color: #036;
	width: 149px;/*8em;*/
    padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 3px solid #fff;
	font-weight: bold;
}

.parent, .sibling, .child a:visited{

	background-color: #036;

	color: #ffffff;

}

.parent, .sibling, .child a:hover{

	background-color: #036;

	color: #ffffff;

}



.sibling a{

	display: block;

	color: #ffffff;

	background-color: #69C;

	width: 149px;/*8em;*/

	padding: 3px 3px 3px 17px;

	text-decoration: none;

	border-bottom: 3px solid #fff;

	font-weight: normal;

}

.child a{

	display: block;

	color: #ffffff;

	background-color: #5381b4;/*#69C;*/

	width: 149px;/*8em;*/

	padding: 3px 3px 3px 17px;

	text-decoration: none;

	border-bottom: 3px solid #fff;

	font-weight: normal;

}

.self li{

	display: block;

	color: #000;

	background-color: #0033CC;

	width:149px;/*8em;*/

	padding: 3px 3px 3px 17px;

	text-decoration: none;

	border-bottom: 3px solid #fff;

	font-weight: normal;

}
/** Search Button **/

.go_button{
	margin-bottom:-4px;
	padding:-10px;
	/*height:20px;
	width:20px;*/
	}
	
	
	
/* ***  Styles for table defs - taken from Staging lcc_stylesheet_home.css                        ***  */
/*      To style tables found in the 'Default Styles' style defenition object. 
        These are the table styles that content authors can apply to their tables in the Text Wizard.  */

span.underline 		{ text-decoration: underline; }
table.tabledef 		{ border-spacing: 0; margin-bottom: 1.1em; }
table.tabledef td	{ vertical-align: top; }
table.tabledef th	{ font-size: 0.8em; background-color: #E8F2DB; }

table.paddingLarge td,table.paddingLarge th { padding: 0.5em; vertical-align: top}

table.paddingStandard td,table.paddingStandard th 	{ padding: 0.3em; }
table.paddingSmall td,table.paddingStandard th 		{ padding: 0.1em; }

th.leftHeader { text-align: left; } /* To align header cells to the left - can be used by other styles */


/* ***  Tables with borders - taken from Staging lcc_stylesheet_home.css                        ***  */
/*      These styles can be combined with .tabledef (See above) or .dataTable (See main stylesheet) (or any other table)*/
table.border { border-top: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; }
table.border td,table.border th { border-bottom: 1px solid #8C8C8C; border-left: 1px solid #8C8C8C;  }

table.fullWidth { width: 100%; }
table.centerTable {margin-left:auto; margin-right:auto;}
div.centerTableWrapper { text-align: center; }
table.fixedWidth { width: 550px; }
td.fiftyPerc { width: 50%; }
th.fiftyPerc { width: 50%; }
td.third { width: 33%; }
th.third { width: 33%; }

div.center { text-align: center;  } /* Centering text in elements */

/*SIMPLE TABLE CSS - taken from int-staging style.css*/

table.simpletable	{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	}

	
/* This is usually yellow, but changed to blue here */	
tr.header	{
	background-color: #a0bfeb;
	}
	
tr.odd		{
	background-color: #ffffff;
	}

tr.even		{
	background-color: #efefef;
	}
	
	
/* *** Aligning Images *** */
/* taken from staging lcc_stylesheet_home.css */

span.picture_right { float: right; }
span.picture_left { float: left }