﻿@charset "utf-8";


html, body, div, h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, p, ul, li, blockquote, pre, form, fieldset, table, th, td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ISOContent ul, .ISOContent li{
	margin: 0 0 0 12px;
	padding: 0;
}
img {
	border:none;
}
a {
	border:none;
	outline:none;
}
*{outline: none;}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#141414;
	background-color:#FFFFFF;
}
.container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height:auto;
	width:1200px;
	position:relative;
	margin-bottom:0;
	padding-bottom:0;
}
.top_nav_holder {
	height:29px;
	width:1200px;
	float:left;
	
}
.top_nav_button {
	background:url(../images/top_nav_bg.gif) repeat-x;
	height:29px;
	text-align:center;
	padding:0 7px;
	font-size:10px;
}
.top_nav_button a:link {color:#595a5d; text-decoration:none;}
.top_nav_button a:visited {color:#595a5d; text-decoration:none;}
.top_nav_button a:hover {color:#1e648c; text-decoration:none;}
.top_nav_button a:active {color:#595a5d; text-decoration:none;}

.top_nav_divider {
	background:url(../images/top_nav_divider.gif);
	width:1px;
}
.top_nav_ltend {
	width:4px;
}
.top_nav_rtend {
	width:5px;
}

.logo_search {
	height:73px;
	width:1200px;
	float:left;
	border-bottom:1px solid #d1d2d5;
}
.logo {
	float:left;
	height:47px;
	width:220px;
}
.search_holder {
	float:right;
	position:relative;
	top:24px;
	width:210px;
	height:20px;
}






ul#mainnav li a, ul .jj li a {
	
}
ul#mainnav li:hover a, ul#mainnav li a:hover, ul .jj li:hover a, ul .jj li a:hover { color:#1e648c; } 

ul#mainnav a.about, ul .jj a.about {
	text-transform:uppercase;
	width: 98px;
	line-height:38px;
	padding-left:29px;
}
ul#mainnav a.participate, ul .jj a.participate {
	text-transform:uppercase;
	width: 115px;
	line-height:38px;
	padding-left:18px;
}
ul#mainnav a.informed, ul .jj a.informed {
	text-transform:uppercase;
	width: 139px;
	line-height:38px;
	padding-left:17px
}
ul#mainnav a.planning, ul .jj a.planning {
	text-transform:uppercase;
	width: 90px;
	line-height:38px;
	padding-left:38px;
}
ul#mainnav a.market, ul .jj a.market {
	text-transform:uppercase;
	width: 177px;
	line-height:38px;
	padding-left:22px;
}
ul#mainnav a.rules, ul .jj a.rules {
	text-transform:uppercase;
	width: 75px;
	line-height:38px;
	padding-left:23px;
}

ul#mainnav li .sub, ul .jj li .sub {
	position: absolute; 
	top: 38px; 
	z-index: 99999;
	background: #FFF; 
	padding: 10px 17px 20px;
	float: left;
	
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; 
}
.subabout {
	left:12px;
}
.subparticipate {
	left:0;
}
.subinformed {
	left:0;
}
.subplanning {
	left:19px;
}
.submarket {
	left:-127px;
}
.subrules {
	left:0;
}
ul#mainnav li .row, ul .jj li .row { 
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#mainnav li .sub ul, ul .jj li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	
	float: left;
}
ul#mainnav .sub ul li, ul .jj .sub ul li {
	width: 100%; 
	color: #000;
}


ul#mainnav .sub ul li a, ul .jj .sub ul li a {
	float: none;
	text-indent: 0; 
	height: auto; 
	padding: 7px 3px 3px 5px;
	display: block;
	text-decoration: none;
	color: #6d6e71;
}
ul#mainnav .sub ul li a:hover, ul .jj .sub ul li a:hover {
	color: #1e648c;
}

.CAISOtopnav .shadow {
	-moz-box-shadow: 3px 3px 4px #c2c2c2;
	-webkit-box-shadow: 3px 3px 4px #c2c2c2;
	box-shadow: 3px 3px 4px #c2c2c2;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c2c2c2')";
	
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c2c2c2');
}









.feature_banner {
	height:187px;
	width:1200px;
	float:left;
	overflow:hidden;
}

.body_content {
	width:1200px;
	height:auto;
	float:left;
	position: relative;
	left: -2px;
}

.body_content_left {
	width:220px;
	height:auto;
	float:left;
	margin-right:25px;
	position:relative;
}


.promo1 {
	height:95px;
	width:220px;
	background:url(../images/promo1bg_30.jpg) bottom no-repeat;
	position:relative;
	
}
.promo2 {
	height:103px;
	width:220px;
	background:url(../images/promo2bg_32.jpg) bottom no-repeat;
	position:relative;
	
}
.promo3 {
	height:99px;
	width:220px;
	background:url(../images/promo3bg_37.jpg) bottom no-repeat;
	position:relative;
	
}
.promo1 p {
	position:relative;
	width:106px;
	top:40px;
	left:114px;
	font-size:16px;
	color:#1e648c;
}
.promo2 p {
	position:relative;
	width:195px;
	top:50px;
	left:25px;
	font-size:16px;
	color:#1e648c;
}
.promo3 p {
	position:relative;
	width:106px;
	top:40px;
	left:114px;
	font-size:16px;
	color:#1e648c;
}
#promo div .sub2 {
	position: absolute; 
	top: 0px; left:0;
	z-index: 99999;
	background: url(../images/promoOverbg.jpg) bottom; 
	color:#000;
	
	float: left;
	display: none; 	
}
#promo div .sub2 a{

	color:#FFF;	
	font-size:14px;
	display:block;
	width:194px;
	text-decoration:none;
}
#promo div .sub2 a:link { color:#FFF; }
#promo div .sub2 a:visited  { color:#FFF; }
#promo div .sub2 a:active { color:#FFF; }
#promo div .sub2 a:hover { color:#FFF; }

.promo1size a {
	display:block;
	position:relative;
	top:29px;
	left:14px;
	color:#FFF;
	width:205px;
	text-decoration:none;
}
.promo2size a {
	display:block;
	position:relative;
	top:35px;
	left:14px;
	width:205px;
	color:#FFF;
	text-decoration:none;
}
.promo3size a {
	display:block;
	position:relative;
	width:205px;
	top:29px;
	left:14px;
	color:#FFF;
	text-decoration:none;
}
#promo a.promotion1 {
	width: 220px;
	height:95px;
	display:block;
	text-decoration:none;
	
}
#promo a.promotion2 {
	width: 220px;
	height:103px;
	display:block;
	text-decoration:none;
}
#promo a.promotion3 {
	width: 220px;
	height:95px;
	display:block;
	text-decoration:none;
}
.promo1size {
	height:95px;
	width:220px;
	font-size:16px;
	color:#FFF;
	
}
.promo2size {
	height:103px;
	width:220px;
	font-size:16px;
	color:#FFF;
}
.promo3size {
	height:99px;
	width:220px;
	font-size:16px;
	color:#FFF;
}


.body_content_right {
	width:680px;
	height:auto;
	float:left;
}
.body_content_right_outlook {
	width:655px;
	height:93px;
	margin:26px 0 0 25px;
}
.outlook_table_holder {
	height:93px;
	width:auto;
	float:left;
}
.outlook_tb_head {
	height:26px;
}
.outlook_tb_content {
	padding:2px 0;
}
.homepage_addplacement {
	height:93px;
	width:295px;
	float:right;
}

.font_graybold14 {
	color:#6d6e71;
	font-size:14px;
	font-weight:bold;
}
.font_gray11 {
	color:#6d6e71;
	font-size:11px;
}
.font_black11 {
	color:#141414;
	font-size:11px;
}
.font_outlookcontent {
	font-size:24px !important;
	color:#1e648c !important;
}
h1.pagetitle {
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}
h3.subhead {
	font-size:18px;
	font-weight:normal;
	color:#141414;
}

p.summary-body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#141414;
	text-align:left;
	position:relative;
	top: 0;
	padding:0px 0px 0px 0px;
	
}	


p.summary-body-right {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#141414;
	text-align:left;
	padding:0px 0px 10px 0px;	
}

p.summary-body-right2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#141414;
	text-align:left;
	padding:0px 0px 0px 0px;	
}


h4.subhead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e648c; 
	text-decoration:none;
	padding:10px 0px 10px 0px;
}

.subhead a, .subhead a:link, .subhead a:active, .subhead a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e648c; 
	text-decoration:none;
	*margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	position:relative;
	top:2px;

}

.subhead2 a, .subhead2 a:link, .subhead2 a:active, .subhead2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e648c; 
	text-decoration:none;
	*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0px;
}

.doc-list-link a, .doc-list-link a:link, .doc-list-link a:active, .doc-list-link a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1e648c; 
	text-decoration:none;
	*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	position:relative;
	top:0px;
}

li.summary-list-left {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1e648c; 
	position:relative;
	top:-15px;
	margin:0px 0px -10px 15px;
}

.intro_copy_gray16 {
	font-size:16px;
	color:#818285;
	line-height:24px;
}

.summary-right-wrapper {
	position:relative;
	top:15px;
	padding:0px 0px 0px 15px;
}




.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
		
	background:url(../images/tabbotborder.gif) repeat-x top;
}


.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}


.tabs a { 
	background: url(../images/tabs.jpg) no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	text-decoration:none;
	color:#6d6e71;
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
}

.tabs a:active {
	outline:none;		
}


.tabs a:hover {
		
	color:#000;	
}


.tabs .current, .tabs .current:hover, .tabs li.current a {
		
	cursor:default !important; 
	color:#000 !important;
}





.tabs .w1 a:link	{ background-position: 0px 0px; width:98px;color:#6D6E71; }
.tabs .w1 a:hover 	{ text-decoration:none;color:#1e648c; }
.tabs .w1 a.current	{ background-position: 0px -30px; color:#000; }


.tabs .w2 a:link	{ background-position: -98px 0px; width:128px;color:#6D6E71; }
.tabs .w2 a:hover 	{ text-decoration:none;color:#1e648c; }
.tabs .w2 a.current 	{ background-position: -98px -60px; color:#000; }



.tabs .w3 a:link	{ background-position: -226px 0px; width:118px;color:#6D6E71; }
.tabs .w3 a:hover 	{ text-decoration:none;color:#1e648c; }
.tabs .w3 a.current 	{ background-position: -226px -90px; color:#000; }


.tabs .w4 a:link	{ background-position: -345px 0px; width:126px;color:#6D6E71; }
.tabs .w4 a:hover 	{ text-decoration:none;color:#1e648c; }
.tabs .w4 a.current 	{ background-position: -345px -120px; color:#000; }


 
.panes .pane {
	display:none;		
}
.tab_content {
	height:225px;
	width:680px;
	overflow:auto;
	
	position:relative; 
	padding: 0 0 0 0;
}



.footer_nav_holder {
	width:1200px;
	height:auto;
	float:left;
	border-top:1px solid #d1d2d5;
	margin-top:42px;
}
.footer_nav_container {
	float:left;
	height:auto;
	width:235px;
	line-height:16px;
}
.footer_nav_container a:link {color:#595a5d; text-decoration:none;}
.footer_nav_container a:visited {color:#595a5d; text-decoration:none;}
.footer_nav_container a:hover {color:#1e648c; text-decoration:none;}
.footer_nav_container a:active {color:#595a5d; text-decoration:none;}

.footer_nav_container h3 {
	margin:8px 0 8px 0;
	font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
	color: #141414;
}
.footer_nav_container h3 img {
	vertical-align:text-bottom;
	margin-left:17px;
}
.first_footer_bg {
	background:url(../images/footerbg.gif) top left no-repeat;
	padding-left:9px;
}
.last_footer_width {
	width:200px;
}
.last_footer_width h3{
	margin-top:7px;
}
.footer {
	width:1200px;
	height:auto;
	float:left;
	margin:30px;
	text-align:center;
	line-height:16px;
	font-size:10px;
}
.footer a:link {color:#595a5d; text-decoration:none; margin:0 15px ; }
.footer a:visited {color:#595a5d; text-decoration:none; margin:0 15px ; }
.footer a:hover {color:#1e648c; text-decoration:none; margin:0 15px ; }
.footer a:active {color:#595a5d; text-decoration:none; margin:0 15px ; }




.landing_feature_banner {
	width:1200px;
	height:162px;
	float:left;
}
.breadcrumbs {
	height:11px;
	float:left;
	width:1200px;
	padding-top:21px;
	color:#1e648c;
}
.breadcrumbs a:link {color:#1e648c; text-decoration:none;  }
.breadcrumbs a:visited {color:#1e648c; text-decoration:none;  }
.breadcrumbs a:hover {color:#1e648c; text-decoration:none; }
.breadcrumbs a:active {color:#1e648c; text-decoration:none;  }

.landing_title_content {
	width:1200px;
	height:auto;
	float:left;
	margin-top:18px;
	margin-bottom:34px;
}
.landing_title_content a:link {color:#1e648c; text-decoration:none;  }
.landing_title_content a:visited {color:#1e648c; text-decoration:none;  }
.landing_title_content a:hover {color:#1e648c; text-decoration:none; }
.landing_title_content a:active {color:#1e648c; text-decoration:none;  }

.landing_title_imageholder {
	float:right;
	height:auto;
	width:auto;
}
.landing_body_content_left {
	width:586px;
	height:auto;
	float:left;
	padding-right:23px;
}
.landing_body_content_left h4 {
	font-size:12px;
	font-weight:bold;
	color:#1e648c;
	margin-bottom:2px;
}
.landing_body_content_left p {
	margin-bottom:8px;
}
.landing_body_content_right {
	width:315px;
	height:auto;
	float:left;	
	
	
}
.landing_body_content_bottom_right{
	background: url(../images/landing_content_rt_border_11.gif) left top repeat-y;


	float:left;
	padding-left:1px;
}
.landing_body_content_top_right{



	float:left;
	padding-left:1px;
}

.landing_body_content_right_scroll {
	height:435px;
	width:304px;
	overflow:auto;
	padding-left:11px
}	

single-zone-body-top {
	width:1200px;
	display:block;	
}
.single-zone-body-left-nav	{
	width:315px;
	height:auto;
	display:inline-block;	
	float:left;	
	padding:0px 10px 0px 0px; 
}

.single-zone-body-right {
	width:600px;
	height:auto;
	display:inline-block;	
}
	

.leftPanel
{
    position: relative;
    width: 250px;
    float: left;
    margin-right: 25px;
    vertical-align: top;
}

.mainPanel
{
    position: relative;
    width: 655px;
    float: left;
}

.mainBreadcrumb
{
    width: 100%;
    clear: both;
    font-size: 8px;
    color: #1d658d;
    margin-top: 1px;
    margin-bottom: 20px;
}

.mainContent
{
    width: 100%;
    clear: both;
}

.mainContentHeader1
{
    display: block;
    font-size: 18px;
    color: #000;
    margin-bottom: 23px;
}

.mainContentSubheader1
{
    display: block;
    font-size: 13px;
    color: #828282;
}