/******************
EVERGREEN GYMNASTICS
******************/

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

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%;
   background: #018a60;
   }
   
a:link { 
   color: #018a60; 
   font-weight: bold; 
   text-decoration: none;
   border-bottom: 1px dotted #018a60;
   }
   
a:visited { 
   color: #018a60;
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px dotted #018a60;
   }
   
a:hover { 
   color: #000;
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }
      
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   margin: 0 20px 1.1em 20px;
   }
   
img {
   border: 0;
   }   
   
.pic {
   border: 1px solid #000;
   }      
   
ul {
   margin: 0 0 14px 60px;
   list-style-type: disc;
   marker-offset: outside;
   font-size: .8em;
   }

/*************
PICTURES
*************/

#pix {
   float: right;
   width: 180px;
   margin: 2px 10px 5px 20px;
   }
   
#pix img {
   border: 1px solid #000;
   margin: 0 0 10px 0;
   }   
   
   
/***********
HEADERS
**********/  
     
h1 {
   color: #000;
   font-size: 1.3em;
   font-weight: bold;
   margin: 8px 0px 12px 10px;
   }   
     
h2 {
   color: #66b99f;
   font-size: 1em;
   font-weight: normal;
   margin: 15px 0 8px 10px;
   }   

/*************
FOOTER
*************/   
   
#footer {
   font-size: .6em;
   margin: 5px 0 6px 25px;
   text-align: center;
   } 
   
#footer a {
   color: #000;
   }      
   
/**************
CONTAINER
**************/
   
#page_container {
   margin-right: auto;
   margin-left: auto;
   margin-top: 6px;
   width: 800px;
   border: 1px solid #4b4b4b;
   background: #fff;
   }    
   
#text {
   padding: 8px;
   }   
    
/*************
NAVIGATION
*************/

#top_nav {
   width: 800px;
   background: #4d4d4d;
   text-align: right;
   padding: 1px 0 2px 0;
   }           
   
#top_nav a {
   color: #fff;
   text-decoration: none;
   font-size: 13px;
   border: 0;
   text-transform: uppercase;
   font-weight: normal;
   padding-right: 15px;
   }   

#top_nav a:hover {
   color: #66b99f;
   }   
   
#nav {
   width: 795px;
   background: #fff;
   padding-left: 5px;
   border-bottom: 2px solid #4d4d4d;
   }      

#nav a {
   float: left;
   margin: 0;
   border: 0;
   }   

#nav_gym a, 
#nav_fitness a, 
#nav_tennis a, 
#nav_gymx a, 
#nav_fitnessx a, 
#nav_tennisx a {
   height: 75px;
   width: 181px;
   text-indent: -9999px;
   float: left;
   margin: 0;
   border: 0;
   }
   
#nav_gym a {
   background: url(../pix/layout/gym.gif) no-repeat 0 0;
   }   
 
#nav_gym a:hover, 
#nav_gymx a {
   background: url(../pix/layout/gym_mo.gif) no-repeat 0 0;
   }    
      
#nav_fitness a {
   background: url(../pix/layout/fitness.gif) no-repeat 0 0;
   }   
   
#nav_fitness a:hover, 
#nav_fitnessx a {
   background: url(../pix/layout/fitness_mo.gif) no-repeat 0 0;
   }   
 
#nav_tennis a {
   background: url(../pix/layout/tennis.gif) no-repeat 0 0;
   } 
   
#nav_tennis a:hover, 
#nav_tennisx a {
   background: url(../pix/layout/tennis_mo.gif) no-repeat 0 0;
   }   
   
#sub_nav {
   width: 800px;
   background: #000;
   text-align: right;
   padding: 0 0 2px 0;
   }   
   
#sub_nav a {
   color: #fff;
   text-decoration: none;
   font-size: 11px;
   border: 0;
   text-transform: uppercase;
   font-weight: normal;
   padding-right: 12px;
   } 
   
#sub_nav a:hover {
   color: #66b99f;
   }   
   
/*************
INDEX PAGE
************/

#index_flash {
   border: 1px solid #000;
   width: 790px;
   height: 200px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 4px;
   margin-bottom: 8px;
   }   

#index_left, #index_mid, #index_right {
   float: left;
   margin: 4px 0 5px 6px;
   padding: 6px;
   width: 245px;
   height: 200px;
   border: 1px solid #4b4b4b;
   }   
   
#index_left {
   background: #66b99f;
   margin-left: 5px;
   }   
   
#index_mid {
   background: #9ad0c0;
   }   

#index_right {
   background: #cde8df;
   }   
   
#index_left h1, #index_mid h1, #index_right h1 {
   width: 230px;
   font-weight: bold;
   font-size: .9em;
   padding: 3px 5px;
   margin: 0;
   }
   
#index_left h1 {
   background: #b4dcd1;
   }
   
#index_mid h1 {
   background: #cde8df;
   }   
   
#index_right h1 {
   background: #e7f3ef;
   }   
   
#index_left p, #index_mid p, #index_right p {
   font-size: .7em;
   margin: 0;
   padding: 7px 0 0 3px;
   }  
   
#index_left a, #index_mid a, #index_right a {
   color: #000;
   }    
   
#index_left a:hover, #index_mid a:hover, #index_right a:hover {
   color: #018a60;
   }   
   
   
/***************
GYMNASTICS PAGES
***************/

.desc p {
   padding-bottom: 6px;
   border-bottom: 1px dashed #ccc;
   }

.schedule, .tuition, .reg {
   width: 760px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   border-left: 1px solid #000;
   font-size: .7em;
   color: #000;
   margin: 3px 0 8px 10px;
   }

.tuition {
   width: 350px;
   float: left;
   }

.reg {
   width: 400px;
   float: left;
   background: #cde8df;
   margin-left: 15px;
   }
   
th {
   padding: 6px 0;
   text-align: center;
   border-bottom: 2px solid #000;
   border-right: 1px solid #000;
   }   

td {
   text-align: center;
   padding: 6px 0;
   border-right: 1px solid #000;
   }
 
.odd {
   background: #ccc;
   }
   
.tbl_btm { /* last row of tuition table */
   border-top: 2px solid #000;
   }   
   
th span {
   font-style: italic;
   font-size: .8em;
   }   
     
.reg th {
   background: #66b99f;
   }   
   
.reg td {
   text-align: left;
   padding-left: 14px;
   } 
   
.reg .formitem {
   margin-top: 7px;
   } 
   
.list {
   float: left;
   width: 180px;
   margin-right: 5px;
   }             
           
/*************
CONTACT PAGE
*************/

#contact {
   font-size: .8em;
   width: 360px;
   color: #000;
   margin: 5px 0 16px 50px;
   }
   
.formitem {
   margin-top: 20px;
   }    
   
.submit { 
   margin: 5px 0 10px 0;
   border: 1px solid #000;
   }
                     
.disclaimer { 
   font-size: .9em;
   font-style: italic; 
   }   

/********************
TENNIS MATCH SIGN-UP
********************/

#contact_tennis {
   font-size: .8em;
   width: 350px;
   color: #000;
   background: #cde8df;
   margin: 10px 0 20px 30px;
   border: 1px solid #4b4b4b;
   padding: 8px;
   float: right;
   }
   
#contact_tennis p {
   text-align: center;
   font-weight: bold;
   font-size: 1.1em;
   }   
   
/******************************
FITNESS CENTER PAGES
******************************/
   
#fit_hrs {
   float: right;
   width: 200px;
   border: 1px solid #ccc;
   background: #d9eee7;
   font-size: 14px;
   padding: 10px;   
   margin: 0 10px 10px 15px;
   text-align: center;
   }   
   
#fit_hrs h1 {
   margin: 0;
   padding: 0 0 6px 0;
   font-weight: bold;
   font-size: 16px;
   }