@import url("styletoplevelblocks.css");

.PageUserMenu table {
	width: 100%;
	border: solid 1px silver;
}
.PageUserMenu table tr td {padding-left: 0px;}
.PageUserMenu table tr .rateThis {height: 10px;}
.PageUserMenu a {text-decoration: none;}
.PageUserMenu a:hover {text-decoration: underline;}
.PageUserMenu .icon {
	padding: 0 10px 0 0;
	margin-top: 0;
	vertical-align: top;
	
}
.PageUserMenu	.cright{color:silver;}



.PageUserMenu {
	margin-left:200px;
	margin-right:200px;
	padding-top: 5px;
}

#page {width: 1000px;}

#header, #content{width: 100%;}

/* End Mac IE5 filter */
#bannerimage a {
	float: left;
	background: url(../images/logocombined.gif) no-repeat;
	padding: 95px 0 0 346px;
	margin: 0;
}

#bannerimage img.takepart {
	margin-top : 67px;
}

#banner ul {
	margin : 14px 3px 0 0;
	padding : 0;
	list-style: none;
	float: right;
	
}
#banner ul li {
	display: inline;
	padding : 0 5px;
	margin : 0;
	background : url(../images/pipe_white.gif) no-repeat top right;
}
#banner ul li.end{background: none; padding : 0 0 0 5px;}

#banner span {
	width : 600px;
	text-align : right;
	float : right;
	font-size: 250%;
	padding: 30px 3px 0 0;
}

.hidelink {
	color: #FFFFFF !important; /* same color as background */
	text-decoration: none;
	position: absolute;
	top: 35px;
	left: -9999px;
	overflow: hidden;
		
}
.hidelink:active, .hidelink:focus {
	color: #FFFFFF !important; 
	text-decoration: underline;
	font-weight: bold;
	background-color: #A41A3E;
	padding: 15px 5px 5px 5px !important;
	left: 240px;	
	top: -5px;
	font-size: 120%;
}


/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0.3em;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
	.verticalalign
	{
		width: 100% !important;
	}
	/* But Opera 9 does it right, so CSS3 hax to the max */
	div[id^="toplevel"] #left .verticalalign,
	div[id^="toplevel"] #right .verticalalign
	{
		width:  24.75% !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign {
	width: 100% !important;
}
.verticalalign a {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
}	
#breadcrumb {
	background-color: #a41a3e;
	color: #fff;
	padding: 0.5em 1em 0.5em 1em;
	border-top: solid 3px #fff;
	margin-right : 3px;
	clear : left;
}
#breadcrumb ol 
{
	list-style: none outside none;
	display: inline;
	margin: 0;
	padding: 0;
}
#breadcrumb li 
{
	display: inline;
	font-weight: bold;
	color: #fff;
}
#breadcrumb a 
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumb span{
	display: block;
	float: right;
}	
#lhc{
	width: 250px;
	float: left;
}
#lhc ul{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #ecf7f3;
	border: none;
}
#lhc img{border : none; margin : 0; padding : 0;}
#lhc h2{
	background-color: #1E634F;
	color: #fff;
	padding:0.3em 0.5em;
	margin: 0;
	border-top : none;
	border-bottom : solid 3px #fff;
}
#lhc ul{
	margin: 0;
	padding : 0 0 5px 0;
	border: none;
	border-top: solid 3px #9ED9C5;
	border-bottom: solid 3px #fff;
}
#lhc ul li{
	border: none;
	padding: 0;
	margin: 7px 0;
	background: url(../images/common/arrow_light_green.gif) 10px 1px no-repeat;
}

#lhc ul li.onpath{
	background: url(../images/common/arrow_light_green_op.gif) 10px 1px no-repeat;
}

#lhc ul li{ padding : 0 10px 0 20px;}
#lhc ul li a
{
	padding: 0;
	border: none;
	font-weight: bold;
	text-decoration: underline;
}
#lhc ul li a:hover, #lhc ul li ul li a:focus
{
	text-decoration: none;
}
#lhc ul li.onpath a
{
	color: #707070;
}


#lhcnearest {
	background-color: #A41A3E;
	color: #fff;
	width: 230px;
	padding : 10px;
}
#lhcnearest fieldset, #lhcnearest h2, #lhcnearest form{
	padding : 0; 
	margin : 0;
}
#lhcnearest fieldset{border: none;}
#lhcnearest fieldset input{vertical-align: middle;}
#lhcnearest fieldset input#postcode{width : 155px;}
#lhcnearest h2{	
	background-color: #A41A3E;
	border: none;
}
#lhcnearest p{
	padding : 0; 
	margin : 10px 0;
}


#bc
{
	vertical-align: top;
	width: 740px;
	float: right;
	padding: 0 3px 10px 0px;
	margin : 0px auto;
}
#cc
{
    margin-left:0.5em;
	overflow: hidden;
    padding-bottom:0 !important;
	margin-bottom:0 !important;
}
#introtext p {
	font-weight: bold;
	margin-top: 3px;
}

#pagetools
{
	clear: both; margin:2em 0em 2em 1em;
}

div.hr { height: 20px; background: url(../images/common/dots.gif) #fff repeat-x center 50%; }
div.hr hr { display: none;}

#child-articles-block{
	clear:both;
	margin:0;
	padding-top:1em;
}
#child-articles-block ul {
	margin: 0;
	padding: 0;
	width: 40%; 
	float: left;
}

#child-articles-block table {
	margin: 0;
	padding: 0;
	width: 100%;
}

#child-articles-block table tr td {
	background-color:#ECF7F3;
	border:2px solid #FFFFFF;
	margin:0;
	padding:0.3em 0.6em;
	vertical-align:top;
	width:50%;
}

#child-articles-block table tr td.empty {
	background-color: #FFF; 
}

#child-articles-block ul.left {
	width: 49%;
	margin: 0;
	padding: 0;
	border-right: solid 5px #fff;
}
#child-articles-block ul li, #child-articles-block ul li {
	list-style-type: none;
	background-color:#ECF7F3; 
	vertical-align:top; 
	padding: 0;
	margin: 0;
	border-top: solid 0.5em #fff;
}
#child-articles-block ul.left li div.body, #child-articles-block ul.right li div.body {
	padding: 0.3em 0.6em;
}
#child-articles-block ul li div br {
	clear:left;
}
#child-articles-block h2{ 
	color:#1E634F; 
	margin:0.3em 0px;
}
#child-articles-block a{ 
	color:#1E634F; 
	text-decoration : underline;
}
#child-articles-block a:hover{ text-decoration : none; }
#child-articles-block p { margin:0.5em 0px; }
#child-articles-block .limage{
	float: left; 
	margin: 0 1em 1em 0;
}

#footer
{
	clear: both;
	padding-right: 3px;
}
#footer p
{
	color: #000;
	text-align: center;
}
#footer p span,
#footer p span a
{
	color: #1E634F
}

#footer ul#socialbookmarks
{
	list-style: none inside none;
	margin: 0px;
	padding: 0.2em 0 0.2em 0;
	text-align:center;
}

#footer ul#socialbookmarks li
{
	display: inline;
	padding: 0 1em;
}
#footer ul#socialbookmarks li a
{
	display: inline-block;
}

#footer ul#footernav
{
	background-color: #1E634F;
	color: #fff;
	list-style: none inside none;
	margin: 0px;
	padding: 0.2em 0 0.2em 0;
	text-align:center;
}
#footer ul#footernav li
{
	display: inline;
}
#footer ul#footernav li a
{
	background: url(../images/common/pipe_green.gif) no-repeat top right;
	display: inline-block;
	padding: 0 1em 0 1em;
	color: #fff; 
}
#footer ul#footernav li.end a
{
	background: none;
	padding: 0 0 0 1em; 
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}

#timeClock {font-weight:bold;color:#FFFFFF;border: none; text-align:right;}

#child-articles-wrapper child-list ul li a
{
	text-align: left;
}

.child-list ul li
{
	text-align: left !important;
}


#list-blocks{ clear:both; padding-top: 0.4em;}

#list-blocks ul, #list-blocks form, #polls form, #polls form ol, #list-blocks form ol{
	margin : 0; 
	padding : 0; 
	list-style : none;
}
#list-blocks ul li, #polls form{
	width : 50%; 
	margin: 0;
	padding: 0;
	float : left;
}
#list-blocks ul li.blockeven{
	width: 49%;
	border-right: solid 5px #fff;
	clear: left;
}
#list-blocks ul li ul {
	margin:0;
	padding:0;
}
#list-blocks ul li ul li{
	background:url(../images/common/arrow_white.gif) no-repeat 18px 2px; 
	margin : 3px 0px;
	padding: 0 0 0 34px;
	float: none;
	color: #A41A3E;
}
#list-blocks ul li form{background-color: #fae7ec }
#list-blocks ul li .poll-buttons {
	text-align: center;
	padding: 4px 0px 20px 0px;
}
#list-blocks ul li h2, #polls form h2{
	background-color : #A41A3E; /* #ce1024 */
	color : #fff; 
	vertical-align : baseline; 
	padding : 0.5em 1em; 
	margin : 0.5em 0; 
	font-weight : bold;
	font-size : 100%;
}
/*#list-blocks ul li ul li{width : 100%;}*/
#list-blocks ul li ul li a{
	color : #A41A3E; 
	font-weight:bold;
}

#list-blocks ul li ul.relatedmedia li{padding : 0 0 5px 30px;}

#list-blocks p{ padding:0.5em 1em; margin:0;}

#list-blocks li ul li a, #list-blocks li ul li em{ padding:0; }

#list-blocks .relatedmedia li{ background: none; }
#list-blocks .relatedmedia li a{ margin-left: 0; }

#list-blocks em{ color: #A41A3E; font-weight: bold;} /* #ce1024 */

#list-blocks .list-no-img, #polls ol.list-no-img{ width:100%; margin:0; padding:0; background-color:#FAE7EC;}
#list-blocks .list-no-img li, #polls ol.list-no-img li{ margin:0; padding:0.2em 0 0.2em 1em; background-color:#FAE7EC; width:90%; }
#list-blocks .list-no-img input{ vertical-align:text-bottom;}
#list-blocks ul li.block1, #list-blocks ul li.block3, #list-blocks ul li.block5, #list-blocks ul li.block7, #list-blocks ul li.block9, #list-blocks ul li.block11{
	clear : left;
}

#list-blocks ul li ul.relatedmedia li a span.hideSpan {
	display:none;
}

/*Hide 'new browser window' text in inline links*/
#cc p a span.hideSpan {
	display: none;
}

span.hideSpan {
	display: none;
}

#rhc{
    width: 240px;
    float: right;
    overflow: hidden;
    padding: 30px 0 0;
}
#rhc img{
	padding: 3px 0 10px 18px;
}
#rhc #list-blocks ul li{width : 100%; float : none; margin-right : 0;}
#rhc #list-blocks ul li.blockeven{ clear : none; }
#rhc #list-blocks ul li ul.relatedmedia li{padding : 0 0 5px 30px;}
#rhc #list-blocks ul li ul li, #rhc #list-blocks ul li ul.relcontact li{
	background:url(../images/common/arrow_white.gif) no-repeat 15px 4px; 
	margin : 3px 0;
	color :  #A41A3E;
}
#rhc #list-blocks ul li ul li{padding : 0 10px 0 10px;}
#rhc #list-blocks ul li ul.relcontact li.text{padding : 0 10px 0 30px;}

#list-blocks ul li img.clearleft{clear : left;}

br.clear{
	clear : left;
}

.subscribelink {
	display: inline !important;
	margin-right: 0 !important;
}

#eventsImg {
	display: inline !important;
}

/*Webmetric*/
#webmetricsnippet {
	padding-top: 15px;
	margin: 0px auto;
	text-align: center;
	background-color: #FFF;
} 

#webmetricsnippet div {
	padding-bottom: 4px;
	margin: 0px auto;
	width: 50%;
} 

#webmetricsnippet fieldset {
	border: 0 none;
} 

.imageselect .focus {
	margin-bottom: 3px;
	background-color: #ECF7F3;
	width: 250px;
	height: 150px;
	overflow: hidden;
}

.imageselect .focus div {
	width: 250px;
	height: 150px;
}

.imageselect .focus img {
	width: 250px;
	height: 150px;
}

.contactlink
{
	font-weight:bold;
	text-decoration:none;
	color:Red;
}
.contactlink a:hover
{
	font-weight:bold;
	text-decoration:underline;
}

div#bannerimage a:visited {
	border-bottom: 0 none !important;
}
#footer ul#footernav li a, #socialbookmarks a, #rhc ul li ul li a {
	border-bottom: 0;
	text-decoration: underline;
}
#footer ul#footernav li a:hover, #socialbookmarks a:hover, #rhc ul li ul li a:hover {
	text-decoration: none;
}