/*  TWDLD pagestyle.css  */

#header   { width: 810px; margin-bottom:0; border-bottom: 3px solid rgb(1, 104, 119); }
/* topNav - see below   */
#spacer{clear:both; width: 810px; height: 1px; border-top: 1px solid rgb(1, 104, 119); }
#contents { width: 810px; }
#footer   { width: 810px;  border-top: 2px solid rgb(1, 104, 119); padding-top:4px;}

#contentslayout {
	
}

body
{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff;	
	color: rgb(0,0,16);
	margin-top: 0;
	margin-left: 10px; margin-right: 24px;
}

h1 { color: #444; margin-top:15px  }
h2, h3, h4, h5, h6
{	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;  }
h2  {	color: #444; margin-top:15px; font-size: 16pt; }
h3  {	color: #444; font-size: 14pt; }
h4  {	color: #444; font-size: 12pt; }
h5  {	color: #444; font-size: 10pt; }
h6  {	color: #000; font-size: 9pt; }

p, li, ul, dt, dd, td
{	 font-size: 10pt;  }

a:link, a:hover, a:active, a:visited { font-family: verdana, arial, sans-serif; font-weight: bold }

a:link { text-decoration: none; color: #0000c0 }
a:visited { text-decoration: none; color: #404090 }

a:hover { text-decoration: underline; color: #CC6600 }
a:active { text-decoration: underline; color: rgb(192,32,0); background-color:white}

a:visited.samepage { text-decoration: none; color: #000080 }
a:hover.samepage { text-decoration: underline; color: #CC6600 }


legend {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: rgb(1, 80, 90);
	background-color: #FFFFFF;
}

.bottom
{
	font-family: "arial narrow", arial, sans-serif;
	font-size: 8pt;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
}

.smallprint
{
	font-family: "arial narrow", arial, sans-serif;
	font-size: 8pt;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:80px;
	margin-right:80px;
	background: rgb(227, 225, 226);
}

.prehead     { color: #800000; margin-top: 12px }
.side        { font-size: 8pt }
.caption     { font-size: 8pt; margin-top: 2px }
.percent     { font-size: 9pt; font-weight: bold; font-family: verdana, arial, sans-serif;}
.survey      {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: rgb(1, 80, 90);
}
.surveyhead  { font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(1, 80, 90); margin-bottom: 4px}
.rightside {
	margin: 4px 4px 0px 4px;
	font-size: 8pt;
}


.newspara    { margin-top: 0; margin-bottom: 6px }
.newsquote   { margin-top: 0; margin-bottom: 6px; margin-left: 16px }
.date        { font-size: 8pt; font-weight: bold; margin-top: 0; margin-bottom: 6px; color: #444; }
.light       {font-size: 8pt; font-weight: normal}
.hidden      { display: none; }
.manitem     { text-indent: -41px; margin-left: 41px }


.title    {
	padding: 6px;
	margin: 6px 20px 6px 20px;
	color: rgb(255, 206, 0);
	background-color: #00a4b5;
	border: 1px solid #ecbe24;
	letter-spacing: 1px;
}

.listhead    { margin-bottom: 6px }
ul.yellow    { margin-top: 6px;  font-size: 11pt; list-style-image: url('../images/yellotri.gif') }
ul.brown     { margin-top: 6px;  font-size: 11pt;  list-style-image: url('../images/browntri.gif') }
ol.surveychoice    {
	margin-top: 4px;
	margin-bottom: 4px;
	list-style-type: upper-latin;
	list-style-position: outside;
}
fieldset.voter {
	border: 1px dotted #000000;
	font-weight: bold;
	padding: 4px;
	width: 200px;
	float: left;
	height: 40px;
}

.submit {
	color:#ffffff;
	background-color: rgb(1, 104, 119);
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; font-weight:bold;
	padding-top: 2px;
	}
.over   {
	color:#000000;
	background-color:rgb(242, 194, 36); 
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; font-weight:bold;
	padding-top: 2px;
	}
	
/* Menu Style */

/* Top Nav */

#topNav { font-size: 11px; font-weight:bold; clear: both;  margin-top: 0; width: 810px }

#topNav ul {margin: 0px; padding: 0px; list-style: none; margin-top: 0px; border-bottom: 1px solid #ffffff;} 

#topNav ul li {position: relative; float: left;} 

#topNav li ul {position: absolute; left: 0px; top: 21px; display: none;}
#topNav li ul.end {position: absolute; left: -63px; top: 25px; display: none;}
#topNav li ul li ul {position: absolute; left: 150px; top: -1px; display: none;}

#topNav li ul li { width:150px; text-wrap: none; clear: both;}  

.toplink { width:95px;  height: 14px; margin-top: 0px; }

#topNav ul li a {display: block; font-size: 11px; text-decoration: none; color: #ffffff; background: rgb(1, 104, 119); padding:3px; border: 1px solid #fff; text-align:left; } 
#topNav ul li a:hover {color:#000; background:rgb(242, 194, 36); }  /* background: #6699FF;   */
#topNav ul li ul li a {font-size: 10px; } 
#topNav li:hover ul, #topNav li.over ul {display: block;} 

/* works in ff/safari */
#topNav #nav li:hover ul li ul li, #topNav #nav li.over ul li ul li { display: none } 
#topNav #nav li:hover ul li:hover ul li, #topNav #nav li ul li.over ul li { display: block } 

#currentdate { display: block; width:81px; height: 14px; padding:3px; text-align:right; color: rgb(1, 104, 119); background: rgb(227, 225, 226);  border: 1px solid #fff;  margin-top: 0; margin-bottom: 0}


/*  */

/*  news feed   */
  #nf_box { border-style: solid; border-color: rgb(1, 104, 119); border-width: 1px; 
            padding: 0; margin: 0px; margin-bottom: 4px; 
            background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);
            width: 170px; }
  .boxhead,
  #nf_header,
  #nf_footer { background-color: rgb(255, 206, 0); color: rgb(0, 0, 0);
               padding: 4px; margin: 0px;
               text-align: center; font-size: 8pt; font-weight: bold; }
  .nf_headline { padding: 0px 4px 0px 4px; margin: 4px 0px 4px 0px;  font-size: 8pt; font-weight: normal }
  .nf_date { font-size: smaller; }