/*

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.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;
}	
	 
.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; 
			color: #000000;
}
.tabletextshade {		
			background-color: #E5E5E5;
			font-family: arial, verdana, helvetica; 
			font-size: 8pt; 
			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;}

.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;}

.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;
}		

				
.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;}
.body7 			{font-family: arial, verdana, helvetica; font-size: 7pt}

.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;
	background: url("../images/decorative/grey_arrow.gif") 0 0 no-repeat; /* url is relative to this css file! */
}

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;
	background: url("../images/decorative/grey_arrow.gif") 0 0 no-repeat; /* url is relative to this css file! */
}

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 {
	background: url("../images/decorative/grey_carrot.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; 
}

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;
	background: url("../images/decorative/orange_carrot.gif") 0 0 no-repeat; /* url is relative to this css file! */
}

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;
}