/* 
    Document   : main.css
    Created on : Aug 5, 2010, 7:29:25 AM
    Author     : Joan Nolen
    Description: Purpose of the stylesheet follows.
*/

body {background: #005b75; font: 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #005b75; }


/* -------------- CONTENT DIVS */

#container { height: auto; width: 750px; margin: 0 auto;}
#header {background: transparent  url(images/be-an-es-webheader.png) no-repeat; width: 750px; height: 125px; }
#content{background: #ffffff url(images/be-an-es-webbackground.png) no-repeat; width: 750px;}
.inner {padding: 20px 40px;}

/* -------------- LINKS */
/* Top tab menu links
    These styles are for normal hover with an additional style that changes the active (current) page tab to the hover format.
    PHP is used to determine active page name and apply the appropriate style.
*/
#menu .tab{  float: left; padding-right: 1px;}
#menu .tab-last { height: 53px; width: 186px; float:right;}
a#lnk-home { height: 53px; width:186px; background-image: url(images/be-an-es_home_off.png); display: block; margin-right: 1px;}
a#lnk-home:hover { height: 53px; width:186px; background-image: url(images/be-an-es_home_on.png); display: block; margin-right: 1px;}
a#lnk-home-hover { height: 53px; width:186px; background-image: url(images/be-an-es_home_on.png); display: block; margin-right: 1px; }
a#lnk-play { height: 53px; width:186px; background-image: url(images/be-an-es_howtoplay_off.png); display: block; margin-right: 1px;}
a#lnk-play:hover { height: 53px; width:186px; background-image: url(images/be-an-es_howtoplay_on.png); display: block; margin-right: 1px;}
a#lnk-play-hover { height: 53px; width:186px; background-image: url(images/be-an-es_howtoplay_on.png); display: block; margin-right: 1px; }
a#lnk-builders { height: 53px; width:186px; background-image: url(images/be-an-es_participatingbuilders_off.png); display: block; margin-right: 1px;}
a#lnk-builders:hover { height: 53px; width:186px; background-image: url(images/be-an-es_participatingbuilders_on.png); display: block; margin-right: 1px;}
a#lnk-builders-hover { height: 53px; width:186px; background-image: url(images/be-an-es_participatingbuilders_on.png); display: block; margin-right: 1px; }
a#lnk-eshomes { height: 53px; width:186px; background-image: url(images/be-an-es_nwestar_off.png); display: block;}
a#lnk-eshomes:hover { height: 53px; width:186px; background-image: url(images/be-an-es_nwestar_on.png); display: block;}
a#lnk-eshomes-hover { height: 53px; width:186px; background-image: url(images/be-an-es_nwestar_on.png); display: block; }

/* Regular text links */
a:link {background: transparent; color:blue;}
a:visited {background: transparent; color:purple;}
a:hover {background: transparent; color:#9dcd58;}
a:active {background: transparent; color:#f9ed33;}


/* -------------- FOOTER */

#footer{background: #ffffff url(images/be-an-es-webfooter.png) no-repeat top; padding-top: 10px; text-align: center;
	font: 10px "Century Gothic", Arial, Helvetica, sans-serif; color: #007070; line-height: 10px; height: 110px; width: 750px; }
.f-inner { text-align: center; width:690px; height: 60px; margin-top:60px; background-color:#689c41; color: white; padding: 10px 30px; }
#footer .index {z-index: 20;}


/* ---PAGE-SPECIFIC STYLES */
/* -------------- INDEX PAGE */

#enter2win {background: url(images/enter-to-win-header-720x180.png) no-repeat; width: 720px; height: 180px; margin: 0;}
#index-inner {width: 320px; float: left; margin: 0px 5px 0 50px;}
#index-sidebar {width: 320px; float: right;}
.imgup {margin-top: -20px;}



/* --------------PARTICIPATING BUILDERS PAGE */

.featured1-builder {font: 13px "Century Gothic", Arial, Helvetica, sans-serif; color: #005b75; float: left; margin: 0 20px 0 20px; width: 250px; padding-left: 60px; }
.featured2-builder {font: 13px "Century Gothic", Arial, Helvetica, sans-serif; color: #005b75; float: left; margin: 0 10px 0 20px; width: 250px; padding-left: 40px; }


/* -------------- HOW TO PLAY PAGE */

.float-first {float: left; margin: 0 15px 0 15px; width: 210px;}
.float {float: left; margin-right: 5px; width: 210px;}
.float-last {float:right; width: 210px; margin-right: 0px;}
.h2p-inner {padding: 20px 30px 20px 50px;}
h3 {font: bolder 20px "Century Gothic", Arial, Helvetica, sans-serif; color:#005b75; line-height: 10px; text-align: center;}


/* -------------- INCIDENTALS */

h1 {font: bold 15px "Century Gothic", Arial, Helvetica, sans-serif; color:#005b75;}
h2 {font: bold 13px "Century Gothic", Arial, Helvetica, sans-serif; color:#00aeef;}
.accent {color:#00ADEF;}  /* possibly unused */
.clr {clear: both;} /* for clearing floats */

/* -------------- Site Image Hex Colors */

/*Lime green: #9dcd58
Yellow: #f9ed33
Cyan: #00aeef
Light Cyan: #c7eafb
Dark Cyan (for border- this may change): #005b75*/