/*  SITE FRAME STYLES  */
#pageFrameDiv {
	width: 780px;
	margin: 0px auto;
	text-align: left;
}
#innerFrameDiv {
	position: relative;
	border-left: 1px dotted #CC0033;
}
/* for IE, use background image to simulate dotted border */
* html #innerFrameDiv {
	border-left: none;
	padding-left: 1px;
	border-right: 1px solid #fff;
	background: url(../en_files/2x1px_red_border.gif) repeat-y top left;
}

/*  SITE BANNER HEAD AND LOCATION BAR STYLES  */
#userLocStr {
	position: relative;
	width: 768px;
	padding: 10px 0 4px 0;
	margin: 0 0 0 9px;
}
span.userLocTxt {
	color: #7F87AA;
	font-size: 11px;
	font-weight: normal;
}
#newMasthead {
	padding-top: 0.5em;
}
#headDiv {
	position: relative;
	width: 780px;
	height: 76px;
}
#strapDiv {
	position: absolute;
	top: 10px;
	left: 12px;
}
#logoDiv {
	position: absolute;
	top: 10px;
	right: 12px;
	/* Don't set the logo here, must be done in the code - background-image: url("/images/logos/london2012.gif");*/
	background-repeat: no-repeat;
}

/*  HOMEPAGE STYLES - Dotted lines etc  */
.conHdRed {
	background-color: #e31f26;
	border-bottom: solid 1px #B2253E;
}
.conBdBlu {
	border-right: dotted 1px #009fda;
	font-size: 12px;
	padding: 0px 12px 20px 12px;
}
.conBdYel {
	border-right: dotted 1px #fcb131;
	font-size: 12px;
	padding: 0px 12px 20px 12px;
}

.conBdRed {
	border-left: dotted 1px #cc0033;
	padding: 0;
}
.conBdNone {
	font-size: 12px;
	padding: 0px 12px 20px 12px;
}

/* for IE, use background image to simulate dotted border */
* html .conBdRed {
	border-left: none;
	background: url(../en_files/2x1px_red_border.gif) repeat-y top left;
	padding-left: 1px;
/*	border-right: 1px solid #fff; */
}


.homeBodyText {
	margin: 0;
	padding: 7px 10px 10px 10px;
}

div.lhHeading {
	background-color: #D9ECFF;
	margin: 0;
	padding: 7px;
	color: #003366;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	width: 182px;
}


/*Top Nav*/
.topNavBar {
	background-color: #fffff;
	border-top: 1px solid #7B83A7; 
	border-bottom: 1px solid #7B83A7;
}
ul#topMainNav {
	height: 20px;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul#topMainNav li {
	float: left;
	height: 17px;
	padding: 0px 10px 0 8px;
	list-style-type: none;
	font-weight: bold;
	letter-spacing: 0px;
}
ul#topMainNav li.line {
	background: url(../en_files/topnav_divider.gif) right top no-repeat;
}
ul#topMainNav li a {
	text-decoration: none;
}
ul#topMainNav li a:hover {
	color: #cf0f3f;	
}
ul#topMainNav li a.selected {
	color: #cf0f3f;
}

/* bottom nav */
ul#bottomMainNav {
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}
ul#bottomRightMainNav {
	height: 20px;
	margin: 0;
	padding: 0;
	width: 340px;
	float: right;
}
ul#bottomMainNav li {
	float: left;
	height: 17px;
	padding: 0 22px 0 0px;
	list-style-type: none;
	font-size: 12px;
}
ul#bottomRightMainNav li {
	float: left;
	height: 17px;
	padding: 0 0 0 22px;
	list-style-type: none;
	font-size: 12px;
}


/*  PAGE FOOTER STYLES  */
.footer {
	padding: 0px 0px 0px 12px;
	background-color: #ffffff;
	border-top: 1px solid #7D85AA; border-bottom: 1px solid #7D85AA;
	height: 24px;
}
.footerWht {
	height: 24px;
	font-size: 11px;
	color: #828DBC;
	padding: 0px 0px 0px 12px;
}
#footerSpanL {
	margin: 3px 10px 0px 0px;
	height: 20px;
	font-size: 12px;
	color: #828DBC;
	width: 380px;
	float: left;
}
#footerSpanR {
	margin: 3px 0px 0px 10px;
	height: 20px;
	font-size: 12px;
	text-align: right;
	width: 340px;
	float: left;
}

/*  A LINK STYLES  */
a:link, a:visited, a:active, a:hover {
	font-family: verdana,geneva,sans-serif;
	text-decoration: none; 
	color: #000000;
	text-decoration: underline;
}
a.lnkLocBar:link, a.lnkLocBar:visited, a.lnkLocBar:active, a.lnkLocBar:hover {
	color: #7F87AA;
	text-decoration: underline; 
}
a.topNavLink:link, a.topNavLink:visited, a.topNavLink:active, a.topNavLink:hover {
	text-decoration: none; 
	line-height: 110%;
	font-size: 12px;
}
a.topNavLinkOn:link, a.topNavLinkOn:visited, a.topNavLinkOn:active, a.topNavLinkOn:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

a.footerLink:link, a.footerLink:visited, a.footerLink:active {
	/* color: #828DBC; */
	text-decoration: none; 
	line-height: 170%;
	font-size: 95%
}
 a.footerLink:hover {
	color: #cf0f3f;
} 


/*  FORM ELEMENT STYLES  */

input.searchEntry { 
	font-family: verdana,geneva,sans-serif;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #4E4E4E #EDF0FC #EDF0FC #4E4E4E;
	padding: 0px;
	margin: 1px 0;
	font-size: 75%;
	width: 60px;/* constrained field for fr site layout */
}
input.formButton { 
	border: solid 0px #ffffff;
	background-color: #ffffff;
	cursor: hand;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
input.srchButton { 
	border: solid 0px #fff;
	/* modified for move to navbar JH 08/10/2004 */
	vertical-align: top;
	background-color: #fff;
	cursor: hand;
	color: #000000;
	font-size: 75%;
	font-weight: bold;
	padding: 0;
	margin: 1px 0 0 0;
}

#searchLabel {
	margin: 0px 5px 0px 9px;
	line-height: 110%;
	/*font-size: 12px;*/
}

#MainImage {
	border-bottom: 8px solid #cc0033;
}
#homeTopStory {
	border-bottom: 1px solid #cc0033;
}
.extraBdRed {
	border-bottom: 1px solid #cc0033;
}
.extraBdBlue {
	border-top: 1px solid #7C84A8;
}