#x_content2a div.x_featureitem div.x_polaroid a
{
margin:0px;
background-color:transparent;
}

#x_content2a div.x_featureitem div.x_polaroid a img
{
border:none;
}
div#x_topcol img {position:absolute; top:-108px; left:182px;}
.x_landingpage-heading  h1{
background-color:#572887;
color:#F25822;
display:inline;
font-size:1.95em;
line-height:2em;
padding:0 8px;
position:absolute;
top:20px;
left:110px;
}

#x_content2a p a {font-size:1em; }
#x_content2a li a {font-size:1em;}
#x_content2b a {font-size:1em;  text-decoration:underline; }
.x_poll {font-size:1.3em;}

#x_content2a a:link{color:#572887 ;}
#x_content2b a:link{color:#572887 ;}
#x_content2a a:visited{color:#7d7d7d;}
#x_content2b a:visited{color:#7d7d7d;}
#x_content2a a:hover{color:#F25F22;}
#x_content2b a:hover{color:#F25F22;}

.x_illustration  {padding-left:12px; }

.x_illustration img  {border:none; }

.x_landingpage-heading {margin-top:30px;}

.imageMap img {border:none; margin:20px 0px;}

p.caption {width:100%; background-color:#7d7d7d; color:#fff; margin-bottom:5px;margin-right:-10px;padding-right:0;}
a.legal {font-size:1.3em; color:#fff;}

/******************************************************************************************
 * Reference CSS file for East Sussex County Council Connexions 360 template. 
 *
 * This should include only those styles which are relevant to a large proportion of 
 * connexions pages. Each style rule or group of rules must be documented.
 *
 * Any CSS changes should be validated as CSS 3 at http://jigsaw.w3.org/css-validator/.
 *
 * CSS has been checked on Windows in IE 6.0,7.0,8.0 Firefox 3.5.
 * Although internal use will be mainly IE 6.0, all major browsers must be supported.
 *
 * This reference file should not be deployed. It should be run through the YUI Compressor
 * to produce an optimised copy of the CSS. http://developer.yahoo.com/yui/compressor/ 
 * This can be set up as a post-build action in Visual Studio.
 *
 * Standard colours are: 
 * 
 *	#EBE9DC - light grey background on paragraphes
 *	#F25822 - Orange used on links 
 *	#00aae5 - light blue used on h2 and hover state on left menu
 *   
 ******************************************************************************************
 
 /****** Site wide ***********************************************************************/
 	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
position: relative; 
}

html {font-size:100%;/* Internet explorer fix */}
body {font-family: arial, sans-serif; font-style: normal; font-size:62.5%; /* 1em = 10px */ line-height: 1.5em;}
	
/* IE 6.0 hack to cause all elements to gain hasLayout*/	
	* html { 
	 display: inline-block; }

/* Clear floats in both directions*/	 
	.clear {
	clear: both;
	line-height: 0; }
	
 /**** COLOURS ****/
 /*****************/
  /* Sets color to light blue and font-weight*/
	.blue {
	color: #00aae5;
	font-weight: bold; }
 
 /* Sets color to dark blue*/
	.darkblue { 
	color: #275a77; }
 
 /* Sets color to grey*/
	.grey {
	color: #7d7d7d;
	 }
 
 /* Sets the color to orange*/
	.orange { 
	color: #f25822; }
 
  /**** HEADINGS ****/
  
  /* Sets headings*/
  
 /*******************/
 /* Sets headings*/
	h1,h2,h3 {
	clear: both;
	color: #fff;
	display: inline;
	line-height: 2em;
	padding: 5px 8px; }
 
	h1 { 
	background-color: #275a77; }
 
	h2 { 
	background-color: #00aae5; }
 
	h3 { 
	background-color: #f25822;
	font-size:1.3em; }
 
	h4 {
	background-color: #7d7d7d;
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 1px 5px 1px 10px; }
 
 /* This is is used on landing pages should be H1*/
	h5 {
	background-color: #572887;
	color: #f25822;
	display: inline;
	font-size: 1.95em;
	line-height: 2em;
	padding: 5px 8px; }
	
	h4 a:visited{color:#fff;}
.x_links
{
list-style:none;
}
 
 /* TEXT ELEMENTS*/
 /*****************/
	p, div.x_p {
	background-color: #ebe9dc;
	color: #626262;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: -2px;
	padding: 10px; }
 
 /* LINKS*/
 /**********/
	a { text-decoration: none; font-size: 1.3em; }
	#x_content2a a {text-decoration: underline; }
	#x_content2b a {font-size: 1em; }
/****** END - Site wide ***********************************************************************/	 


/*	SITE CONTAINERS START (background images **************************************************	
*	html
*		body
*			#x_left
*			#x_right
*			#x_container
*				#x_content
*					#x_topbar (SEE HEADER)
*
***********************************************/
/* Sets up the graph paper*/
	html {
	background-image: url(/esccwebteam.connexions.masterpages/images/graphpaper.gif);
	background-position: center; }

/* Sets up the white background behind the main content - DO WE NEED THIS?*/	
	body { 
	background: transparent url(/esccwebteam.connexions.masterpages/images/page2.gif) repeat-y center; }
 
 /* Sets the top left image sky blue destressed edge*/
	#x_left {
	background-image: url(/esccwebteam.connexions.masterpages/images/topleft.gif);
	background-repeat: repeat-x;
	height: 150px;
	left: 0;
	min-height: 150px;
	position: absolute;
	top: 0;
	width: 75%;
	z-index: 3; }
 
 /* Sets the right image dark blue destressed edge */
	#x_right {
	background-image: url(/esccwebteam.connexions.masterpages/images/topright.gif);
	background-repeat: repeat-x;
	height: 150px;
	left: 0;
	min-height: 150px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2; }
 
 /* Sets the container for the content 800px wide*/
	#x_container {
	position:relative;
    top:0px;
	background-color: transparent;
	display: block;
	margin: 0 auto;
	width: 800px;
	z-index: 10; }

/*	Sets the background image with the connexions 360 watermark and border edge around search*/
	#x_content { 
	background: url(/esccwebteam.connexions.masterpages/images/background.gif) no-repeat center top; }
	
/*	SITE CONTAINERS END ********************************************************/		
	

/**	HEADER START **********************************************************************************
*		#x_topbar
*			#x_topbar img (360 Logo)
*			#iSkip (Acessibility links)
*			#x_topcol
*				#strapline
*				ul (site links contact us, FAQs, About us
*			/#x_topcol
*		/#x_topbar
**** HEADER END ***********************************************************************************/	
	#x_topbar {
	height: 120px;
	top: 0; }
 
	#x_topbar img {
	border: none; 
	float: left;
	margin: 25px 30px 0 0; }
	
 
	#iSkip a:link, #iSkip a:visited, #iSkip a:hover, #iSkip a:focus, #iSkip a:active {
	background: #FFF;
	color: #4A6D94;
	font-size: 1.3em;
	min-width: 269px;
	padding: 12px;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	z-index: 10000; }
 
	* html #iSkip a { width: 269px; }
 
	.aural, #iSkip a:link, #iSkip a:visited {
	left: -9999px;
	position: absolute;
	top: -9999px; }
 
	#iSkip a:hover, #iSkip a:focus, #iSkip a:active, #iSkip #TurnOffAccessibility.activated {
	border: 2px dotted #8C8C8C;
	left: 360px;
	top: 19px; }
	
 
	#x_topcol {
	float: left;
	margin-top: 58px; }
 
	#x_strapline {
	color: #572887;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 5px 10px; }
 
	#x_topcol li {
	color: #7d7d7d;
	display: inline;
	font-size:1em;
	padding: 5px; }
 
	#x_topcol a {
	color: #7d7d7d;
	font-weight: bold; }
 
	#x_topcol a:link,#x_nav a:visited {
	color: #7d7d7d;
	text-decoration: none; }
 
	#x_topcol a:hover {
	color: #f25822;
	text-decoration: none; }
 

/*** Content structure******************************************************************
* #x_contentwrapper
*	#x_breadcrumb
*	#x_content2
*		#x_content2a
*		#x_content2b
*	#x_content1
*/
	
/*	This is need to support the breadcrumb trail wrapping on to muliple lines. The main content
	is floated right and we use a negative margin of -180px to allow the x_content1 (left menu)
	to float up into the empty space.*/ 
	#x_contentwrapper {
	float: right;
	margin-left: -180px;
	width: 100%;}
	
	
/* Breadcrumb trail */
	#x_breadcrumb {
	background: transparent url(/esccwebteam.connexions.masterpages/images/breadcrumb_02.gif) no-repeat center bottom;
	clear: both;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	margin-left: 180px;
	_margin-left: 90px; /*Fixes the double margin bug with IE 6, Floats and margins in same direction double*/
	padding: 0 0 30px 0px;
	width: 620px; }
 
	#x_breadcrumb .x_breadcrumb_start {
	float: left;
	font-size:1.3em;
	font-weight: bold;
	margin-top: 9px;
	padding: 5px 0 0 5px; }
 
	#x_breadcrumb span span {
	float: left;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 0 0 5px;
	font-size:0.9em; }
 

	#x_breadcrumb a:link, #x_breadcrumb a:visited {
	background: url(/esccwebteam.connexions.masterpages/images/breadarrow.gif) no-repeat right;
	color: #f25822;
	display: block;
	padding-right: 21px;
	text-decoration: none; }
 
	#x_breadcrumb a:hover {
	color: #fff;
	text-decoration: none; }
		

/*	Contains the main content both the centre and right column, 590px wide
	with a 10px right margin*/	
	#x_content2 {
	display: inline; /* this is to fix double margin in IE6 */
	float: right;
	margin-right: 10px;
	text-align: left;
	width: 590px; }

/*	Contains the centre column for content 350px wide with a right margin of 20px. Important IE 6.0
	has a margin bug which doubles the margin causing the float to be pushed down. To fix  this
	I had to apply a margin of half 10px */	
	#x_content2a {
	_margin-right: 10px;
	display: inline; /* this is to fix double margin in IE6 */
	float: left;
	margin-right: 20px;
	padding-top: 30px;
	width: 350px; }
 
/*	Contains the right column for content 220px wide, this holds polls, did you know and related links */
	#x_content2b {
	display: inline; /* this is to fix double margin in IE6 */
	float: right;
	padding-top: 23px;
	width: 220px; }
	
	#x_content2b .x_p, #x_content2b p {
	display: block;
	margin-left: -10px;
	padding-left: 20px; }
	
/*	Contains the left column used on landing and content pages for the navigation menu, on the home page
	it will hold the challenge banner or illustration*/	
	#x_content1 {
	float: left;
	width: 180px; 
	background: transparent url(/esccwebteam.connexions.masterpages/images/nav_01.gif) no-repeat scroll 0 0;
	}	
	
/*	PAGE ACTIONS */
	.x_pageactions ul {
	list-style: none;
	padding: 0 2em; }
 
	.x_pageactions ul li { 
	padding: 5px 0; }
 
	.x_pageactions a { 
	margin-left: 1em; }
 
	.x_ratepage { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/tinyrate.gif) no-repeat 0 8px; }
 
	.x_comment { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/tinycomment.gif) no-repeat 0 8px; }
 
	.x_suggest { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/tinysuggest.gif) no-repeat 0 8px; }
 
	.x_friend { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/tinysend.gif) no-repeat 0 8px; }
 
	.x_print { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/tinyprint.gif) no-repeat 0 8px; }
 
	.x_pageactions ul { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/line.gif) no-repeat top; }
 
	.x_pageactions { 
	background: url(/EsccWebTeam.Connexions.MasterPages/images/line.gif) no-repeat bottom; }
 
	
	/*	Search needs to appear under the main content asp.net form  in order to protect the form action being
	overwriten by MS script as MS didn't plan for client form on the page. I use absolute positioning
	to bring the form box back up to the top right of the page header*/
	#x_topsearch {
    right:-20px;
	top:48px;
    color: #7d7d7d;	
    font-family: arial, sans-serif; 
	font-size: 1.3em;
	font-weight: bold;	
	font-style: normal;
	padding: 0px;
    position:absolute;
	width: 239px;
    z-index:15;}
 
/*	Remove the fieldset box*/
	#x_topsearch fieldset { border: none; }

/*	Display border around text box and a bit of padding*/	
	#x_topsearch input {
	border-left: 1px solid #d0cbb4;
	border-top: 1px solid #d0cbb4;
	padding: 3px; }

/*	Style the search button */	
	#x_topsearch .button {
	background: transparent url(/EsccWebTeam.Connexions.MasterPages/images/buttons/bluechevron.gif) no-repeat scroll left center;
	border: 0 none;
	color: #572887;
	font-size:0.9em;
	font-weight: bold;
	height: 22px;
	margin-top: 0.5em;
	padding: 0 10px 0 16px;
	cursor:pointer; }
	
	
	#iWelcome {
position:absolute;
right:540px;
top:100px;
z-index:40;
}
	
	
	/* MS TOOLS */
	
	.x_publishingconsole
	{
	
	left:0px;
	position:absolute;
	top:0px;
	width: 800px;
	z-index: 11;	
	}
	
	.x_siteactions {
	right:0px;
	position:absolute;
	top:0px;
	z-index: 12;
	
	 }

	.ms-MenuUIPopupBody {
	border:1px solid #868686;
	margin:0;
	padding:0;
	z-index:13;
	}


.ms-consolestatusframe
{
width:800px;
}





	/* newsfeed and social links */
	#x_bottomcontent {
	clear: both;
	margin: 0 10px -50px 10px;
	padding-top: 10px; }
 

 
/* social links */
	#x_sociallinks {
	background: url(/esccwebteam.connexions.masterpages/images/social.gif) no-repeat bottom;
	float: left;
	height: 52px;
	width: 168px;
	z-index: 12; }
 
	#x_sociallinks p {
	background: transparent;
	color: #7d7d7d;
	display: inline;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 10px 0;
	padding: 0px; }
	
	#x_sociallinks a img {
	border: none;
	margin: 12px 0px 0 }
 
	#x_sociallinks img {
	float: left;
	margin: 10px 2px 0 2px; }
	

	
	
	/* footer */
	#x_footer {
	background: url(/esccwebteam.connexions.masterpages/images/bottom3.gif) repeat-x center top;
	height: 185px;
	position: absolute;
	z-index: 4; }
 
/* the above displays the footer correctly in ie6, the code below puts it back right for other browsers */
	body > #x_footer { position: relative; }
 
	#x_footertext {
	font-size: 1em;
	margin: 0 auto;
	padding: 55px 15px 0 0;
	text-align: right;
	width: 800px;
	z-index: 15; }
 
	#x_footertext h3 {
	font-size: 1em;
	font-weight: normal; }

/******** END OF STRUCTURE ***********************************************************************************************/	
	
 
 /******* CONTENT PAGE STYLES *******************/
 
	.x_polaroid {
	background-image: url(/esccwebteam.connexions.masterpages/images/polaroid.png);
	height: 111px;
	width: 109px;
	z-index: 15; }
 
	.x_polaroid img {
	height: 77px;
	left: 4px;
	position: absolute;
	top: 9px;
	width: 97px; }
 
	.x_polaroidsmall {
	background-image: url(/esccwebteam.connexions.masterpages/images/polaroidsmall.png);
	height: 55px;
	width: 54px;
	z-index: 15; }
 
	.x_polaroidsmall img {
	height: 38px;
	left: 2px;
	position: absolute;
	top: 4px;
	width: 47px; }
	
	
 /******* END OF CONTENT PAGE STYLES ********************************************************************************************/

 /********* HOME PAGE LAYOUT ***************************************************************/
 
/* Home Page Columns 
#x_home1 {
	
	float: left;
	margin-left: 10px;
	padding-top: 37px;
	width: 168px; }
 
#x_home2 {

	float: right;
	margin-right: 10px;
	text-align: left;
	width: 591px; }
 
#x_home2a {
	float: left;
	margin-left: 0;
	padding-top: 20px;
	width: 285px; }
 
#x_home2b {
	float: right;
	margin-right: 0;
	padding-top: 20px;
	width: 265px; }
 
*/


 
/* This weeks discounts... box */
	#x_discount {
	clear: both;
	margin-bottom: 20px; }
 
	#x_discountbox {
	background-color: #275a77;
	clear: both;
	display: block;
	padding: 5px 5px 5px 10px; }
 
	#x_discount h4 {
	float: right;
	margin-right: 21px;
	padding: 2px 10px; }
 
	#x_discount .x_polaroidsmall {
	float: left;
	margin: 3px; }
 
	#x_discount p {
	background: transparent;
	float: left;
	margin-top: 20px;
	padding: 0px; }
 
	/* win box */
	#x_win {
	clear: both;
	padding: 5px 0; }
 
	#x_win h3 {
	height: 2em;
	padding-left: 111px; }
 
	#x_win p {
	background-color: #7d7d7d;
	color: #fff;
	display: inline; /* this is to fix double margin in IE6 */
	float: left;
	margin-left: 51px;
	padding-left: 65px; }
 
	#x_win h4 {
	margin-left: 105px; }
 
	#x_win .x_polaroid {
	left: 0;
	position: absolute;
	top: 5px; }

 
 
/* new this month box */
	#x_new { 
	margin-bottom: 20px; }
 
	#x_new p { 
	padding: 5px 5px 5px 98px; }
 
	#x_new .x_polaroid {
	left: -20px;
	position: absolute;
	top: 2em; }
	
	/* newsround feed */
	#x_newsround {
	background: url(/esccwebteam.connexions.masterpages/images/newsround.gif) no-repeat bottom;
	float: right;
	height: 52px;
	width: 591px; }
 
	#x_newsround img {
	float: left;
	margin: 5px 0 0 10px; }
 
	#x_newsround p {
	background: transparent;
	float: left;
	margin-left: 20px;
	padding: 0px;
	font-size:1em;
	margin-top:10px; }
	
	#x_newsround p span.rssdate{margin-left:10px; font-size:1.2em;}
	#x_newsround p span.rsstitle
	{
	/*border-right:solid 2px;*/
	margin-right:5px;
	padding:0 1em;
	}
	
	/********* END OF HOME PAGE LAYOUT ***************************************************************/
	
/* LANDING PAGE */


 div.newcontent
{

background: url(/EsccWebTeam.Connexions.MasterPages/images/landingnew2.gif) no-repeat top left;
}

 div.newcontent a:hover, div.newcontent a:active
{

background: url(/EsccWebTeam.Connexions.MasterPages/images/landingnewroll2.gif) no-repeat top left;
}


#x_landing2 {
margin-right:5px;
float:right;
width:591px;
text-align:left;
padding-top: 40px;
display: inline;
position:relative;
}

#x_landing2 .x_polaroid {
margin-top: -20px;
float: left;
position:relative;}

.x_landingblock {
height: 193px;
width: 291px;
background: url(/EsccWebTeam.Connexions.MasterPages/images/landing.gif) no-repeat top left;
float: left;
position:relative;

}

.x_landingblock img{
position: absolute;
top: 76px;
left: 5px;
}

.x_landingblock p{
position: absolute;
top: 60px;
left: 105px;
background: transparent;
width: 140px;
}

.x_landingblock a:link,.x_landingblock a:visited {
position: relative;
height: 193px;
display: block;
color:#fff;
padding: 5px 10px 0 40px;
font-size: 1.6em;
}

.x_landingblock a:hover, .x_landingblock a:active {
background: url(/EsccWebTeam.Connexions.MasterPages/images/landingrollover.gif) no-repeat;
display: block;
}

.x_newcontentalert
{
	background: url(/EsccWebTeam.Connexions.MasterPages/images/landingnew2.gif) no-repeat;
}

.x_newcontentalert a:hover, .x_newcontentalert  a:active 
{
	background: url(/EsccWebTeam.Connexions.MasterPages/images/landingnewroll2.gif) no-repeat;
}

 

 
/* main feature - content page */
	#x_feature   
	{

	position:relative;

	}
	
	#x_feature h1 
{
left:5px;
outline-color:#275A77;
outline-style:solid;
outline-width:5px;
padding:0;
position:relative;
top:0;	
}

 
	#x_feature h1, #x_feature h2 {
	clear: both;
	font-size: 1.8em;
	line-height: 1.8em;
	1padding-left: 115px; }
 
	#x_feature h2{
border-bottom:medium none;
position:relative;
top:0;
}

 
	#x_feature .x_polaroid {
	left: 0;
	position: absolute;
	top: -18px; }
	
	#x_feature ul, #x_feature ol  {
background-color:#EBE9DC;
color:#626262;
font-size:1.3em;
line-height:1.5em;
margin-bottom:-2px;
padding-bottom:10px;
padding-left:2em;
}
 
	.x_contentblock { 
	padding: 10px 0 0 0; }
 
/* video box */
	#x_video {
	height: 222px;
	margin: 25px 0 10px 0;
	width: 352px; }
 
	#x_video img { 
	clear: both; }
 

 

 

 



 

/***** Remove the border and reset the padding, margin spacing *****/
	#comments li {
	border: solid 1px;
	margin-bottom: 15px; }
 
	#comments li div.commentheader {
	}
 
	#comments li div.commentbody {
	}
 
 /*
	span.aural {
	left: -2000px;
	position: absolute;
	top: 0px; }
 
	span.rating {
	background-image: url('/EsccWebTeam.Connexions.MasterPages/images/stars.gif');
	background-repeat: no-repeat; }
 
	span.onestar {
	background-position: -92px 0px;
	padding-left: 110px; }
 
	span.twostars {
	background-position: -69px 0px;
	padding-left: 110px; }
 
	span.threestars {
	background-position: -46px 0px;
	padding-left: 110px; }
 
	span.fourstars {
	background-position: -23px 0px;
	padding-left: 110px; }
 
	span.fivestars {
	background-position: 0px 0px;
	padding-left: 110px; }
 
	ol li span { 
	margin-right: .3em; }
 
	.averagerating { 
	display: block; }
	
	*/
	
	
	/*	NAVIGATION - VERTICAL (Content & Landing pages)******************/	


/* Reset the margin and padding for every ul and li and remove list styles (bullets) */
	.AspNet-Menu-Vertical ul, .AspNet-Menu-Vertical li {
	list-style: none;
	margin: 0;
	padding: 0; }
 
	/* Every link is orange*/
	.AspNet-Menu-Vertical a { 
	color: #f15a24; /* Orange*/ }
 
/* IE 6.0 Fix to make li width 100% on hover */
	* html body .AspNet-Menu-Vertical a {
	display: block;
	width: 100%; }
 
/* Default hover colour is white*/
	.AspNet-Menu-Vertical a:hover {
	color: #fff;
	display: block; /* IE 7.0 + IE 8.0 Fix to make li width 100%*/ }

.AspNet-Menu-Vertical li a em {font-style:normal;}
 

	
.AspNet-Menu-Vertical
{
background:#572887 url(/EsccWebTeam.Connexions.MasterPages/images/vertnavbottom.gif) no-repeat scroll right bottom;
padding-bottom:15px;
margin-left: 10px;
margin-top:3px;/*Need to move breadcrumb down*/
width: 170px; 
}
 
.AspNet-Menu-Vertical li ul li a
{
padding:5px 0 5px 34px;
display:block;
width:135px;
}





.AspNet-Menu-Vertical ul li ul li   a:hover 
{ 
background: #F26111 url(/esccwebteam.connexions.masterpages/images/chevron-orange.gif) no-repeat 10px 8px; 
}
 

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-Selected 
{
background: #00aae5 url(/esccwebteam.connexions.masterpages/images/chevron-blue.gif) no-repeat 10px 8px; 
}

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-Selected em
{
color:#fff;
}


.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-Selected  ul li.AspNet-Menu-ParentSelected
{
background-color:#572887;
}

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected
{ 
background: #00aae5 url(/esccwebteam.connexions.masterpages/images/chevron-blue.gif) no-repeat 10px 8px; 
}

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected em
{
color:#fff;
}

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Leaf
{ 
background-color:#572887;
}

.AspNet-Menu-Vertical ul li ul li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected
{ 
background: #AC94C4 url(/esccwebteam.connexions.masterpages/images/chevron-lilac.gif) no-repeat 10px 8px;
}


li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab2, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab2
{
color:#fff;
}
li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab3, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab3
{
color:#fff;
}
li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab4, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab4
{
color:#fff;
}
li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab5, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab5
{
color:#fff;
}
li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab6, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab6
{
color:#fff;
}
li.AspNet-Menu-WithChildren.AspNet-Menu-Selected #iTab7, li.AspNet-Menu-WithChildren.AspNet-Menu-ChildSelected #iTab7
{
color:#fff;
}


	#iTab1 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/home.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab1 span, #iTab1 em {
display:block;
        background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab2 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/travel.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab2 span, #iTab2 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab3 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/money.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab3 span, #iTab3 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab4 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/things.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab4 span, #iTab4 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab5 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/school.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab5 span, #iTab5 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab6 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/health.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab6 span, #iTab6 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
 
	#iTab7 {
	background: transparent url(/esccwebteam.connexions.masterpages/images/rights.gif) no-repeat top left;
	display: block;
	padding-bottom: 10px; /*Needed to show image in full height*/ }
 
	#iTab7 span, #iTab7 em {
display:block;
 background: #592a89 url(/esccwebteam.connexions.masterpages/images/vertdither.gif) no-repeat bottom;
        padding-bottom:10px;
	margin-left: 34px;
	position: relative;
	top: 5px; }
	
 



/********* HOME PAGE NAVIGATION */
	.AspNet-Menu-Horizontal
 {
	background-image: url(/esccwebteam.connexions.masterpages/images/nav.gif);
	clear: both;
	height: 55px; 
}

.AspNet-Menu-Horizontal ul
{
list-style: none;
margin: 0 ;
padding: 0 ;
}

 .AspNet-Menu-Horizontal li 
{
display:inline;
float:left;
}


 .AspNet-Menu-Horizontal li span
{
color:#F25822;
font-weight:bold;

}



.AspNet-Menu-Horizontal a:hover span
{
	color: #fff !important;
	text-decoration: none; 
cursor:pointer !important;
}

.AspNet-Menu-Horizontal a:link span
{
	color: #F25822;
	text-decoration: none; 
}

/* Default hover colour is white*/
.AspNet-Menu-Horizontal a:hover 
{
	color: #fff;
 }


.AspNet-Menu-Horizontal a:visited span
{
	color: #F25822;
	text-decoration: none; 
}

.AspNet-Menu-Horizontal #iHomeTab1 span
{
padding: 16px 0 0 30px;
background: transparent url(/esccwebteam.connexions.masterpages/images/home.gif) no-repeat 0 8px;
width:60px;
}
 
.AspNet-Menu-Horizontal #iHomeTab2 span 
{ 
padding: 16px 0 0 30px;
background: transparent url(/esccwebteam.connexions.masterpages/images/travel.gif) no-repeat 0 8px;  
width:80px;
}
 
.AspNet-Menu-Horizontal #iHomeTab3 span { 
padding: 8px 0 0 30px;
background: transparent  url(/esccwebteam.connexions.masterpages/images/money.gif) no-repeat 0 8px;  
width:80px;
}
 
.AspNet-Menu-Horizontal #iHomeTab4 span { 
padding: 16px 0 0 30px;
background: transparent  url(/esccwebteam.connexions.masterpages/images/things.gif) no-repeat 0 8px ;
width:90px;  }
 
.AspNet-Menu-Horizontal #iHomeTab5 span { 
background: transparent url(/esccwebteam.connexions.masterpages/images/school.gif) no-repeat 0 8px;
padding: 8px 0 0 30px;  
width:80px;  }
 
.AspNet-Menu-Horizontal #iHomeTab6 span { 
background: transparent  url(/esccwebteam.connexions.masterpages/images/health.gif) no-repeat 0 8px ; 
padding: 8px 0 0 30px;  
width:80px;  }
	
.AspNet-Menu-Horizontal #iHomeTab7 span { 
background: transparent  url(/esccwebteam.connexions.masterpages/images/rights.gif) no-repeat  0 8px; ; 
padding: 8px 0 0 30px;  
width:90px;  }

 
 

/*	MISCELLANEOUS */
 
 /*	Remove SharePoint Default breadcrumb when page loads that is not using the connexions content type*/
.ms-pagebreadcrumb.removeMargins {
	display:none;}
 
/* 	eg Summary Links Field Control edit mode */
/* 	eg User Field editor */
/* 	in Web Parts */
	.ms-toolbarContainer a, 
	.ms-usereditor a, 
	.ms-WPHeader a:link, .ms-WPHeader a:visited, .ms-WPBody a:link, .ms-WPBody a:visited {
	border: 0;
	text-decoration: underline; }
	
	.ms-consolestatus a {font-size:1.3em;}

	
		
	/* Metadata at the bottom of page */
	
	metadata {

clear:both;
font-size:0.9em;
margin-top:1em;
padding-top:1em;
}
.metadata p {
margin-bottom:0;
background-color:#fff;
}
.metadata span {
font-weight:bold;
}


.page-heading {
width:341px;
}

.header {
margin-top:3px;
width:341px;
}



/* HOME PAGE GLOBAL NAVIGATION 

#x_nav {
clear:both;
height:55px;
background-image:url(/EsccWebTeam.Connexions.MasterPages/images/nav.gif);
padding-left: 10px;
}

#x_nav li {
display:block;
float:left;
list-style-type:none;
font-weight:700;
margin:6px 0 0 0;
}

.dither {
width: 2px;
height: 34px;
padding: 0 10px 0 10px;
background: url(/EsccWebTeam.Connexions.MasterPages/images/dither.gif) no-repeat top;
}

#x_nav a:link,#x_nav a:visited {
color:#f25822;
text-decoration:none;
font-size: 90%;
}

#x_nav a:hover {
color:#fff;
text-decoration:none;
}



#x_home1 {
width:168px;
float:left;
padding-top: 37px;
margin-left:10px;
display: inline;

}

#x_home2 {
margin-right:10px;
float:right;
width:591px;
text-align:left;
display: inline;
}

#x_home2a {
width:285px;
padding-top:20px;
float:left;
margin-left:0;
}

#x_home2b {
width:265px;
float:right;
margin-right:0;
padding-top:20px;
}

						


#x_newsround {
float: right;
width: 591px;
height: 52px;
background:url(/EsccWebTeam.Connexions.MasterPages/images/newsround.gif) no-repeat bottom;
}

#x_newsround img {
float: left;
margin: 5px 0 0 15px;
}

#x_newsround p {
margin-left: 20px;
float: left;
padding: 0px;
background: transparent;
}

*/

/* temp make nav better*/
ul li ul {margin-left:45px;}
ul li a span {display:block; 
}

.x_content-header
{
float:left;
width:350px;
1margin-bottom:12px;

}

.x_content-header h1
{
	font-size:2em;
	clear:none;
}

.x_content-header .x_polaroid
{
float:left;
}

.x_content-pagetitle
{
position:relative;
top:15px;
}

#x_content2a .x_content-pagetitle h1
{

font-size:2em;
clear:none;
}



.x_content-pagetitle h2
{

font-size:1.5em;
clear:none;
}
.x_featureitem
{
position:relative;
clear:both;
margin-bottom:30px;
}



.x_featureitem .x_polaroid
{
float:left;
}

.x_featureitem h2
{
font-size:1.5em;
padding:5px;
margin:0;
background-color:#F25822;
clear:none;
}

.x_featureitem p 
{
background-color:#7D7D7D;
color:#FFFFFF;
margin-left:51px;
padding-left:65px;
}

.featuretwo p
{
background-color:#EBE9DC;
color:#626262;
}

.x_featureitem a
{
font-weight:bold;
color:#fff !important;
background-color:#7d7d7d;
text-decoration:none !important;
position:relative;
margin-left:111px;
display:inline-block;
padding:5px;
}

#x_content2a .x_featureitem.featureone p a, #x_content2a .x_featureitem.featuretwo p a  
{
margin:0;
padding:0;
}

#x_content2a .x_featureitem.featureone  a
{
1background-color:#EBE9DC;
1color:#626262 !important;
}

#x_content2a .x_featureitem.featuretwo  a
{
background-color:#EBE9DC;
color:#626262 !important;
}

#x_content2b .more a
{
color:#fff !important;
background-color:#7d7d7d;
text-decoration:none !important;
position:relative;
font-size:1.3em ;
display:inline-block;
padding:5px;
}

#iWelcome {display:none;}

#x_content2a .youtube {padding-top:10px;}
#x_content2a .youtube embed {width:350px}
#x_content2a .youtube a {display:none;}

#x_content2a .x_featureitem.featuretwo a {text-decoration:underline !important; font-weight:normal !important;}

#x_content2a .x_featureitem.featuretwo a:link{color:#572887 !important;}

#x_content2a .x_featureitem.featuretwo a:visited{color:#7d7d7d !important;}

#x_content2a .x_featureitem.featuretwo a:hover{color:#F25F22 !important;}