* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px Arial,sans-serif; color: #17426b; text-align: left; background: #fff url(../../images/bg.gif) repeat-x 0 0; }

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 936px;}

#header{height:106px; background:url(../../images/header.jpg)}
#header h2{float: right; display: inline; font-family: Helvetica,"Trebuchet MS", sans-serif; color:#b1d8ff; font-size: 15px; padding:80px 15px 0 0; line-height:17px; text-transform: none; background-color: transparent;}


h1#logo{
	width:450px;
	line-height:normal;
	float: left;
	display: inline;
	padding-top:58px;
}
h1#logo a{
	display: block;
	font-size:22pt;
	color:#FFFFFF;
}
h2{font-size: 20px; line-height:38px; color:#fff; text-transform: uppercase; background:#6fa1d2; padding-left:20px; font-family: Arial, "Trebuchet MS", sans-serif;}
h3{font-size: 18px; line-height:21px; color:#17426b; font-family: Arial, sans-serif;}

#nav{height:37px; }
#nav ul{height:37px; list-style-type: none; font-family: Helvetica, "Trebuchet MS", sans-serif; text-transform: uppercase; font-size: 13px; font-weight: bold; padding-left:65px}
#nav li{float: left; padding:0 7px 0 4px; background:url(../../images/divider.gif) no-repeat right center; height:37px;}
#nav li.last{background-image: none;}
#nav li a{float: left; color:#fff; padding-left: 15px; line-height:29px; margin-top:4px;}
#nav li a span{float: left; padding-right: 15px; line-height:29px; }
#nav li.active strong{background:url(../../images/arr.gif) no-repeat center bottom; float: left; height:33px}
#nav li.active a, #nav li a:hover{float: left; color:#fff; padding-left: 15px; line-height:29px; margin-top:4px; background:url(../../images/on.gif) no-repeat; text-decoration: none;}
#nav li.active a span, #nav li a:hover span{float: left; padding-right: 15px; line-height:29px;  background:url(../../images/on.gif) no-repeat right 0;}

#content{border:solid 1px #c0c8d2; margin-top:11px; padding-top:14px; padding-bottom:35px}
#content .inner{width:904px; margin:0 auto; }

.grey-box{width:452px; float: left; display: inline; }
.grey-box .border{border:solid 1px #c2d9f3; border-top:0;}
.grey-box .hldr{width:425px; margin:0 auto;  background:#d2d2d2 url(../../images/grey.gif) repeat-x; border-left:solid 5px #d2d2d2; border-right:solid 5px #d2d2d2; padding:22px 0 0 15px; }
.grey-box .hldr p{width:395px; padding:0 0 16px 0}
.grey-box .chairman{background:#bfc8d2 url(../../images/chairman.gif) repeat-x; min-height:451px}
.grey-box .chairman h2{background:url(../../images/h2-bg.gif) repeat-x; line-height:63px; width:424px; margin:0 auto; padding-left:10px; color:#0c2a51; font-size: 31px; text-transform: none; margin-bottom:16px}
.grey-box .chairman h2 a{margin-top:25px}
.grey-box .chairman .info{padding-left:35px; font-size: 12px; width:390px}
.grey-box .chairman .info img{float: left; margin-right:25px; margin-bottom:10px}
.grey-box .chairman .info p{padding-bottom:10px}
.grey-box .chairman .info a.red{text-transform: uppercase; color:#b02f2a; font-size: 12px; text-decoration: underline; font-weight: bold;}
.grey-box .chairman .info a:hover.red{text-decoration: none;}
.grey-box .chairman .info a.archive{background:#022a51; color:#fff; font-size: 10px; line-height:24px; float: right; text-transform: uppercase; padding:0 7px; font-weight: bold; text-decoration: underline; }
.grey-box .chairman .info a:hover.archive{text-decoration: none;}
.grey-box .chairman .info h3{text-decoration: underline; color:#022a51; font-weight: normal; font-size: 19px;font-family: Georgia, sans-serif; padding-bottom:5px}
.grey-box .chairman .info h4{font-family: georgia, sans-serif; font-size: 13px; font-weight: normal; color:#022a51; padding-bottom:12px}
.fixed{min-height:392px}

.wide {margin-top:22px; margin-bottom:17px}
.wide .grey-box{width:902px; float: none; }
.wide .grey-box .hldr{width:872px; float: none; padding:10px}
.wide .grey-box .hldr p{width:872px; }

a.more{font-weight: bold; text-transform: uppercase; font-size: 14px; color:#0673dd;}

.gradient{background:url(../../images/gradient.gif) repeat-x; height:91px; margin-top:4px; padding-left:20px; width:483px; font-size: 12px; color:#2e393f}
.gradient h4{font-size: 20px; text-transform: uppercase; padding-top:14px; padding-bottom:6px; color:#0c2a51}
.gradient a{color:#568ec1; text-decoration: underline;}
.gradient a:hover{text-decoration: none;}

.video-box{float: right; display: inline; width:441px;}
.video-box .video{width:376px; margin:10px auto 0 auto}
.video-box .video img{display: block;}
.video-box .links{margin:4px auto; width:433px; height:96px; background:#ededed url(../../images/diagonal.gif) repeat-x;  }
.video-box .links ul{list-style-type: none; height:96px; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-left:5px; float: left; list-style-position: outside;}
.video-box .links li{float: left; text-align: center; border-right:solid 1px #8f9091; padding:0 8px;}
.video-box .links li.last{border:0}
.video-box .links li a{float: left; height:88px; color:#4e4e50; margin-top:4px; padding-left:0px; width:88px}
.video-box .links li a strong{ height:88px; float: left; width:90px}
.video-box .links li a:hover{text-decoration: none;}
.video-box .links li a.active, .video-box .links li a:hover{float: left; background:url(../../images/on2.gif) no-repeat;  color:#fff}
.video-box .links li a.active strong, .video-box .links li a:hover strong{float: left; background:url(../../images/activ.gif) no-repeat right 0; height:88px;}
.video-box .links li a.signup span{display: block;height:32px; width:32px; background:url(../../images/signup.gif) no-repeat; margin:20px 0 0 22px}
.video-box .links li a.petition span{display: block;height:25px; width:19px; background:url(../../images/petition.gif) no-repeat; margin:20px auto 9px auto}
.video-box .links li a.survey span{display: block;height:25px; width:27px; background:url(../../images/survey.gif) no-repeat; margin:20px auto 9px auto}
.video-box .links li a.tell span{display: block;height:30px; width:28px; background:url(../../images/tell.gif) no-repeat; margin:20px auto 9px auto}
.video-box .links li a.active span, .video-box .links li a:hover span{color:#fff; background-position: 0 bottom;}
.video-box .links-frame{width:441px; height:104px; background:#ededed; border:solid 1px #cadef4; margin-top:23px}

.l-column{width:503px; float: left; display: inline;}
.l-column a img{display: block;}
.r-column{width:386px; float: right ; display: inline;}
.r-column .blue-box{width:386px; min-height:289px}
.r-column .blue-box .article{width:350px; padding-top:17px}
.r-column .blue-box .article p a{text-transform: uppercase; color:#0659a9}
.r-column .heading{width:386px; background:url(../../images/heading.jpg)}
.r-column p.blue{font-size: 14px; color:#022a51}

a.rss{background:url(../../images/rss.gif) no-repeat; padding-left:23px; font-size: 14px; color:#fff; float: right; line-height:18px; margin-top:10px; margin-right:12px; text-transform: uppercase;}

.blue-box{width:501px; background:#bfc8d2; margin-top:12px; }
.blue-box .article{width:480px; padding-bottom:20px; padding-left:10px; color:#fff}
.blue-box .article p {color:#022a51;}
.blue-box h5{font-size: 12px; font-weight: normal; color:#0c2a51}
.heading{width:501px; background:url(../../images/heading-wide.jpg); height:102px}
.heading h3{font-size: 30px; color:#0c2a51; padding-left:95px; padding-top:20px; line-height:33px;}
.heading p{padding-left:95px; 	}

.news{font-size: 12px; padding-top:20px;padding-left:20px; height:300px}
.news p{padding-bottom:15px}
.news a{font-weight: bold; text-decoration: underline;}
.news a:hover{text-decoration: none;}
.news h4{font-size: 14px; }

#sidebar{width:192px; float: left; display: inline;}
#sidebar .navigation{width:180px; margin:0 auto ; border:solid 1px #c4daf3;margin-bottom:17px}
#sidebar .navigation ul{width:180px; list-style-type: none;}
#sidebar .navigation li{width:180px; background:#ededed; font-size: 15px; text-transform: uppercase;  float: left; border-bottom:solid 1px #568ec1}
#sidebar .navigation li.last{border:0}
#sidebar .navigation li a{color:#568ec1; float: left; line-height:34px; font-weight: bold; padding-left:25px; width:155px;}
#sidebar .navigation li a:hover, #sidebar .navigation li a.active{text-decoration: none; background:url(../../images/arr2.gif) no-repeat 6px center;}
#sidebar .adv img{display: block;}
#sidebar .energy{width:168px; background:url(../../images/energy.gif) no-repeat 0 6px; border:solid 1px #c5daf3; padding:60px 6px 6px 6px; margin-left:9px; margin-top:17px}
#sidebar .energy h3{font-size: 15px; text-transform: uppercase; color:#2e393f; letter-spacing: -0.06em;}
#sidebar .energy a{text-decoration: underline; color:#568ec1}
#sidebar .energy p{padding-bottom:10px}
#sidebar .radio{padding-left:4px; padding-top:24px}
#sidebar .radio img{display: block;}

#main{width:650px; float:left; padding-left:50px; font-size: 13px; color:#000}
#main p{padding-bottom:12px}
#main h3{font-size: 27px; color:#022a51; line-height:30px; padding-bottom:17px}
#main .cnt{padding:20px 0 0 11px}

#main .cnt ul, #main .cnt ol {padding-left:30px;padding-bottom:12px;}


.frame {padding-top:22px}
.frame .nav-box{width:434px; height:96px}
.frame .nav-box ul{ height:96px; background:url(../../images/diagonal.gif) repeat-x}
.frame .nav-box li{ height:96px; width: 87px; padding: 0 10px; }
.frame .nav-box li a{font-size: 12px; padding: 0; width: 87px; white-space: nowrap; }
.frame .nav-box li a.signup{background:url(../../images/p1.gif) no-repeat; padding:55px 0 0 0; width:87px; margin-top:4px; height:34px}
.frame .nav-box li a.sign{background:url(../../images/p2.gif) no-repeat center 0; padding-top:37px }
.frame .nav-box li a.survey{background:url(../../images/p3.gif) no-repeat center 0; padding-top:37px }
.frame .nav-box li a.other{background:url(../../images/p4.gif) no-repeat center 0; padding-top:37px }
 
.nav-box{width:524px; height:117px; background:#ededed; border:solid 1px #c6dbf3; padding:4px}
.nav-box ul{list-style-type: none; height:117px; background:url(../../images/rep.gif) repeat-x}
.nav-box li{float: left; height:117px; border-right:solid 1px #747476; padding:0 8px}
.nav-box li.last{border:0}
.nav-box li a{float: left; font-size: 14px; font-weight: bold; color:#4e4e50; text-transform: uppercase; padding:0 8px}
.nav-box li a.sign{background:url(../../images/icon2.gif) no-repeat center 0; margin-top:25px; padding-top:41px;}
.nav-box li a.survey{background:url(../../images/icon3.gif) no-repeat center 0; margin-top:25px; padding-top:41px}
.nav-box li a.other{background:url(../../images/icon4.gif) no-repeat center 0; margin-top:25px; padding-top:41px}
.nav-box li a.signup{background:url(../../images/signup-bg.gif) no-repeat center 0; width:105px; height:42px; margin-top:7px; padding:65px 0 0 0; text-align: center; color:#fff}

.signin{}
.signin label{width:125px; float: left; color:#747476;  padding-top:2px; font-size: 13px;}
.signin label.small{width:55px; float: left; color:#747476;  padding-top:2px; padding-left:6px}
.signin label.near{width:105px; float: left; color:#747476;  padding-top:0px; padding-left:6px}
.signin label.rightaligned{width:309px; float: left; color:#747476;  padding-top:2px; padding-left:6px}
.signin .field{width:305px; float: left; border:solid 1px #e1e1e1; border-top:solid 1px #858585; padding-left:2px; margin-bottom:15px}
.signin .sm-field{width:120px; float: left; border:solid 1px #e1e1e1; border-top:solid 1px #858585; padding-left:2px; margin-bottom:15px}
.signin .dropdown{width:110px; float: left;margin-bottom:15px}
.signin .check{width:13px; height:13px; line-height:13px; vertical-align: bottom; float: left; margin-left:90px; margin-right:20px}
.signin .radio{width:13px; height:13px; line-height:13px; vertical-align: bottom; float: left; margin-left:128px; margin-bottom:4px; }
.signin .btnp input{width:92px; height:21px; background:url(../../images/sbmt.gif); text-align: center; border:0; font-family: Arial, "Trebuchet MS", sans-serif; color:#68696b; cursor:pointer; font-size: 12px; margin-top:35px}

.verify{padding-top:28px;}

#footer{height:100px; background:#022a51; font-size: 10px; color:#fff; margin-top:12px;}
#footer .shell{padding:15px; width:906px}
#footer .top{border-bottom:solid 1px #305070; padding-bottom:12px; margin-bottom:12px}
#footer .top a{float: right; margin-left:10px; color:#fff}

/* News */
.news {
	font-size:13px;
	line-height:130%;
	height:auto;
}

.news h1 {
	color:#555658; 
	font-size:23px;
	line-height:120%;
	margin-bottom:5px;
}

.news h1#featured_video {
	position:relative;
	left:-45px;
	width:314px;
	font-size:20px;
	color:#022a51;
	background:#6fa1d2;
	line-height:14px;
	padding:12px 0 11px 13px;
	margin:0;
}


.news h2 {
	position:relative;
	left:-20px;
	color:#6CA7E1;
	font-size:14px;
	line-height:120%;
	margin:5px 0px;
	background-color:#FFFFFF;
}

.news h2 a {color: #568ec1;text-decoration: none;cursor: pointer;}

.news h1#news_head {
	position:relative;
	left:-20px;
	color:#555658; 
	font-size:23px;
	margin-top:20px;
	background:url(/images/energy_tomorrow.gif) no-repeat;
	padding:20px 0 0 169px;
	height:49px;
}
.news p {
	color:#555658; 
	padding:2px 0;
}

.news .column-1 {
	width:300px;
	border-right: 1px solid #C0C9D2;
	height:100%;
	min-height:500px;
	float:left;
	display:inline;
	margin:0 20px;
}

.news .column-1 #brightcove {
	position:relative;
	left:-45px;
	margin:0 0 20px 0;
}

.news .column-2 {
	width:250px;
	float:right;
	display:inline;	
	padding:0 20px;
}



.news .box {
	position:relative;
	left:-45px;
	margin-top:20px;
	width:325px;	
}

.news .box h1 {
	color: #0c2a51;
	font-size: 25px;

}

.news .box p.link {
	margin-top: -54px;
}

.news .column-1 .box a {
	color:#0c2a51;
}

.news .column-2 .box {
	width:280px;
}
.box{
	background:#bfc8d2;
	/* padding:15px 11px 19px 11px; */
	height:100%;
	/* min-height:260px; */
}
.box h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#0c2a51;
	background:url(/images/narrowhed_bamf.jpg) no-repeat 0 0; 
	padding:11px 0 60px 100px;
	font-size:30px;
}
.box p.link{
	padding:0 0 0 100px;
	margin-top:-44px;
	color:#39587b;
	font-style: normal !important;
}
.box p span{
	color:#0c2a51;
	font-family:Georgia,serif;
	font-size:12px;
}
.box p{
	/* color:#fff; */
	color:#022a51;
/*	font-size:14px;
	line-height:120%;
	font-family:Georgia,serif;
*/
	padding:15px 13px 0 15px;
}
/* End News */