body {
background-image: url(FI/bck.gif);
background-repeat: repeat-y;
margin: 0em;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Trebuchet MS"; }

body.graybluebg {
margin: 20px;
background-image: url(FWEE%20BACXKGROUND.jpg); }

p {
font-size: 12px;
line-height: 16px;
margin: 0 0 8px; }

.hydromenu a:link, .hydromenu a:active, .hydromenu a:visited {
text-decoration: none;
color: black; }

.hydromenu a:hover {
color: #ff8000; }

a:link, a:visited, a:active {
color: #ff8000;
font-weight: bold; }

a:hover {
color: black; }

strong {
font-weight: bold; }

.pad12px {
padding: 12px; 
}

.section {
 border: 1px solid #000080;
 margin-top: 10px;
 }

.padsides12px {
padding: 0 12px; }

.margin12px {
margin: 12px; }

.marginbottom0 {
margin-bottom: 0; }

.padleftcolumn {
padding: 5px 5px 5px 0; }

.small12px {
font-size: 12px;
line-height: 14px; }

.small11px {
font-size: 11px;
line-height: 13px; }

.tourinstruction {
position: relative;
top: 223px;
width: 220px;
margin: 0px 12px; }

.tourinstructiontext {
font-size: 13px;
line-height: 15px;
margin-top: 14px; }

#leftmenubar {
position: absolute;
margin-top: 16px;
margin-left: 12px;
margin-bottom: 0em; 
width: 152px;
font-size: 11px;
line-height: 13px; }

#walkthrubody {
position: absolute;
top: 12px;
left: 190px; }

.hydromenu {
color: black;
font-size: 10px;
line-height: 10px;
margin: 0px; }

h1 { 
color: #ff8000;
font-weight: bold;
font-size: 30px;
line-height: 30px;
white-space: nowrap;
margin: 0px;
padding: 18px 0 6px;}

h2 { 
color: #000080;
font-weight: bold;
font-size: 30px;
line-height: 30px;
margin: 0 0 10px; }

h3 { 
color: #000080;
font-weight: bold;
font-size: 20px;
line-height: 20px;
margin: 0 0 10px; }

h4 { 
color: #da4c00;
font-weight: normal;
font-size: 13px;
line-height: 15px;
margin: 0 0 7px; }

#slide {
border: 2px #000000 solid;
width: 491px;
width/**/: 461px;
height: 365px;
height/**/: 330px;
padding: 15px;
margin: 0px; }

#slidehoriz {
border: 2px #000000 solid;
width: 503px;
width/**/: 473px;
padding: 15px;
margin: 0px; }

.imageleft {
margin: 0px 15px 0px 0px;
padding: 0px;
float: left; }

.slidetext {
font-size: 14px;
line-height: 17px;
margin: 0px;
padding: 0px; }

.slidetexthoriz {
font-size: 14px;
line-height: 17px;
margin: 8px 0px -8px; }

#slidenav {
margin: 5px 0px 0px 0px; }

.boldblue {
color: #000080;
font-size: 13px;
line-height: 15px;
font-weight: bold; }

.orange {
color: #da4c00; }

.boldorange {
color: #da4c00;
font-size: 13px;
line-height: 15px;
font-weight: bold; }

.boldorange16px {
color: #da4c00;
font-size: 16px;
line-height: 16px;
font-weight: bold; }

.boldorange a:link, .boldorange a:visited, .boldorange a:active {
color: #ff8000;
text-decoration: none; }

.boldorange a:hover {
color: black;
text-decoration: none; }

#credits {
padding: 18px 0px;
 }

#creditshome {
padding: 18px 0px;
position: absolute;
top: 500px;
left: 190px;
margin: 0px; }

#walkthruimage {
background-image: url(walkthruimages/walkthrumain.gif);
background-repeat: no-repeat;
border: 2px #000000 solid;
width: 501px;
height: 360px;
position: absolute;
top: 120px;
left: 190px; }

#imagemap a {
position: absolute;
height: 18px;
width: 18px;
text-decoration: none;
 }

#imagemap a dfn {
visibility: hidden; }

a#one {
left: 19px;
top: 170px; }

a#onea {
left: 212px;
top: 199px; }

a#oneb {
left: 377px;
top: 219px; }

a#two {
left: 60px;
top: 192px; }

a#three {
left: 302px;
top: 215px; }

a#four {
left: 313px;
top: 170px; }

a#five {
left: 360px;
top: 137px; }

a#six {
left: 66px;
top: 131px; }

a#sixa {
left: 154px;
top: 10px; }

a#seven {
left: 300px;
top: 29px; }

a#eight {
left: 108px;
top: 203px; }

a#eighta {
left: 375px;
top: 293px; }

a#nine {
left: 136px;
top: 94px; }

/*--- HYDRO CAREER SUMMIT STYLES----*/


#careersummit {
position: absolute;
top: 12px;
left: 190px;
width: 500px; }

.registerbox {
width: 270px;
float: right;
margin: 0 0 10px 15px;
border: solid 1px #91867e; }

.registerboxpad {
padding: 10px 10px 0;
padding-bottom: 0;}

#careersummit h1 {
font-size: 21px;
line-height: 23px;
margin: 0 0 12px;
padding: 0;
font-weight: normal;
white-space: normal;
}

#careersummit h2 {
font-size: 18px;
line-height: 20px;
margin: 0 0 5px;
padding-top: 5px;
font-weight: normal;}

#careersummit h3 {
font-size: 16px;
line-height: 16px;
margin: 0;
padding: 4px;
font-weight: normal;
background-color: #91867e;
color: white;
text-align: center;}

#careersummit a { color: #da4c00; }


#careersummit form#registerform1 {width: 100%; margin-bottom: 0;}


#careersummit form#registerform1 td, #careersummit form#registerform1 td input {font-size: 12px; height: 19px; margin: 0 0 3px;}

table.careersummitagenda h4 {
font-size: 14px;
font-weight: normal;
line-height: 14px;
margin-bottom: 6px; }

table.careersummitagenda hr {
height: 1px;
color: #91867e;
background-color: #91867e;
margin-bottom: 10px;
margin-top: 0;
border: 0;}

table.careersummitagenda td.paddingleft10px {
padding-left: 10px;}

/*--- PHOTO CONTEST STYLES----*/

#photocontestbody {
position: absolute;
left: 190px; }

#photocontestbody a {
color: #000080;
font-weight: bold;
text-decoration: underline; }

#photocontestbody a:hover {
color: #da4c00; }

#photocontestbody input {
font-size: 11px;
line-height: 13px;
margin: 0; }

.submitbutton {
font-size: 11px;
line-height: 13px;
margin: 3px 0 0;
float: right;
width: 60px; }

/*#masthead nests inside container*/

#masthead {
height: 163px;
background-image: url(photocontest/photocontestmasthd2.gif);
background-repeat: no-repeat; }

/*#menu nests inside container*/

ul {
margin: 0;
padding: 0px; }

#menu {
width: 590px;
border-top: 1px solid #000080;
height: 22px;
font-size: 11px;
font-weight: bold;
line-height: 22px;
margin-top: 4px; }

#menu li {
display: inline;
padding-right: 24px;
margin: 0; }

#menu a {
color: #000080;
text-decoration: none; }

#menu a:hover {
color: #da4c00; }

/*#mainbody nests inside container*/

#mainbody {
width: 590px;
border-top: 1px solid #000080; }

/*#leftbody nests inside mainbody, floats left*/

#leftbody {
float: left;
width: 160px;
border-right: 1px solid #000080;
margin-right: 16px; }

/*#middlebody nests inside mainbody, floats right*/

#middlebody { 
margin-left: 165px; }

#middlebody ol {
font-size: 12px;
line-height: 16px;
margin: 0 0 6px;
padding: 0 0 12px 18px; }

#middlebody form {
margin: 0;
/* border: 1px solid #000080; */
padding: 6px 12px; }



/*#only use leftside and rightside if you have to break #middlebody up into 2 pieces (for a total of 3 columns on webpage - nests inside #middlebody.*/

#rightside160px {
width: 160px;
float: right;
margin: 0 0 0 15px;
border: solid #000080 1px;
border-top: 0; }

#rightsidebox {
width: 300px;
padding: 12px 12px 6px;
margin: 0 0 0 15px;
border: solid #000080 1px;
background-color: white; }

#rightside160px a, #rightsidebox a {
color: #000080;
font-weight: bold; }

#rightside160px a:hover, #rightsidebox a:hover {
color: #da4c00;
 }
 
#rightsidebox a {
text-decoration: underline; }
 
#rightsidebox p {
font-size: 12px;
line-height: 14px; }
#leftside { 
margin: 0;}

#footer {
clear: both;
text-align: center;
border-top: solid 1px #000080;
padding: 12px;
margin-top: -1px; }

#notauth {
width: 590px;
margin-top: 20px; }

.bluerule {
border-top: 1px solid #000080;
margin-bottom: 8px; }

.floatright {
float: right;
width: 200px;
text-align: right; }

/*----------*/



.photocontestleft {
width: 208px;
margin: 0 25px 0 0;
padding: 0;
float: left;
clear: right; }

.photocontestleft a {
font-weight: bold;
text-decoration: underline;
color: #db5500; }

.photocontestleft a:hover {
color: #000080; }

.photocontestleftbox {
margin: 6px 14px;
border: 1px solid #526fb9;
padding: 7px 7px 0; }

.contestreverseheads {
font-weight: bold;
color: #000080;
background-color: #da9803;
padding: 7px;
font-size: 14px;
line-height: 14px; }

.photocontestrightside {
margin-right: 40px; }

.photocontestrightside a {
text-decoration: underline;
color: #db5500; }

.photocontestrightside a:hover {
color: #000080; }

.photocontestrightbox {
border: 1px solid #526fb9;
padding: 7px 7px 0; }

.error {
background-color: #fbfc0a;
}

/*--- WIND TURBINE TOUR STYLES----*/


#windturbinepage h1 {margin-bottom: 14px;}

#windturbinepage p, #windturbinepage ol {font-size: 13px; line-height: 17px; margin-bottom: 14px;}

#windturbinepage .windturbinecontent {
float: left; 
display: inline; 
margin-right: 24px; 
width: 425px;
}

.windturbinemenu {
float: left; 
display: inline; 
width: 250px; }

.windturbinemenu .windturbinesidehead {
margin-bottom: 0;
display: block;
background-color: #cedeef;
width: 250px;
border-bottom: 1px solid #ff8000; }

.windturbinesidehead .pad {padding: 6px;}

.windturbinemenu a {
font-size: 13px;
line-height: 15px;
text-decoration: none;
border-bottom: 1px solid #ff8000;
padding: 6px;
color: #002963;
display: block;
font-weight: normal; }

.windturbinemenu a:hover, .windturbinemenu a.activeitem {background-color: #cedeef;}