/* main.css */ 


/* TEST #3 */

body { font-size: 75%; background: url(../images/base_template.gif) center top no-repeat; color: #44464f; line-height: 18px; }

a, a:link { color: #003793; text-decoration: none; }
a:hover { text-decoration: underline; }
p { color: #44464f; line-height: 18px; }

p.intro { color: #44464f; font-size: 16px; line-height: 24px; }

/* layout */
#wrapper1 { width: 1032px; background: url(../images/mmpa2/wrapper_bg.gif) repeat-y 35px 0; margin: 16px auto 0 auto; }
#wrapper2 { width: 1032px; background: url(../images/mmpa2/house-top.gif) no-repeat 0 0; }
#main { width: 1032px; margin: 0 0 0 47px; }
#main-left { float: left; position: relative; width: 185px; }
#main-right { float: right; width: 710px; margin: 0 121px 40px 0; }
#mmpa-logo { position: absolute; left: 0px; top: 15px; }


/* footer */
#footer { width: 893px; height: 250px; border-top: solid 10px #444; margin: 0; background-color: #fff; }

/* navigation */
#left-nav { width: 160px; padding: 10px; margin-left: 0; margin-top: 112px;}
#left-nav h3 { display: block; cursor: pointer; width: 160px; margin: 0; padding: 0; font-size: 12px; height: 33px; text-transform: uppercase; }
#left-nav h3.main-nav a.primary-nav { width: 177px; height: 33px; }
#left-nav h3.main-nav a.primary-nav span {}
#left-nav div { display: none; }
#left-nav div.selected_main_nav { display: block; }
#left-nav ul { margin: 0 0 20px 8px; padding: 0px; }
#left-nav ul li { font-family: Arial, Helvetica; font-size: 12px; margin-top: 10px; list-style: none; line-height: 13px; }
#left-nav ul li a { color: #34670e; text-decoration: none; }

/* main content */
#ajax { width: 670px; }
#content { margin: 120px 0 0 0; }
/*.flash #ajax #content { margin: 0 0 0 0; }*/
#ajax .flash { margin: 0 0 0 0; }

/* basic div-sets */
.clear { clear: both; }
div.div-set { width: 647px; margin: 0px 0px 25px 25px; }
div.div-set .splash { margin: 0px 0px 20px 0px; }
div.div-set .page-title { margin: 20px 0px; padding: 0; color: #7db553; font-size: 26px; line-height: 35px; display: inline; }
div.div-set .page-title h1 { margin: 0; padding: 0;  }
div.div-set h1.page-title { margin-bottom: 20px; }
div.div-set .section-name { margin: 0px 10px; padding: 0px; font-size: 15px; color: #666; display: inline; font-weight: normal; }
div.div-set .main { width: 390px; float: left; padding: 0; margin: 0; }
.main p.intro { color: #44464f; font-size: 16px; line-height: 24px; }
div.div-set .main .col-1 { width: 150px; float: left; padding: 0; margin: 0; }
div.div-set .main .col-2 { width: 175px; margin-left: 200px; padding: 0; margin: 0; }
div.div-set .side { width: 215px; border-left: solid 1px #b5b5b5; padding: 0 0 0 20px; margin: 0 0 40px 410px; }
div.div-set .teaching-tools-side { margin: 0px; float: right; }
div.div-set .side ul { margin: 0 0 15px 0; padding: 0; }
div.div-set .side ul li { list-style: none; margin: 0; padding: 0; }
div.div-set .side ul li.bullet { list-style: disc; margin: 0 0 3px 16px; padding: 0;}
div.div-set .side h3 { margin-top: 0px; }
div.div-set .side img { margin-bottom: 10px; }
div.div-set .main-full { width: 620px; }

/* home */ 
div.home-positioning { margin: 20px 30px; border-bottom: solid 1px #b7d48f; width: 606px; }
div.home-recent-news { margin: 0px 0px 0px 30px; border-right: solid 1px #b7d48f; width: 290px; float: left; }
div.home-recent-news ul { padding: 0px; margin: 0px; }
div.home-recent-news ul li { margin: 0px 0px 15px 0px; padding: 0px; list-style: none; }
div.home-energy-tip { margin: 0px; width: 290px; margin-left: 333px; }
div.home-recent-news h2, div.home-energy-tip h2 { margin-top:0px; }

/* tabs */
.tabs { background-color: #44464f; margin-left: -25px; padding-left: 25px; padding-top: 4px; height: 32px; }
.tab { display: inline; height: 28px; width: 145px; cursor: pointer; margin: 0; padding: 0; }
.panel {}

.addborder { border: solid 4px #44464f; }
#our-communities { margin-bottom: 20px; }
#power-supplies { margin-bottom: 20px;}
#sustainable-energy { margin-bottom: 20px;}
#live-turbine-information { margin-bottom: 20px; }
#header-image { margin-bottom: 0px; }



/* forms */
div.form { padding: 0; margin: 20px 0 0 0; }

div.form label, div.form .label { font-weight: bold; }
div.form .not-label { font-weight: normal; }

div.form input, div.form textarea { display: block; }
div.form div.inline input { display: inline; }

div.form div.row1 { padding-bottom: 20px }
div.form div.row1 label.right-aligned { float: left; width: 180px; margin-right: 20px; text-align: right; }
div.form div.row1 div.input-container { margin-left: 200px; } /* left margin = label.width + spacing between label and input */

div.form div.row2 { padding-bottom: 20px; margin-left: 200px; } /* left margin = label.width + spacing between label and input */
div.form div.row2 label.right-aligned { float: left; width: 180px; margin-right: 20px; text-align: right; }
div.form div.row2 div.input-container { margin-left: 0; } /* left margin = label.width + spacing between label and input */

div.form input.checkbox, div.form input.radio { margin: 0 5px 0 0; }

div.form div.inline-radios div.radio-container { display: inline; margin: 0 20px 0 0; }
div.form div.inline-radios div.first { margin-left: 0; }
div.form div.radio-container { position: relative; padding: 0 0 0 20px; }
div.form div.radio-container input.radio { position: absolute; top: 0px; left: 0px; }
div.form div.radio-container label { }

div.form div.checkbox-container { position: relative; padding: 0 0 0 20px; }
div.form div.checkbox-container input.checkbox { position: absolute; top: 2px; left: 0px; }
div.form div.checkbox-container label { }

input, select, textarea { color: #44464f; }
input.text, select.select, textarea.textarea { width: 350px; }
input.city, select.region { width: 150px; }
input.postal-code { width: 100px; }
.required { color: #f00; }
.error { font-weight: bold; color: #f00; }
.help { display: inline; color: #999; }
.help a, .help a:link, .help a:visited { color: #999; text-decoration: underline; }



/* PuzzlePage.aspx */
/* These styles are specific to the Crossword Compiler puzzles. */
.ccw, .Clues, .GridClues { font-size: -3pt; font-family: "Times New Roman",Times; }
.PuzTitle { font-size: 15pt; color: #800000; font-weight: bold; }
.CopyTag { font-size: 10pt; color: #000000; }


/* Energy education - make only the first paragraph of teaser intro style */
.energy-education h3 { color: #44464f; font-size: 16px; font-weight: normal; line-height: 24px; }
.energy-education h2 { margin-top: 0px; }

/* Link items on sidebar */
.side-link-title { font-weight: bold; font-size: 12px; line-height: 18px; color: #44464f; }
.side-title { text-indent: -9999px; background-image: url(../images/energy_education/additional_links.jpg); margin-bottom: 10px; background-repeat: no-repeat; background-position: 0px 15px; height: 35px; }
div.div-set .side ul li.link-items { padding-bottom: 10px; }

/* Teaching Tools Template (TeachingToolsPage.aspx) */
hr.teaching-tools-rule { height: 0px; border-top: 0px solid #B5B5B5; border-left: 0px; margin: 0px 0px 20px 20px; }
ul.lesson-plans { margin: 10px 2px 2px 2px; }
ul.lesson-plans li { list-style-type: none; padding-bottom: 10px; text-indent: 0px; margin: 0px; }
ul.lesson-plans li a { text-decoration: none; color: #003793; }
ul.lesson-plans li a:hover { text-decoration: underline; }
img.activities-anchor { float: left; margin-right: 15px; }
#ctl00_plcMain_uxPageBody4 ul { margin: 20px 2px 2px 2px; }
#ctl00_plcMain_uxPageBody4 ul li { list-style-type: none; padding-bottom: 3px; text-indent: 0px; margin: 0px; }
#ctl00_plcMain_uxPageBody4 ul li a { text-decoration: none; color: #003793; }
#ctl00_plcMain_uxPageBody4 ul a:hover { text-decoration: underline; }
.foot-text { margin-top: 30px; }

/* Current Wind Energy Generation image credit */
h6 { margin: -30px 0px 0px 60px; }

/* Educator Login Web Part */
.educator-login-title { color: #638028; font-size: 11px; font-weight: bold; }
#ctl00_plcMain_uxEducatorLoginForm_Login1 td { border: 0px; }
#ctl00_plcMain_uxEducatorLoginForm_Login1 .field { margin-top: 10px; }
#ctl00_plcMain_uxEducatorLoginForm_Login1 .LogonTextBox { float: right; width: 130px; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; }
#ctl00_plcMain_uxEducatorLoginForm_Login1 .label { color: #8c8c8c; float: left; font-size: 11px; font-weight: bold; }
#ctl00_plcMain_uxEducatorLoginForm_Login1 .button { background-color: #e4e1c8; padding: 0px 15px; float: right; border: 3px solid #575962; color: #2f5aa3; float: right; margin-top: 5px; font-weight: bold; font-size: 11px; }
.energy-education .side .signout input { background-color: #e4e1c8; padding: 0px 15px; border: 3px solid #575962; color: #2f5aa3; margin-top: 10px; font-weight: bold; font-size: 11px; }
.login-body p { font-size: 11px; color: #85868f; }
/* EOF */