/* # # # # # # # # global styles # # # # # # # # 
	These rules apply to all elements unless otherwise specified below. */
* {
	margin: 0; padding:0
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0 20px; padding: .5em 0;
}

ul {
	list-style-type: none;
}

.clear { clear : both; }

body {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

caption {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 120%;
}

table, th, td {
	border: 1px solid #666;
	border-collapse: collapse;
}

table {
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

th {
	padding: 5px 10px;
	font-size: 85%;
	text-align: left;
	color: #333;
}

td {
	padding: 0 10px;
	font-size: 90%;
}

blockquote {
	border: double;
	font-size: 100%;
}

img {
	border: none;
}

div#container {
	position: relative;
	/*margin: auto;*/
	padding-top: 30px;
	width: 1000px;
	/*border: #000 4px solid;*/ /* ########### REMOVE BEFORE GOING TO PRODUCTION ########### */
	background-color : #fff;
	background-image: url(../../Images/enaccbk2.gif);
	background-attachment: inherit; 
	background-repeat : repeat-y;
}

	/* # # # # # # # # navigation (main) # # # # # # # # */
div#nav_main {
	position: relative;
	margin-bottom: 20px;
}

ul#nav1list {
	margin-left: 100px;
	padding-left: 0;
	white-space: nowrap;
}

#nav1list li {
	display: inline;
}

#nav1list a { 
	padding: 3px 18px; 
}

#nav1list a:link, #nav1list a:visited
{
	color: #fff;
	background-color: #1e7b7b;
	text-decoration: none;
}

#nav1list a:hover
{
	color: #fff;
	background-color: #639999;
	text-decoration: none;
}

	/* # # # # # # # # navigation panel 1 - index page only # # # # # # # # */
div#nav_panel1 ul {
	width: 1000px;
	margin: 0;
	padding-left: 120px;
}

div#nav_panel1 li {
	width: 240px;
	float: left;
	padding-left: 40px;
}

div#nav_panel1 h3 {
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 80%;
}

div#nav_panel1 h3 img {
	display: block;
}

div#nav_panel1 p { 
	margin : 0 10px;
	padding : 0 0 .5em 0; 
	font-size: 90%;
}

	/* # # # # # # # # botton navigation panel 2 - index page only # # # # # # # # */
div#nav_panel2 ul {
	width: 1000px;
	margin: 0;
	padding-left: 120px;
}

div#nav_panel2 li {
	width: 240px;
	float:left;
	padding-left: 40px;
}

div#nav_panel2 h3 {
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 80%;
}

div#nav_panel2 h3 img {
	display: block;
}

div#nav_panel2 p { 
	margin : 0 10px;
	padding : 0 0 .5em 0; 
	font-size: 90%;
}

	/* # # # # # # # # bottom navigation panel 3 - index page only # # # # # # # # */
div#nav_panel3 ul {
	width: 1000px;
	margin: 0;
	padding-left: 120px;
}

div#nav_panel3 li {
	width: 240px;
	float: left;
	padding-top: 2px;
	padding-left: 40px;
}

div#nav_panel3 h3 {
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 80%;
}

div#nav_panel3 h3 img {
	display: block;
}

div#nav_panel3 p { 
	margin : 0 10px;
	padding : 0 0 .5em 0; 
	font-size: 90%;
}

	/* # # # # # # # # bottom navigation panel 4 - index page only # # # # # # # # */
div#nav_panel4 ul {
	width: 1000px;
	margin: 0;
	padding-left: 120px;
}

div#nav_panel4 li {
	width: 240px;
	float: left;
	padding-left: 40px;
}

div#nav_panel4 h3 {
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 80%;
}

div#nav_panel4 h3 img {
	display: block;
}

div#nav_panel4 p { 
	margin : 0 10px;
	padding : 0 0 .5em 0; 
	font-size: 90%;
}

	/* # # # # # # # # navigation (sub) # # # # # # # # */ 
div#nav_sub {
	position: relative;
	padding-top: 50px;
	padding-bottom: 120px;
}

div#nav_sub ul {
	width: 1000px;
	margin: 0;
	padding-left: 150px;
}

#nav_sub li {
	width: 20px;
	float: left;
	padding-left: 60px;
}

#nav_sub h4 {
	margin: 0 -35px;
	font-size: 85%;
}

#nav_sub h4 img {
	display: block;
}

#nav_sub img {
	height: 48px;
	width: 48px;
}

	/* # # # # # # # # SECTION STYLES # # # # # # # # */
	
	/* # # # # # # # # index page styles # # # # # # # # */

	/* branding */
div#branding {
	position: relative;
	width: 100%;
	height: 320px;
	margin-top: 55px;
	margin-left: 80px;
	margin-bottom: 50px;
}

div#branding h1 {
	position: absolute; 
	padding-top: 320px;
	padding-left: 100px;
	width: 150px;
	background: url(../../Images/covrart.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#branding h2 {
	position: absolute;
	left: 300px;
	width: 200px;
	top: 40px;
	font-size: 145%;
	/*background: url(../../Images/accion1.gif) no-repeat;*/
	text-align: center;
}

div#branding blockquote {
	position: absolute;
	left: 600px;
	width: 220px;
}

#content_main, #content_sub {
	position: relative;
	margin-bottom: 30px;
	margin-left: 80px;
	font-size: 90%;
}

#content_sub {
	margin-top: 25px;
}

#footer {
	position: relative;
	margin: 0;
	padding-bottom: 15px;
	font-size: 90%;
	line-height: .3em;
	text-align: center;
}

	/* # # # # # # # # audience styles # # # # # # # # */
div#aud_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#aud_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 100px;
	width: 220px;
	background: url(../../Images/audban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#aud_content_sub {
	position: relative;
	margin-left: 80px;
	padding-top: 20px;
	padding-bottom: 320px;
}

#aud_content_sub h3 {
	position: absolute;
	padding-top: 50px;
	/*float: left;*/
	font-size: 85%;
	/*text-align: right;*/
	/*padding-left: 0;*/
}

#aud_content_sub h1 {
	position: absolute;
	left: 200px;
	width: 400px;
	background: url(../../Images/usmap.gif) no-repeat;
	text-indent: -9999px;
	padding-top: 300px;
	margin-top: 20px;
}

#aud_content_sub blockquote {
	position: absolute;
	left: 700px;
	width: 200px;
}

#aud_content_main {
	position: relative;
	margin-left: 100px;
	padding-top: 30px;
	/*font-size: 90%;*/
}

	/* # # # # # # # # activities styles # # # # # # # # */
div#act_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#act_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 100px;
	width: 220px;
	background: url(../../Images/intvban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#act_content {
	position: relative;
}

div#act_content_left {
	margin-left: 80px;
	float: left;
	width: 270px;
}

div#act_content_right {
	margin-right: 40px;
	float: right;
	width: 270px;
}

div#act_content_center {
	margin-left: 35px;
	float: left;
	width: 270px;
}

#act_content_left, #act_content_right, #act_content_center {
	font-size: 90%;
	text-align: left;
}

#act_content_left h1, #act_content_right h1, #act_content_center h1 {
	text-align: center;
}

#act_content_left img, #act_content_right img {
	width: 140px;
	height: 200px;
}

#act_content_center blockquote {
 	font-size: 115%;
}

/*#act_content_left li {
 	list-style-type: disc;
	list-style-position: inside;
}*/

	/* # # # # # # # # timetable styles # # # # # # # # */
div#time_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#time_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 100px;
	width: 220px;
	background: url(../../Images/timeban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

#time_content_main {
	position: relative;
	margin-top: 30px;
	margin-left: 100px;
}

div#time_content_sub {
	width: 100%;
	margin-left: 100px;
	overflow: auto;
}
div#time_content_sub_left{
	float: left;
	width: 260px;
	margin-top: 30px;
	padding: 0;
}

div #time_content_sub_right{
	float: right;
	width: 650px;
	margin-top: 30px;
	padding-right: 75px;
}

	/* # # # # # # # # results styles # # # # # # # # */
div#results_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#results_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 100px;
	width: 250px;
	background: url(../../Images/resuban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#results_content_main {
	float: left;
	width: 70%;
	margin-left: 80px;
	padding-top: 40px;
	/*border: 1px solid #000;*/
}

div#results_content_main p {
	font-size: 90%;
}

div#results_content_main h1 {
	font-size: 120%;
	color: #007700;
}

div#results_content_main ul {
	padding-left: 1em;
}

div#results_content_main li {
	list-style-type: square;
	font-size: 90%;
}

.results_heading {
	padding-top: 2em;
}

.results_comment {
	font-style: italic;
}

div#results_content_sub {
	margin-left: 80px;
}

div#results_content_sub h1 {
	font-size: 120%;
	text-align: center;
}

/*div#results_content_sub ul {

}*/

div#results_content_sub li {
	float: left;
	padding-left: 50px;
}

div#results_content_sub h3 {
	font-size: 100%;
	padding-left: 105px;
}

div#results_linkbar {
	margin-left: 115px;
}

div#results_linkbar li {
	float: left;
	padding-top: 30px;
	padding-left: 40px;
}

div#results_linkbar li a {
	color: #007700;
}

div#results_blockquote {
	float: right;
	width: 20%;
	padding-top: 60px;
}

.knowledge_sub1, .knowledge_sub2 {
	margin-top: 20px;
	/*border: 1px solid #000;*/
}

.knowledge_sub1 {
	position: relative;
	float:left;
	margin-right: 370px;
}

.knowledge_sub2 {
	position: absolute;
	margin-left: 400px;
}

.baseline_data {
	font-size: 85%;
	font-style: italic;
}

	/* # # # # # # # # articles styles # # # # # # # # */
div#articles_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#articles_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 100px;
	width: 250px;
	background: url(../../Images/pubsban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#articles_content_sub {
	margin-left: 80px;
}

div#articles_content_main {
	margin-left: 60px;
	/*border: 1px solid #000;*/
}

div#articles_content_main img {
	display: block;
	border: 1px solid #000;
}

.articles_sub1 {
	position: absolute;
	float:left;
	margin-top: 50px;
	margin-right: 400px;
}

.articles_sub2 {
	padding-top: 20px;
	position: relative;
	margin-left: 600px;
	margin-right: 10px;
}

.pubs {
	color: #0033cc;
	margin-top: 30px;
}

.magazine {
	width: 150px;
	height: 150px;
}

.magazine2 {
	width: 150px;
	height: 180px;
}

.journals {
	line-height: 1.2em;
	height: 5em;
	
}


	/* # # # # # # # # center styles # # # # # # # # */
.ctr_content_main_list {
	line-height: 2em;
}

.links_nci_link {
	margin-left: 200px;
}

div#center_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#center_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 130px;
	width: 220px;
	background: url(../../Images/centban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#content {
	position: relative;
}

div#center_content_main {
	position: relative;
	float: left;
	width: 560px;
	margin-top: 20px;
	margin-left: 80px;
	font-size: 90%;
}

div#center_content_sub {
	position: relative;
	float: left;
	width: 250px;
	margin-top: 20px; 
	margin-left: 100px;
	margin-bottom: 150px;
}

	/* # # # # # # # # links styles # # # # # # # # */
.links_nci {
	width: 93px;
	height: 63px;
	padding-top: 12px;
}

div#links_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#links_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 180px;
	width: 220px;
	background: url(../../Images/linkban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#links_content_main {
	font-size: 90%;
}
div#links_content_list1 {
	position: relative;
	margin-left: 200px;
}

div#links_content_list1 li {
	width: 280px;
	float: left;	
}

#links_content_list1 li h4 {
	margin: 0 -35px;
	font-size: 85%;
	text-align: left;
}

#links_content_list1 li h4 img {
	display: block;
}

div#links_content_list2 {
	position: relative;
	margin-top: 60px;
	margin-left: 80px;
	float: left;
	width: 500px;
}

div#links_content_list3 {
	position: relative;
	margin-top: 60px;
	float:left;
}

div#links_content_list4 {
	position: relative;
	margin-top: 60px;
	margin-left: 80px;
	float: left;
	width: 500px;
}

div#links_content_list5 {
	position: relative;
	margin-top: 60px;
	float: left;
}

div#links_content_list6 {
	position: relative;
	margin-top: 0;
	margin-left: 80px;
}

	/* # # # # # # # # feedback styles # # # # # # # # */
label, label span {
	display: block;
	padding-bottom: .25em;
}

label {
	float: left;
	width: 650px;
}

label span {
	float:left;
	width:49%;
	text-align: right;
}

form p {
	text-align: center;
}

fieldset {
	color: #000;
	margin-top: .5em;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

fieldset input { 
	float:right;
	width: 45%;
	border: 1px solid #000;
}

fieldset input:hover {
	border-color: #1e7b7b;
}

fieldset input:active, input:focus {
	border-color: #900;
}

fieldset textarea {
	float: right;
	width: 45%;
	border: 1px solid #000;
}

fieldset textarea:hover {
	border-color: #1e7b7b;
}

fieldset textarea:active, textarea:focus {
	border-color: #900;
}

div#feedback_branding {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	margin-left: 80px;
	margin-bottom: 30px;
}

div#feedback_branding h1 {
	position: absolute;
	padding-top: 300px;
	padding-left: 130px;
	width: 220px;
	background: url(../../Images/talkban.gif) no-repeat;
	text-indent: -9999px; /* this moves the text that underlies the image off to the left */
}

div#feedback_content_main {
	margin-top: 30px;
	margin-left: 100px;
	font-size: 90%;
}

/* REMOVE after October 4 */ .notice p { padding-top: 3em; color: #f00;
}