/*

An angle bracket > in the selector indicates a rule for Firefox.
	
Each circuit should generate its own left nav wrapped in a div with a left_panel class.
Main content should be wrapped in a div with a main_content class.

Since the main circuit has only one fuseaction, the left nav and main content are
in the main display file.  All other circuits should generate the left nav
in the layout file and the main content in the display files.


=================================================
	general
=================================================
*/

* {
	margin: 0;
	padding: 0;
}

p.float 	{float: right; }
img.float 	{float: right}
img.floatl 	{float: left;}
p.floatleft {float: left;}

.anylinkcss{
position:absolute;
visibility: hidden;

font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
height: 30px;
background-color: #CFDAE7;
width: 225px;

}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border: #999999; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
padding: 3px 0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #333333;
text-indent: 5px;
background-color: #CFDAE7;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #DD8C51;
color: #ffffff;
}

.panel {font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; }

a.menu {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.menu:hover {
	color: #3B506F;
	text-decoration: underline;
	font-weight: bold;
}		
a.menu:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a.menuwhite { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #ffffff; 
				text-transform: uppercase;
				text-decoration: none;}		


a.menuwhite:hover { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #445B80; 
				text-transform: uppercase;
				text-decoration: none;}		


a.menuwhite:visited { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #ffffff; 
				text-transform: uppercase;
				text-decoration: none;}		

a.menugrey { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				text-transform: uppercase;
				text-decoration: none;}		


a.menugrey:hover { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #445B80; 
				text-transform: uppercase;
				text-decoration: none;}		


a.menugrey:visited { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				text-transform: uppercase;
				text-decoration: none;}	
					
a.menublue { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #2D4160; 
				text-transform: uppercase;
				text-decoration: none;}		

.menublue { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #2D4160; 
				text-transform: uppercase;
				text-decoration: none;}	
a.menublue:hover { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #445B80; 
				text-transform: uppercase;
				text-decoration: none;}		


a.menublue:visited { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #2D4160; 
				text-transform: uppercase;
				text-decoration: none;}	
a.linkwhite {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.linkwhite:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}		
a.linkwhite:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
	
a.linkblue {
	color: #445B80;
	text-decoration: underline;
}
a.linkblue:hover {
	color: #Dc8C51;
	text-decoration: none;
}		
a.linkblue:visited {
	color: #445B80;
	text-decoration: underline;
}		
	
a.linkbluenound {
	color: #445B80;
	text-decoration: none;
}
a.linkbluenound:hover {
	color: #DD8C51;
	text-decoration: none;
}		
a.linkbluenound:visited {
	color: #445B80;
	text-decoration: none;
}		


a.linkgreynound {
	color: #666666;
	text-decoration: none;
}
a.linkgreynound:hover {
	color: #DD8C51;
	text-decoration: none;
}		
a.linkgreynound:visited {
	color: #666666;
	text-decoration: none;
}			
	
a.bc {
	color: #445B80;
	text-decoration: none;
}
a.bc:hover {
			color: #666666;
			text-decoration: none;
}		
a.bc:visited {
			color: #445B80;
			text-decoration: none;
}	
	 
.borderbox {		border-top: #999999 1px solid;
					border-left: #999999 1px solid;
					border-right: #999999 1px solid; 
					border-bottom: #999999 1px solid;
				
					font: 8pt verdana, arial, helvetica, sans-serif;
					color: #000000; 
					background-color: #E5E5E5 }	 
	
.borderbox2 {		border-top: #999999 1px solid;
					border-left: #999999 1px solid;
					border-right: #999999 1px solid; 
					border-bottom: #999999 1px solid;
				
					font: 8pt verdana, arial, helvetica, sans-serif;
					color: #000000; 
					background-color: #ffffff }		
	 
.menugrey { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				text-transform: uppercase;
				text-decoration: none;}		


.tabcontent{
display:none;
font: 11px Verdana, Arial, Helvetica; /*tab font */
color: black; /*font color */
padding-top: 12px;
}

.tablebox {	
			border-bottom: #cccccc 1px solid;
			font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
			font-weight: bold; 
			font-size: 8pt; 
			color: #666666;
			text-transform: uppercase;
}

.tabletext {		
			font-family: arial, verdana, helvetica; 
			font-size: 8pt; 
						line-height: 20pt;
			color: #000000;
}
.tabletextshade {		
			background-color: #E5E5E5;
			font-family: arial, verdana, helvetica; 
			font-size: 8pt; 
			line-height: 20pt;
			color: #000000;
}

.bodyshade {		
			background-color: #E5E5E5;
			font-family: arial, verdana, helvetica; 
			font-size: 9pt; 
			line-height: 18px;}

.boxb {		border-top: #C68640 1px solid;
			border-bottom: #C68640 1px solid;
			padding-top: 2px;
			padding-left: 4px;
			padding-right: 4px; 
			padding-bottom: 2px; 
			background-color: #EFDDC9;
}
					
.box {		border-top: #C68640 1px solid;
			padding-top: 2px;
			padding-left: 4px;
			padding-right: 4px; 
			padding-bottom: 2px; 
			background-color: #EFDDC9;
}

a.tbox { 	text-decoration: none;
			font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
			font-weight: bold; 
			font-size: 8pt; 
			color: #666666;}
			
.menugreen { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #38853f; 
				text-transform: uppercase;
				text-decoration: none;}				

.bc {		font-family: arial, verdana, helvetica; 
			font-size: 7pt; 
			line-height: 16px; 
			color: #445B80; }

.callout {	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
		  	font-weight: bold; 
		 	font-size: 8pt; 
		 	color: #666666; }

.disclosure {	font-family: arial, verdana, helvetica; 
				font-size: 8pt; 
				line-height: 16px;
				color: #333333;}
					
.disclosurep { 	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-size: 10pt; 
				line-height: 18px; 
				font-style: italic; color: #333333; font-weight: bold;}

.menu { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				text-transform: uppercase;}
				
.menunocap { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				}
				
.menuwhite { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #ffffff; 
				text-transform: uppercase;}				
				
.nav { 		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 8pt; color: #666666; 
				text-transform: uppercase;}	

.header {		font-family: arial, verdana, helvetica; 
				font-weight: bold; 
				font-size: 11pt; 
				color: #DD8C51; 
				text-transform: uppercase;}


a.nound {
	color: #445B80;
	text-decoration: none;
}
a.nound:hover {
	color: #DD8C51;
	text-decoration: none;
}		
a.nound:visited {
	color: #445B80;
	text-decoration: none;
}		
a.nound2 {
	color: #666666;
	text-decoration: underline;
}
a.nound2:hover {
	color: #DD8C51;
	text-decoration: none;
}		
a.nound2:visited {
	color: #666666;
	text-decoration: underline;
}		
				
.subheader {	font-family: arial, verdana, helvetica;
				font-weight: bold; 
				font-size: 9pt; 
				color: #445B80; 
				border-bottom: #cccccc 1px solid;
				padding-bottom: 2px; 
				text-transform: uppercase;
				}
				
.subsubheader {	font-family: arial, verdana, helvetica, sans-serif; 
				font-size: 9pt; 
				color: #666666;
				font-weight: bold;}



.body 			{font-family: arial, verdana, helvetica; font-size: 9pt; line-height: 18px;}
.bodywhite 			{font-family: arial, verdana, helvetica; font-size: 9pt; line-height: 18px; color: #ffffff;}
.bodyj 			{font-family: arial, verdana, helvetica; font-size: 9pt; line-height: 16px; text-align: justify}
.body8 			{font-family: arial, verdana, helvetica; font-size: 8pt; line-height: 16px;}
.body8blue 			{font-family: arial, verdana, helvetica; font-size: 8pt; line-height: 16px; color: #2D4160;}
.body7 			{font-family: arial, verdana, helvetica; font-size: 7pt}
.body8white 			{font-family: arial, verdana, helvetica; font-size: 8pt; line-height: 12px; color: #ffffff;}
.Body10MedGrey  {font-family: arial, verdana, helvetica; font-size: 10pt; color: #666666;}
.BodyMedGrey  	{font-family: arial, verdana, helvetica; font-size: 9pt; color: #666666;}
.Body8MedGrey  	{font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666;}


/*
=================================================
	top navigation menu
=================================================
*/
.top_nav {
	float: left;
	height: 23px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.top_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.top_nav li {
	background: #D0D2A5;
	cursor: pointer;
  float: left;
	height: 23px;
	padding: 0px;
  position: relative;
	top: 0px;
	width: 136px;
}

.top_nav li ul {
  display: none;
  left: 0;
  position: absolute; 
}

.top_nav li > ul {
	left: auto;
	top: auto;
}

.top_nav li:hover, .top_nav li.over {
	background: #e7e8d0;
}

.top_nav li:hover ul, .top_nav li.over ul {
	display: block;
	padding-top: 0px;
}

.top_nav li.over ul{
	padding-top: 23px;
}

.top_nav ul li ul li {
	background: #d0d2a5; 
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	color: #336; 
	cursor: pointer; 
	font: 80% arial,sans-serif;
	height: auto;
	margin-left: 2px;
	padding: 2px;
	width: 128px;
}

.top_nav ul > li ul li {
	/*/*this is for firefox, which needed thinner submenus. IE doesn't understand the ">" code, so it skips this rule/**/
	margin-left: 4px;
	width: 123px;
}

.top_nav ul li ul li:hover, .top_nav ul li ul li.over {
	background: #333366; 
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	color: #ffffff;
	cursor: pointer;
	font: 80% arial,sans-serif;
	padding: 2px;
}


#nav li a.top {

	background-repeat: no-repeat;
	padding: 0px 68px;
	width: 136px;
}

#nav > li:hover > a {
	
	background-position: -2px -28px;	
}



li.wide {
	height: 26px;
}

/*
=================================================
	main body
=================================================
*/
.main_body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	width: 900px;
	
}


.main_content_container {
	background: url("../images/left_nav_background.gif") 
	width: 225px;
	padding: 0px; 
}


.main_content {
	background: #ffffff;
	padding-left: 225px;
}

.left_panel { 
	/* this is just the container for left navigation links;
	the left navigation section has the rules for styling left navigation links;
	the grey background is an image that is a part of the rule for the .main_content_container class
	 */
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
	text-align: left;
	width: 225px;
}

.main_body > .left_panel {
	width: 225px;
}


/*
=================================================
	left navigation
=================================================
giving an element a left_nav_current_circuit class will change the bullet arrow,
font color, and cursor style
*/
ul#left_navigation {
	list-style: none;
	margin: 0 0 0 5px;
	text-align: left;
}

ul#left_navigation li {
	background: url("../images/decorative/blue_arrow.gif") 0 0 no-repeat; /* url is relative to this css file! */
	padding-left: 10px;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; font-weight: bold;
}

ul#left_navigation a {
	text-decoration: none;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666;
}

ul#left_navigation li.left_nav_current_circuit {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #445B80;

}

ul#left_navigation li.left_nav_current_circuit a {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #445B80;
	cursor: default;
}

div.left_panel div {
}

ul#left_navigation_sub li.left_nav_current_circuit {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; font-weight: bold;

}

ul#left_navigation_sub li.left_nav_current_circuit a {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #445B80;
	cursor: default;
}



ul#left_navigation_sub {
	list-style: none;
	margin: 0 0 0 5px;
	text-align: left;
}

ul#left_navigation_sub li {

	padding-left: 10px;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; 
}

ul#left_navigation_sub a {
	text-decoration: none;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666;
}

ul#left_navigation_sub li.left_nav_current_circuit {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #384152;

}

ul#left_navigatio_sub li.left_nav_current_circuit a {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #384152;
	cursor: default;
}



/*
=================================================
	main contents
=================================================
*/
.main_content {
	padding-left: 0px;
	width: 675px;
	
}

.main_content_top {
	float: left;
	padding: 0 0 15px 0;
}

.main_content_left {
	float: left;
}
.main_content_home {
	padding-left: 260px;
	padding: 10px;
}

.main_content_right {
	color: #333;
	float: right;
	font: 80% arial,verdana,helvetica;
	width: 165px;
}

.main_content_right_icon, .main_content_right_button {
	text-align: center;
	width: 165px;
}

.main_content_right_text {
	padding: 0 0 15px 15px;
}

.main_content_right img {
	border: 0;
	padding-bottom: 15px;
}

div.sample_popup { z-index: 1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 200px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('form_header.png') no-repeat;

  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #206040;
  cursor:  default;
}

div.sample_popup div.menu_form_body
{
  width: 200px;
  border: 1px solid black;
  background: url('form.png') no-repeat left bottom;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}


ul#left_navigation_sub li.left_nav_current_circuit {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; font-weight: bold;

}

ul#left_navigation_sub li.left_nav_current_circuit a {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #445B80;
	cursor: default;

}

ul#left_navigation_sub {
	list-style: none;
	margin: 0 0 0 10px;
	text-align: left;
}

ul#left_navigation_sub li {

	padding-left: 10px;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666; 
}

ul#left_navigation_sub a {
	text-decoration: none;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #666666;
}

ul#left_navigation_sub a:hover {
	text-decoration: none;
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #384152;
}
ul#left_navigation_sub li.left_nav_current_circuit {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #384152;

}

ul#left_navigation_sub li.left_nav_current_circuit a {
	font-family: arial, verdana, helvetica; font-size: 8pt; color: #384152;
	cursor: default;
}