@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
}

p, li, td {
	font-size: 13px;
}

a img {
	border: 0;
}

#container h2, #container h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

#container h2 {
	text-transform: uppercase;
}

#container p {	margin: 0 0 10px 0; }

#container {
	width: 600px;
	padding: 3px;
}
#container a {
	color: #900;
	font-weight: 700;
	position: relative;
}
#container a:link, #container a:visited {
	color: #900;
	text-decoration: underline;
	top: 0;
	left: 0;
}
#container a:hover {
	color: #d00;
	text-decoration: none;
	top: 0;
	left: 0;
}
#container a:active {
	color: #a00;
	text-decoration: none;
	top: 1px;
	left: 1px;
}

#rightcol {
	display: none;
}

.reggly {
	font-size: 16px;
}

.hangleft {
	float: left;
	margin: 5px 5px 5px 0;
}

.hangright {
	float: right;
	margin: 5px 0 5px 5px;
}


/*
The "chart" class of tables is used for tabular data within the #container div 
or main body of the page. The basic form of the table is defined below, the borders
and background definitions are defined in the indiviual section CSS documents.

Any further customization should be defined/redefined as local CSS in the head of
the individual HTML document.
*/
#container .chart {
	border-collapse: separate;
	border-spacing: 0;
	*border-collapse: collapse;
}
#container .chart, #container .chartfootnote {
	width: 580px;
	margin: 0 auto;
}
#container .chart caption {
	text-align: center;
	font-weight: 700;
	padding: 3px 0;
	border-bottom: none;
}
#container .chart td {
	vertical-align: middle;
	padding: 4px;
	*position: relative;
}
#container .chartfootnote {
	margin-bottom: 10px;
	font-size: 10px;
}
#container .chart td.dataHighlight {
	font-weight: 700;
}

/*

FOR PAGES WITH VIDEO

The #mp4div and f4vdiv IDs correspond to the two different media players embedded
into web pages. The diplay for both divs must be set to "none" - 
the Javascript (plugin_detect.js will turn on the necessary player div.

*/

#mp4div, #f4vdiv {
	margin-left: 10px;
	width: 592px;
	height: 332px;
	border: 1px solid #000;
	display: none;
}
#mp4div {
	height: 348px;
	border-bottom: 0;
}
#mp4div object, #mp4div embed {
	margin: 0;
	cursor: pointer;
}





.footnote {
	font-style: italic;
}

.date, .footnote {
	font-size: 10px;
}

.datestamp {
	width: 100%;
	text-align: right;
	font-size: 10px;
}

.siteCopyright {
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
}