/*
  11-5-2009:
   
   modified to show image for stories in right corner (see #storyimg below)
   modified to show bylines (i.e. By ...) for stories as italic
   modified to better center story links in the "Stories" box
   modified inset instruction box to be 1pt larger, boldened it, darkened it, increased the space below it, and made border dashed
   
*/
@charset "utf-8";
/* CSS Document */
body{background:url(img/bg_01.jpg); background-repeat:repeat-x; margin-top:0px; background-color:#015679;}
p { font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-top:0px; margin-bottom:10px; line-height:20px;}
p a{ color:#008bc5; font-weight:bold; text-decoration:none}
p a:hover{color:#072d3d; text-decoration:none}
.main{margin-left:auto; margin-right:auto; width:827px; margin-top:0px}

.whitebox{position:relative; width:794px; background:#FFF; margin-left:auto; margin-right:auto; height: auto !important; padding-bottom: 200px; min-height: 200px;}
.getstarted{position:absolute; top:47px; left:517px; background:url(img/getstarted.jpg); width:200px; height:59px; cursor:pointer;}
.nec{
   position:absolute;
   top:27px;
   left:106px;
   background:url(img/nec.jpg);
   width:159px;
   height:106px;
}

.plug{position:absolute; top:0px; left:16px; background:url(img/plug.jpg); width:90px; height:195px;}
.doca{
  position:relative; float:right; width:205px; background: #fff;
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  /*height: 700px;*/ /*448px;*/
}
.doca .box { border: 1px solid #39b54a;   padding-bottom: 60px; width: 205px; height: /*451px;*/ margin-bottom: 20px;}
.doca .box h2.boxTitle {background: #39b54a; color: white; text-align: center; font-size: 12pt; font-weight: 900; padding-top: 0; margin-top: 0;}
.doca .linklist ul {margin: 0; padding: 0; padding-left: 10px;}
.doca .linklist ul li {list-style: none;}
.doca a{ color:#008bc5; font-weight:bold;}
.doca a:hover{color: #072d3dl; text-decoration:none}
/* Menu */
.menu{position:absolute; background:url(img/menu.jpg); background-repeat:no-repeat; width:679px; height:30px; top:134px; left: 115px; color:#39b54a; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; padding-top:18px; padding-right:5px; padding-left:11px;}
.menu a{color:#39b54a; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; padding-right:5px; padding-left:11px; text-decoration:none}
.menu a:hover{ color: #0b5014;}

/* Shadow */
.t { width: 826px;}
.b {background: url(img/shadowbottom.png) 0 100% repeat-x;}
.l {background: url(img/shadow.png) 0 0 repeat-y;}
.r {background: url(img/shadowright.png) 100% 0 repeat-y}
.bl {background: url(img/bl.png) 0 100% no-repeat}
.br {background: url(img/br.png) 100% 100% no-repeat}
.bspacer{height:16px; width:794px;}

/*Content*/
.content{
   position:relative;
   top:201px;
   left:36px;
   width:746px;
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
   line-height:25px;
   min-height:470px;
}
.question {color: #39b54a; font-size:12px; font-weight:bold; margin-bottom:8px;}
.question2 {color: rgb(118,147,60); font-weight: bold;}
.margin {font-size:12px; padding-left:30px; margin-bottom:20px;}
.margin a{ color:#008bc5; font-weight:bold;}
.margin a:hover{color: #072d3dl; text-decoration:none}
/*Bottom*/
.greybox{position:relative; background-color:#f2f2f2; /*height:50px;*/ width:794px; /*top: 430px;*/ left: 0px; bottom: 50px; display: none;}
.greenline{background:#39b54a; width:794px; height:1px}
.sponsors{position:absolute; left:3px; top:3px; width:105px; height:29px; background:url(img/sponsors.jpg)}
.energy{position:absolute; left:16px; top:35px; width:260px; height:109px; background:url(img/energy.jpg); cursor:pointer;}
.square{position:absolute; left:340px; top:49px; width:178px; height:80px; background:url(img/square.jpg); cursor:pointer;}
.newport{position:absolute; left:576px; top:59px; width:201px; height:69px; background:url(img/newport.jpg); cursor:pointer;}

.aipc{position:absolute; left:30px; top:150px; width:100px; height:99px; background:url(img/aipc.jpg); cursor:pointer;}
.conwp{position:absolute; left:155px; top:165px; width:100px; height:71px; background:url(img/conwp.jpg); cursor:pointer;}
.cai{position:absolute; left:265px; top:180px; width:161px; height:29px; background:url(img/cai.jpg);}
.aln{position:absolute; left:436px; top:168px; width:100px; height:47px; background:url(img/aln.jpg); cursor:pointer;}
.cgcc{position:absolute; left:560px; top:168px; width:178px; height:46px; background:url(img/cgcc.jpg);}
.ccon{position:absolute; left:210px; top:268px; width:65px; height:78px; background:url(img/ccon.jpg); cursor:pointer;}
.saledu{position:absolute; left:318px; top:270px; width:75px; height:71px; background:url(img/saledu.jpg); cursor:pointer;}
.iipl{position:absolute; left:433px; top:255px; width:150px; height:89px; background:url(img/iipl.jpg); cursor:pointer;}

.fernbg1 {
   background:url(../images/fern_bg1.gif);
   width: 610px;
   height: 52px;
   }

.imgFacebook {
   background:url(img/facebook.png); 
   width: 16px;
   height: 16px;
   position: absolute;
   margin-left: 770px;
   margin-top: 115px;
   cursor:pointer; 
   }
   
.imgTwitter {
   background:url(img/twitter.png); 
   width: 16px;
   height: 16px;
   position: absolute;
   margin-left: 750px;
   margin-top: 115px;
   cursor:pointer;
   }
   
.newsletter {
   position: absolute;
   margin-left: 270px;
   margin-top: 115px;
   font-family:Verdana, Geneva, sans-serif; font-size:12px; font-size:12px; color:#008bc5; font-weight:bold; text-decoration:none;
   }
.newsletter a{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#008bc5; font-weight:bold; text-decoration:none;}
.newsletter a:hover{color: #072d3dl; text-decoration:none}


/** Page Specific Styles **/

body#contactus .question span {color: #000;}
body#index .insetBox {
    font-size: 9pt; 
    line-height: 155%; 
    font-style: italic;
    font-weight: normal;
    color:#068217;
    margin-left: 8px;
    margin-right: 8px;
    padding: 5px;
    width: 500px;
    margin-bottom: 15px;
    border: 1px dotted #39b54a;
}
body#index .insetBox ul {margin: 0; padding: 0; margin-left: 20px;}
body#index .insetBox li {list-style: none; list-style-image: url(img/graybullet.GIF); padding-bottom: 5px;}
body#story img {padding: 5px;}
p.byline {font-style: italic;}

.box p {font-size: xx-small; color: gray; padding-left: 10px;}

ul#sponsors li {margin: 0; padding: 0; list-style: none; margin-bottom: 25px;}
ul#sponsors li a span {display: block;  width: 500px; line-height: 100%; padding: 0; margin: 0x;}

h2 {margin-top: 0;}