/************* defaults **************** */
body, h1, h2, h3, h4, h5, h6, ul, li, img, p, form, legend, fieldset, blockquote, table, td, tr, label {
padding:0px;
margin:0px;
font-size:12px;
}

body {
background:#e5e5e5;
font-size:12px;
padding-top:20px;
text-align:center;
font-family:verdana, helvetica, sans-serif;
padding-bottom:10px;
}

/************  main  structures  **************/
#main {
width:904px;
margin:0 auto;
background:url(images/main-gradient.gif) repeat-x #c3faa2;
text-align:left;
}

#main-left-shadow {
background:url(images/left-shadow.gif) repeat-y;
}

#main-bottom-shadow {
background:url(images/bottom-shadow.gif) bottom repeat-x;
}

#main-bottom-left {
background:url(images/main-bottomleft-corner.gif) bottom left no-repeat;
}

#main-bottom-right {
background:url(images/main-bottomright-corner.gif) bottom right no-repeat;
}

#main-top-left {
background:url(images/main-topleft-corner.gif) top left no-repeat;
}

#main-top-right {
background:url(images/main-topright-corner.gif) top right no-repeat;
padding:10px;
}

.clear {background:#e5e5e5; font-size: 1px; height: 1px}
/************** end main structures  ***************/

#town-seal {
background:url(images/town-seal.gif) 36px 6px no-repeat;
}

/************** header properties  **************/
#header-wrapper {
text-align:center;
margin:0px 20px;
border-bottom:solid 2px #1e5024;
}

#header {
margin:0 auto;
}

#header img {
border:0;
}
/*************** end header properties ********* */


/**************content properties ***************/
#content {
padding:0px 20px;
}

/**************end content properties ***********/

#description {
width:416px;
}

#description-top {
width:416px;
background:url(images/text-top.gif) no-repeat;
}

#description-top p{
padding:14px;
}

#description-bottom {
width:416px;
height:22px;
background:url(images/text-bottom.gif) no-repeat;
}

/*************** login form *******************/
#login {
width:420px;
}

#login-top {
width:420px;
height:28px;
background:url(images/login-top.gif) no-repeat; 
}

#login-bottom {
width:420px;
height:28px;
background:url(images/login-bottom.gif) no-repeat; 
}

#login-form {
width:420px;
background:#204e25;
padding-top:1px;
}

#login-form div {

}

#login-info {
padding:16px;
padding-bottom:8px;
padding-right:64px;
text-align:right;
}

#login-form  div input {
border:solid 1px #000000;
}

#login-form  div label {
color:#f2faba;
font-weight:bold;
font-size:18px;
}

.login-label {
font-weight:bold;
color:#FFFFFF;
font-size:18px;
}

a.login-link:link, a.login-link:visited {
color:#f2faba;
text-decoration:underlined;
font-size:18px;
font-weight:bold;
}

a.login-link:hover {
color:#cccccc;
}
/*************** end login form ****************/
#registration {
margin-left:18px;
}

#registration  tr td{
padding:3px 10px;
color:#f2faba;
font-weight:bold;
font-size:16px;
}

#forgot tr td {
padding:4px;
color:#ffffff;
}

/***************total savings ******************/
#total-savings {
width:848px;
margin:16px 0 16px 16px;
}

#total-savings-top {
width:848px;
height:20px;
background:url(images/together-top.gif) no-repeat;
}

#total-savings-bottom {
width:848px;
background:url(images/together-bottom.gif) no-repeat bottom;
padding-bottom:10px;
}
/***************end total savings ***************/




/*************** float clear fix ****************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/************** float properties  ***************/
.left {
display:inline;
float:left;
}

.right {
display:inline;
float:left;
}
/***************end float properties ************/

/*************** text styles  ******************/
.subheading {
font-weight:bold;
color:#5a5b5a;
font-size:22px;
margin:10px 0;
text-align:center;
}

/*************** end text styles ***************/

/**************Savings calculator **************/
#savings-calculator {
background:url(images/calculator-bkgrd.gif) no-repeat;
width:314px;
height:310px;
text-align:left;
}

/**************End calculator **************/

#bulb-results {
table-layout:fixed;
width:514px;
margin-top:16px;
}

#bulb-results td, #bulb-results th {
vertical-align:top;
text-align:left;
padding:2px;
}

#bulb-results th {
background-color:#235d2a;
color:#FFFFFF;
}

a.logout:link, a.logout:visited {
color:#666666;

}

a.logout:hover {
color:#000000;
}