/* Global stylesheet 
	2007-03-30 */

@import url(/css/navigation.css);
@import url(/css/mediafile.css);
@import url(/css/articles.css);
@import url(/css/video.css);

html {
	height: auto;
}

body {
	margin: 10px auto 10px auto;
	text-align: center;
	height: auto;
	}


/* Main content styles */

h1 {
	margin: 10px 0px 6px 0px;
	padding: 0;
	font: 22px/24px Georgia, Times, serif;
	color: #000;
	}

p, li, td, div {
	font: 12px/14px Georgia, Times, serif;
	line-height: 1.6em;
	}

blockquote {
	font: 12px/14px Georgia, Times, serif;
	line-height: 1.6em;
	}

a:link, a:visited {
	text-decoration: underline;
	color: #004276;
	}

a:hover {
	text-decoration: underline;
	color: #082d4a;
	}

.headerGreen {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #1c953f;
	text-transform: uppercase;
	}

.subheadBlue {
	font: bold 12px/14px Arial, Helvetica, Arial, sans-serif;
	color: #369;
	}

/* Header Styles */

div#shell {
	width: 971px;
	margin: 0 auto 0 auto;
	margin-top: 0;
	padding: 0;
	border: 1px solid #999;
	}

div#masthead {
	_width: 971px;
	margin: 0;
	padding-top: 8px;
	clear: both;
	text-align: center;
	border-bottom: 1px solid #000;
	min-height: 96px;
	_height: 96px;
	}

div#sectionPageHead {
	margin: 0;
	padding-top: 10px;
	font: 30px/30px Helvetica, Arial, sans-serif;
	color: #444;
	vertical-align: bottom;
	}

div#infoBar {
	_width: 971px;
	margin: 0;
	padding: 4px 8px 4px 8px;
	text-align: center;
	border-bottom: 1px solid #999;
	background: #efefef;
	}

div#infoBar div#date {
	width: 200px;
	float: left;
	text-align: left;
	padding-top: 6px;
	font: 11px/14px Helvetica, Arial, sans-serif;
	}

div#infoBar div#welcome {
	width: 200px;
	float: right;
	text-align: right;
	padding-top: 6px;
	font: 11px/14px Helvetica, Arial, sans-serif;
	}

div#content {
	_width: 971px;
	margin: 0;
	padding: 0;
	}

/* Footer styles */

div#footer {
	margin-top: 6px;
	padding: 10px 200px 6px 200px;
	font: 9px/14px Arial, verdana, sans-serif;
	text-align: center;
	border-top: 1px solid #999;
	}

div#footerMenu {
	font: 10px/14px Arial, verdana, sans-serif;
	text-transform: uppercase;
	}

/* Content column styles */

div.contentContainerFull {
	padding: 0px 6px 0px 6px;
	width: 633px;
	text-align: left;
	}

div#mainContent {
	position: relative;
	width: 971px;
	clear: both;
	background: #369;
	text-align: left;
	}

div#contentColLeft {
	float: left;
	width: 436px;
	_width: 450px;
	padding: 0px 6px 0px 6px;
	text-align: left;
	}

div#contentColRight {
	float: left;
	width: 197px;
	_width: 208px;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	text-align: left;
	}

div#rightCol {
	float: right;
	width: 300px;
	_width: 312px;
	padding: 0px 6px 0px 6px;
	text-align: left;
	}

div#rightColFull {
	float: right;
	width: 300px;
	_width: 312px;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #999;
	text-align: left;
	}


/* Ad position styles */

div#masthead div#adTopLeft {
	margin-left: 4px;
	float: left;
	}

div#masthead div#adTopRight {
	margin-right: 4px;
	float: right;
	}

div#leaderboardAdPosition div, div.rectangleAdPosition div,  div.skyscraperAdPosition div {
	display: block;
	}

div#leaderboardAdPosition {
	margin: 0 auto 10px auto;
	text-align: center;
	padding: 6px 0px 6px 0px;
	border-bottom: 1px solid #999;
	}

div.rectangleAdPosition {
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

div.skyscraperAdPosition {
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	}

/* Login form */

div#loginContainer {
	width: 270px;
	margin: 0 auto;
	_margin-left: 350px;
	text-align: center;
	padding: 4px;
	margin-top: 12px;
	border: 1px solid #000;
	background: #efefef;
	font: 11px/14px Helvetica, Arial, sans-serif;
	}
	
div#loginContent {
	text-align: left;
	margin-left: 50px;
	}

div#loginContent p {
	font: 11px/14px Helvetica, Arial, sans-serif;
	}

div.loginErrorMessage {
	width: 270px;
	margin: 0 auto;
	_margin-left: 350px;
	text-align: center;
	padding: 4px;
	border: 1px solid #f03;
	background: #ffc;
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	color: #f03;
	}
	
.required {
	color: #c00;
}

.warning {
	border: 1px solid #f03;
	background: #ffc;
	padding: 2px 4px 2px 4px;
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	color: #f03;
	}

.errormsg_sm {
	font: 10px/13px Arial, Helvetica, sans-serif;
	color: #c00;
	}

.errormsg {
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #c00;
	}

/* Right Column Styles */

div.mostreadItem {
	font: 11px/12px Georgia, serif;
	padding: 0px 0px 4px 0px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #999;
	}

/*******************************************************************************************/
/* Webcast Styles */
/*******************************************************************************************/


div.webcastWrapper {
	min-height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: left;
	border-bottom: 1px solid #ccc;
	}

.webcastThumbnail {
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	min-height: 110px;
	}

div#webcastHeader {
	margin-bottom: 20px;
	}

.recordedDate {
	margin-top: 2px;
	font: 12px/15px Arial, sans-serif;
	color: #666;
	}

div#webcastExtrasBox {
	padding-top: 10px;;
	}

div.webcastExtrasHeading {
	margin: 0;
	padding-bottom: 6px;
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	}
	
div.webcastExtrasContent {
	float: left;
	width: 180px;
	padding-left: 10px;
	margin-bottom: 20px;
	font: 12px/16px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	}

/*******************************************************************************************/
/* Video Styles */
/*******************************************************************************************/


div.videoTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	}