/* CSS file for interim version of NWLC website */
/* Adapted from the CSS Layout Techniques at http:/glish.com/css */

/* Positioning controls for the banner and three main DIVs */

#leftcontent {
		position: absolute;
		left:10px;
		top:188px;
		width:175px;
		background:#fff;
		border:1px solid #339999;
		background:white;
		padding-top: 10px;
		text-decoration:none;
		}
		
		#formcontent {
	    top:145px;
		background:#fff;
   		margin-left: 75px;
   		margin-right:199px;
		padding-right:5px;
		padding-left: 10px;
		}

	#centercontent {
	top:145px;
	background:#fff;
	margin-left: 174px;
	margin-right:199px;
	border:1px solid white;
	padding-right:10px;
	padding-left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 176px;
	margin-right:201px;
		}
	html>body #centercontent {
   		margin-left: 176px;
   		margin-right:251px;
		}
		
	#detailscontent {
	    top:145px;
		background:#fff;
   		margin-left: 174px;
   		margin-right:40px;
		padding-right:5px;
		padding-left: 10px;
		}

	#rightcontent {
		position: absolute;
		right:10px;
		top:188px;
		width:200px;
		}
		
		.rightnews {
		background:#cccc99;
		border:1px solid #330066;
		padding-top: 10px;
		}
		
		#rightdisplaycontent {
		position: absolute;
		right:10px;
		top:188px;
		width:200px;
		border:1px solid #330066;
		padding-top: 10px;
		}
		
	#rightvotecontent {
		position: absolute;
		right:10px;
		top:188px;
		width:200px;
		padding-top: 10px;
		margin-left: 10px;
		}
	
	#banner {
		background:white;
		height:171px;
		border-top:1px solid white;
		border-right:1px solid white;
		border-left:1px solid white;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:170px;
		}
	html>body #banner {
		height:170px;
		}
		
	#footer {
		top:25px;
		}
	
	/* Text appearance controls */
	
body {
		margin:10px 10px 0px 10px;
		padding:0px;
		background:#ffffff;
		font-family:verdana,helvetica,sans-serif;
		font-size:12px;
		}
		
		
p, table, td, li, ul, ol {
		margin:0px 10px 10px 10px;
		font-family:verdana,helvetica,sans-serif;
		font-size: 12px;
		}


#leftcontent dd {margin-left:15px; margin-top:1px;}
#rightcontent li {margin-left:-10px; margin-top:3px; margin-right:7px;}
#rightcontent p, li {font-size: 10px;}
#rightdisplaycontent li {margin-top:3px; margin-right:7px;}
#rightdisplaycontent p, li {font-size: 10px;}
#rightvotecontent p, li {font-size: 10px;}
#centercontent ul, li {margin-top:2px; font-size: 12px;}
#centercontent p {margin-right:5px;}
#leftcontent li {list-style-image: url("images/greyarrow.gif"); margin-right:5px;}
#rightcontest {position: absolute; right:10px; top:188px; width:200px; border:1px solid #33cc00; padding-top: 10px;}

.checked {list-style-image: url("checkmark-web.gif");}
.staff, .general, li {list-style-image: url("images/cyan_button.png");}
.normallist {list-style-image: none;}
.pdflist {list-style-image: url("images/pdf.png");}
.presslist {list-style-image: url("images/press.png");}
.doclist {list-style-image: url("images/document.png");}
.contest {list-style-image: url("images/circular_arrow.png");}

#newsheader {background:#330066; margin-top:-10px;}

/* specific text formatting classes */
.header {font-weight:bold}
.purpleheader {font-weight:bold; background-color:#aaaad4; color:#330066}
.whiteheader {font-weight:bold; color:#ffffff; font-size: 14px}
.pubtitle {font-style: italic}
.smallheader {text-decoration:underline}
.itemheader {color:#0000cd}
.navheader {background-color:#006666; font-weight:bold; color:#ffffff}
.quotation {padding:10px 10px 10px 10px; font-style:italic}
.purplebackground {background-color:#330066}
.tealbackground {background-color:#006666}
.importanttext {font-size:12px;}

.voteheader {font-weight:bold}

/* other specific formatting controls */

/* LEFT navigation menu link coloring */	

a.leftnavlink {
	color: #006666;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px
	}		
a.leftnavlink:link {
	color: #006666;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	}

a.leftnavlink:visited {
	color: #006666;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration:none;
	}

a.leftnavlink:hover {
	text-decoration: underline;
	font-family: verdana, Helvetica, sans-serif;
	color: #006666;
	background: #ffffff;
	}
	
/* RIGHT navigation menu link coloring */	

a.rightnavlink:link {
	color: #330066;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	}

a.rightnavlink:visited {
	color: #330066;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	}

a.rightnavlink:hover {
	text-decoration: underline;
	font-family: verdana, Helvetica, sans-serif;
	color: #330066;
	background-color: transparent;
	}
	
/* inline "vanilla" link formatting */

a:link {
	color: #0000cd;
	font-weight: normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	}

a:visited {
	color: #0000cd;
	font-weight:normal;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
	font-family: verdana, Helvetica, sans-serif;
	color: #0000cd;
	}