/* 
The 7.30 Report Stylesheet
Created by: Andrew Kesper, January 2007
Modified by: Andrew Kesper, January 2007
*/

/* global nav */
@import url(/includes/css/globalNav.css);
#gN_Nav * {
	font-family: Arial, Helvetica, sans-serif;
}

* {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size: 100%;
	word-wrap: break-word; /* Stops IE from expanding parent container when a word is too long (proprietary IE declaration, being standardised in CSS3) */
}


body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	background: #000 url(/7.30/img/v5/page_bg.jpg) no-repeat 50% 0%;
}

.accessibility {
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

div.clear {
	clear: both !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}

a {
	color: #039;
}

a:visited {
	color: #345;
}

a img {
	border: none;
}

input.checkbox, input.radio {
	vertical-align: middle;
}

img.alpha {
	behavior: url(pngbehavior.htc); /* This fixes PNG alpha transparency problems in IE 5.5 and 6 */
}

big {
	font-size: 133%;
}

small {
	font-size: 75%;
}

#wrapper {
	text-align: center;
}

#main {
	position: relative;
	text-align: left;
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 103px;
	background: #0F1E4B url(/7.30/img/v5/header.jpg) no-repeat left top;
}

#header * {
	display: none;
}

#content {
	background: #F7F7F7 url(/7.30/img/v5/content_bg.png) repeat-y right top;
	overflow: hidden;
	width: 100%;
	clear: both;
	color: #222;
}

#article {
	padding: 15px 30px;
	margin: 0 300px 0 0;
	display: inline; /* fixes IE double margin float bug */
	float: left;
	line-height: 150%;
}

#article .importantheading {
	margin: -15px -30px 15px -30px;
	padding: 1em 30px;
	background: #182955 url(/7.30/img/v5/importantheading_bg.png) repeat-x left bottom;
	border-bottom: 0.3em solid #6E1906;
}

#article .importantheading p {
	color: #CCC;
	margin: 0.33em 0 0 0;
}

#article .importantheading  h1, #article .importantheading  h2, #article .importantheading  h3, #article .importantheading  h4, #article .importantheading  h5, #article .importantheading  h6 {
	color: white;
	margin: 0;
}

#tools {
	display: inline; /* fixes IE double margin float bug */
	float: right;
	width: 250px;
	margin: 0 25px 0 -275px;
	padding: 15px 0;
}

#tools .section {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	background: url(/7.30/img/v5/tools_section_rule.png) no-repeat center bottom;
}

#tools .section .section {
	background: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#tools .video {
	background-color: #F7F7F7;
	border: 1px solid #C8C8C8;
	padding: 5px;
	margin: 0 0 1.5em 0;
	line-height: 120%; /* avoids IE peekaboo bug */
}

#tools .video p {
	margin: 0;
}

#tools .video img {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
}

#tools .video .download {
	background-color: #C8C8C8;
	padding: 5px;
	margin: 5px -5px -5px -5px;
	clear: both;
}

#tools .video .download table {
	width: 238px; /* I'd use 100%, but IE5 doesn't like it :-( */
}

#tools .video .download table * {
	margin: 0;
	padding: 0;
	text-align: left;
}


h1, h2, h1 *, h2 * {
	font-family: "Arial Narrow", "Franklin Gothic Medium", "Zurich Cn BT", "Abadi MT Condensed Light", Arial, Helvetica, sans-serif;
}

h1 {
	font-weight: normal;
	color: #039;
	line-height: 105%;
	font-size: 250%;
	margin: 0 0 0.5em 0;
}

h2 {
	font-weight: normal;
	color: #039;
	line-height: 105%;
	font-size: 175%;
	margin: 0 0 0.5em 0;
}

h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#content p {
	line-height: 150%;
	margin: 0 0 0.8em 0;
}

#nav_1st {
	background-color: #eee;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 0.3em solid #6E1906;
}

#nav_1st ul,
#nav_1st p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_1st ul li,
#nav_1st p span {
	margin: 0;
	padding: 6px 1em 7px 10px;
	float: left;
	white-space: nowrap;
}

#nav_1st ul li.active,
#nav_1st p span.active {
	font-weight: bold;
}

#nav_1st a {
	color: black;
	text-decoration: none;
}

#nav_1st a:hover {
	text-decoration: underline;
}

.summary {
	background-color: white;
	border: 1px solid #CCC;
	padding: 0.8em 15px 0 15px;
	margin-bottom: 0.8em;
	font-weight: bold;
}

#footer {
	background: #000 url(/7.30/img/v5/footer_bg.png) repeat-x left bottom;
	padding: 80px 0 20px 0;
	border-top: 1px solid #AAA;
	text-align: center;
}

#footer * {
	color: white;
}

#footer h3 {
	margin: 0 0 0.5em 0;
}

#video p {
	padding: 10px 30px;
	color: white;
}

#video a {
	color: white;
}

#video .latestprogram {
	position: relative;
	background: #1a0703 url(/7.30/img/v5/latestprogram.png) repeat-x left top;
	padding: 10px 30px;
}

#video .latestprogram h1 {
	line-height: 105%;
	padding: 0;
	margin: 0;
	color: #bbb;
}

#video .latestprogram p {
	padding: 0;
	margin: 0.5em 0 0 0;
	font-size: 90%;
	color: #bbb;
}

#video .latestprogram a {
	position: absolute;
	top: 10px;
	right: 30px;
}

#video .latestprogram .fullprogram {
	position: absolute;
	top: 10px;
	right: 30px;
	text-align: right;
}

#video .latestprogram .fullprogram a {
	position: relative;
	top: 0;
	right: 0;
}

#content .docinfo {
	margin: 0 0 0.8em 0;
}

#content .docinfo p {
	margin: 0;
}

#content .docinfo .print {
	float: right;
	text-align: right;
	width: 10em;
}

#content .docinfo .print a {
	margin-left: 0.8em;
}

#content .docinfo .author {
	font-weight: bold;
}

#archivecolumn, .archivecolumn {
	float: left;
	height: 24em;
	width: 15em;
}

#content ul li {
	list-style: square;
	line-height: 150%;
}

#content .section ul {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 16px;
}

#content .section ul li {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#content .headline {
	padding: 15px 0;
	clear: both;
}

#content .headline img {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #AAA;
}

#content .feedback {
	margin: 0 0 1.5em 0;
}

#content .feedback input.text, #content .feedback textarea {
	width: 98%;
}

#content .feedback table {
	width: 100%;
}

#content .feedback td, #content .feedback th {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 0.75em 0.25em 0;
}

#content .feedback th {
	white-space: nowrap;
	width: 20%;
}


#content .profile {
	padding: 15px 0;
	clear: both;
}

#content .profile img {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #AAA;
}

.reverse {
	color: white;
	padding-left: 30px;
}

.reverse a, .reverse a:visited {
	color: white;
}

#tools .promo {
	font-size: 92%;
	padding: 0.66em 15px;
	background-color: #182955;
	background-image: none;
	x-background-color: #6E1906;
	color: white;
	margin: 2em 0;
}

#tools .promo h1, #tools .promo  h2, #tools .promo  h3, #tools .promo  h4, #tools .promo h5, #tools .promo  h6 {
	color: white;
}

#tools .promo a {
	color: #ddf !important;
}

#tools .promo a:visited {
	color: #999 !important;
}

span.extras {color:#999;}