/* @group html standard */


a:hover {
	color: #999;
	outline: none;
}

a:active {
	outline: none;
}

body {
	color: #5e5e5e;
	text-align: center;
	margin: 0px;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #FFFFFF;
	line-height:1.8em;
}

p {
	margin-bottom: 1em;
	/*margin-top: 1em;*/
}

ul {
	list-style-positin: outside;
	margin-bottom: 1em;;
}
li {
	margin-left: 1.2em;
}

h2,h4 {
	color: #FFFFFF;
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 1em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
	color: #FFFFFF;
	margin-bottom: 0.5em;
}

img {
	border: none;
}

pre {
	font-size: 0.8em;
}








#subNav {
	/*height was 10, made bigger to allow for IE expanding it too much */
	padding: 17px;
	background: black url(../img/head_rep.gif) repeat-y center bottom;
	border-top: 2px solid #dab429;
	border-right: 2px solid #dab429;
	border-left: 2px solid #dab429;
	height: 64px;
	background: black url(../img/cnn_rhs.gif) no-repeat right;
	clear:both;
}


#task_logo {
	float: left;
	width: 158px;
	}
	
#line {
	float: left;
	width: 589px;
	height: 69px;
	border-bottom: 1px solid #dab429;
	}
.thinline {
	height: 1px;
	background-color: #dab429;
	margin-top: 15px;
	margin-bottom: 10px;
}
	


#page_content {
	font-weight: lighter;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	/*hidden overflow to stop wide images busting out*/
	overflow: visible;
	/* was going to give this relative position so children could be relative to this, but it messes up the floats in IE */
	min-height:340px;
	font-family: Arial, Helvetica, sans-serif;
	color: #dab429;
	line-height: 1.1em;
	background: black url(../img/mid_rep.gif) repeat-y right;
	border-left: 2px solid #dab429;
	border-right: 2px solid #dab429;
	border-bottom: 2px solid #dab429;
	
}

#table {
	color: #ffffff;
	background-image: url(../img/table_rep.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-bottom: 23px;
	margin-top: 0px;
}


.divider {
	border-right: 1px solid #fff;
	text-align: center;	
}




.left_column_2 {

	margin-top: 30px;
	margin-left: 25px;
	width: 68%;
	float: left;
	clear:both;
}

.right_column_2 {
	margin-top: 30px;
	margin-right:15px;
	width: 22%;
	float: right;
}

.newsletter {
	border: 1px solid #dab429;
	margin-top: 3em;
color: #fff;
	background: black url(../img/newsletter_bg.gif) no-repeat left bottom;
	padding: 17px;
	font-size: 0.9em;
}

.newsletter a {
	color: #dab429;
	font-weight: bold;
	border-bottom: 1px solid #dab429;
}

.newsletter a:hover {
	color: #fff;
	outline: none;
}
.newsletter_link {

	margin-top: 30px;
	bottom: 0px;	
}


#red {
	color: #FF0000;
}



/* @end */