/* F-2009 SCREEN CSS ---------------------------------------------------------------------------- */ 

body	{margin: 12px 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000; 
	background: #610219 url('images/bg2_tile.gif') fixed repeat-x ;  position: relative;}
	
pre	{font-family: monospace;}
p	{color: #000; margin: 0 1.5em 1.5em 0;}
hr	{height: 1px; color: #666;  background-color: #666; border: 0px;}
ul	{list-style-type: square; margin-right: 1.5em;}
ol	{margin-right: 1.5em;}

h1, h2, h3, h4, h5, h6  {font-weight: bold; font-size: 13px; margin: 0 1.5em 1.5em 0;}

.clear	{clear: both;}

/* TABLE CLASSES */
.table01 {padding: 0; border-spacing: 0; empty-cells: hide; margin-bottom: 1.5em;}
	.table01 th {text-align: left; border-bottom: 1px #999 solid; padding: 2px 2px; background: #eee;}
	.table01 td {border-bottom: 1px #999 solid; padding: 2px 2px;}
	.table01 tr:hover {background: #eee;}
	
.table02 {padding: 0; border-spacing: 4; empty-cells: hide; margin-bottom: 1.5em;}
	.table02 th {text-align: left; padding: 2px 2px; background: #ccc;}
	.table02 td {border: 1px #999 solid; padding: 2px 2px;}
	.table02 td hr {height: 1px; color: #999; background-color: #999; border: 0px;}

/* NORMAL LINK CLASS */	
	a:link		{color: #c03; text-decoration: underline;}
	a:active	{color: #000;}
	a:visited	{color: #666;}
	a:hover		{color: #000;}

/* ACCESSABILITY CLASSES */
.nop {}			/* Hide from printing */
.nos {}			/* Hide from screen readers */
.noh {}			/* Hide from handhelds */
.nov {display: none;}	/* Hide from view aka-screen */
#accessiblealtcontent	{position: absolute; top: -100px; left: -500px;}
.hide			{position: absolute; top: -200px; left: -500px;} /* Place off screen */

/* SKIP NAV */
#skipnav a {padding: 10px; color: #000; text-decoration: none; border: none; background:transparent; position: absolute; left: -999px; top: -999px;}
#skipnav a:focus {position: absolute; left: 10px; top: 0; background: #fff; margin-left: 0!important; }

/* LAYOUT WRAPPER -- BG value for second 2010 use -> background: #fff url('images/wrapper_bg.jpg') bottom left no-repeat; */
#wrap	{width: 956px; margin: 0 auto; border-right: 24px solid #000; background: #fff;}

/* TOP NAV BAR */	
#nav-top	{padding: 5px 10px; position: relative;}
#nav-top ul 	{margin: 0; padding: 0; list-style: none; font-size: 12px;}
#nav-top li 	{display: inline; margin: 0; padding: 0;}
#nav-top .nt-sep	{padding: 0 27px; color: #ccc}
	/* pre 5-24-2010 {padding: 0 17px; color: #ccc} */

	#nav-top a:link		{color: #666; text-decoration: none;}
	#nav-top a:visited	{color: #666; text-decoration: none;}
	#nav-top a:active	{color: #c03; text-decoration: underline;}
	#nav-top a:hover	{color: #c03; text-decoration: underline;}

/* HEADER & LOGO */
#header	{padding: 10px; position: relative;}
#logo	{padding: 0 0 32px;}
#tagline{position:absolute; left: 760px; top: 41px;}

/* LEFT NAV BAR */
#sidebar {float:left; width:190px; padding:52px 10px 10px; position: relative;}

	.sub-site-nav {line-height: 18px; font-size: 12px; padding: 0 0 1.5em 7px; display: block; width: 100%;}
	.sub-site-nav a:link    {color: #000; text-decoration: none;}
	.sub-site-nav a:visited {color: #000; text-decoration: none;}
	.sub-site-nav a:active  {color: #c03; text-decoration: underline;}
	.sub-site-nav a:hover   {color: #c03; text-decoration: underline;}

	#nav			{padding: 0; margin: 0 0 10px; list-style: none; width: 160px; font-size: 12px;}
	#nav li 		{line-height: 18px; margin-bottom : -1px; width: 160px;}
	#nav li a 		{width: 160px; display: block; color: #c03; text-decoration: none; background-color: #fff; border: 1px solid #fff; padding: 3px;}
	#nav li a:hover 	{color: #fff; background-color: #064; border: 1px solid #064;}

	/* SUB-SITES, SECONDARY NAV STRUCTURE */
	#nav-2 			{padding: 5px 7px; margin: 0 0 10px; list-style: none; float: left; background: #e5e5e5; line-height: 20px; font-size: 12px; width: 150px;}
	#nav-2 li 		{float: left; line-height: 19px; padding: 0; margin: 0;}
	#nav-2 li a 		{text-decoration: none; color: #666; padding: 0; margin: 0;}
	#nav-2 li a:hover	{text-decoration: underline; color: #c03;}

/* MAIN CONTENT AREA - NO RIGHT MARGIN */
#main	{float:right; width:736px; padding:10px 0 10px 10px; position: relative;}

/* Footer */
#footer {clear: both; padding: 5px 10px; font-size: 12px; color: #666; position: relative;}
#footer p {margin:0;}
* html #footer {height:1px;} /*IE HACK*/
.foot-right	{float: right; margin: 0 6px 0 12px;}
.foot-left	{float: left;}
	a.flink:link, a.flink:visited	{color: #666; text-decoration: none;}	
	a.flink:active, a.flink:hover	{color: #c03; text-decoration: underline;}	

/* SUB FOOTER */
#sub-footer {width: 230px; margin: 20px auto; text-align: center; color: #fff; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3;}
#sub-footer:hover {filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
	a.sf:link, a.sf:visited {color: #fff; font-size: 80%; text-decoration: none;}
	a.sf:active, a.sf:hover {text-decoration: underline;}

/* CUSTOM VALUES */
.nob	{margin-bottom: 0;}
.not	{margin-top: 0;}
	a.tooltip {position: relative;}
	a.tooltip span {display: none;}
	a.tooltip:hover span {display: block; position: absolute; top: 1em; left: 1em; padding: 2px 4px; background-color: #ffc; color: #000; border: 1px solid #000; text-decoration: none;}
	a.tooltip:hover {}
.ron	{float: right; clear: right; margin: 0 0 1em 1em; position: relative;}
.lon	{float: left; clear: left; margin: 0 1em 1em 0; position: relative;}

/* LEGACY VALUES */
#righton	{float: right; width: 234px; clear: right; margin: 0 0 1em 1em; font-size: 10px; color: #000;}
#lefton		{float: left; width: 234px; clear: left; margin: 0 1em 1em 0; font-size: 10px; color: #000;}
#bc		{border-left:18px solid #c03; padding-left: 3px;}
th.thul {text-align: left; border-bottom: 1px #ccc solid;}
td.tdunderline {border: 0px; border-bottom: 1px #ccc solid; padding-bottom: 2px; padding-top: 2px; margin: 0px;}
td.tdblackline {border: 1px #000 solid; padding-left: 3px; vertical-align: top;}
td.tdlines {vertical-align: top; padding-left: 4px; padding-right: 4px; border: 1px #ccc solid;}