/*Navigation font*/         
h1{font-family:lucida, sans-serif; letter-spacing: 2; font-size: 90%; color: #363b72;}
/*Calendar heading font*/
h2{font-family:lucida, sans-serif; font-style:italic;  font-weight:bold;  color:#363b72; font-size: 100%; }
/*Story and Calendar headline font*/
h3 {font-family:arial, sans-serif; font-weight:bold; font-size:80%;}
/*Section intros and picture caption font*/
h4 {font-family:lucida, sans-serif; font-style:italic; font-size:60%; color:#363636}
/*Story and calender text font*/
p {font font-family:arial, sans-serif; font-size:90%; }
/*links*/

/*all pages basic structure*/
body {background-color: #d7d7d7;position: relative; }
#screen {position: relative; background-color: #fff; width: 770px; height:850px; padding-top: 10px;margin-left: auto; margin-right: auto;}
/*replace logo image per season as needed*/
#seasonal-pix{background-image: url(images/summersd63banner.jpg);width:750px; height:134px;margin-left: auto; margin-right: auto; margin-top: 1px;}


/*navigation-all pages*/
#main-nav {width:750px; height:40px; margin-left: auto; margin-right: auto; margin-top: 4px;background-color:#ececec;}
#facebook-button {position: absolute; width: 15em; height: 40px; margin-left:20px;margin-top:-40px;} 
#cd3-button {position: absolute; width: 15em; height: 40px; margin-left:160px;margin-top:-40px;}
#cd5-button {position: absolute; width: 15em; height: 40px; margin-left:230px;margin-top:-40px;}
#state-button {position: absolute; width: 15em; height: 40px; margin-left:300px;margin-top:-40px;}
#rules {position: absolute; width: 20em; height: 40px; margin-left:380px;margin-top:-40px;}
#home {position: absolute; width: 15em; height: 40px; margin-left:710px;margin-top:-40px;}



/*Main Page CONTENT area - 453px wide - keep pix under 450 wide*/
#content-screen {position:absolute; width:453px; height:600px; background-color:#d7d7d7;top:22.5%;left:1.3%;overflow:scroll;} 

.story-headline {padding-left:5px;padding-right:5px;}
.story {padding-left:5px; padding-right:5px;margin-top:-2%;}

/*Main Page CALENDAR area*/
#cal-space {position:absolute;width:281px; height:600px; background-color:#ececec;top:22.5%;left:62.2%; overflow:scroll;}
#calendar {text-align:center; font-family: arial, verdana, sans-serif; font-size: 100%; font-weight: bold; padding-bottom:4px;}

.calendar-headline {text-align:center;font-family:lucida, sans-serif; font-style:normal;  font-weight:bold;  font-color:#00000; font-size: 80%; padding-bottom:2px;}

.calendar-details {text-align:center;font-family:lucida, sans-serif; font-style:normal;  font-weight:normal;  font-color:#00000; font-size: 75%; padding-bottom:4px;}

/*flower sale page */
#flower-screen {position:absolute; width:750px; height:650px; background-color:#d7d7d7;top:22.5%;left:1.3%;overflow:scroll;} 

.story-headline {padding-left:5px;padding-right:5px;}
.story {padding-left:5px; padding-right:5px;margin-top:-2%;}


/*rules page */
#rules-screen {position:absolute; width:750px; height:650px; background-color:#d7d7d7;top:22.5%;left:1.3%;overflow:scroll;} 

.rules-headline {padding-left:5px;padding-right:5px;}
.rules-story {padding-left:5px;padding-right:5px; }






/*CREDITS*/
#credits {position:absolute; width:540px; height:25px; background-color:#fff;top:96%;left:15%;}