#header
{
     background: black;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     height: 72;
     z-index: 3;
     width: 100%;
}

#side
{
     position: fixed;
     background-image: url("picts/menuback.jpg");
     top: 69;
     height:100%;
     width: 175;
     left: 0;
     bottom: 0;
     z-index: 2;
}

#main
{
     background: white;
     position: absolute;
     margin: 0;
     padding: 10;
     top: 75;
     left: 176;
     right: 0;
     bottom: 0;
     z-index: 1;
}

/******************Main Menu Button Mouseovers - Changes the main menu buttons when you move the mouse over them.*********************/

#logo
{
     width: 180px;
     height: 65px;
     background-color: black;
     background: url("picts/mm/logo.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#logo:hover {background: url("picts/mm/logo.jpg") 0px -65px; background-repeat: no-repeat;}



#mm1
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/terrar.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm1:hover {background: url("picts/mm/terrar.jpg") 0px -62px; background-repeat: no-repeat;}

#mm2
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/vft.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm2:hover {background: url("picts/mm/vft.jpg") 0px -62px; background-repeat: no-repeat;}

#mm3
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/sundew.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm3:hover {background: url("picts/mm/sundew.jpg") 0px -62px; background-repeat: no-repeat;}

#mm4
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/temp.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm4:hover {background: url("picts/mm/temp.jpg") 0px -62px; background-repeat: no-repeat;}

#mm5
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/trop.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm5:hover {background: url("picts/mm/trop.jpg") 0px -62px; background-repeat: no-repeat;}

#mm6
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/butr.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm6:hover {background: url("picts/mm/butr.jpg") 0px -62px; background-repeat: no-repeat;}

#mm7
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/sun.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm7:hover {background: url("picts/mm/sun.jpg") 0px -62px; background-repeat: no-repeat;}

#mm8
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/cobra.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm8:hover {background: url("picts/mm/cobra.jpg") 0px -62px; background-repeat: no-repeat;}

#mm9
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/aust.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm9:hover {background: url("picts/mm/aust.jpg") 0px -62px; background-repeat: no-repeat;}

#mm10
{
     width: 65px;
     height: 62px;
     background-color: black;
     background: url("picts/mm/link.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#mm10:hover {background: url("picts/mm/link.jpg") 0px -62px; background-repeat: no-repeat;}

/*********************************END MAIN MENU CSS**********************************************/

/******************Side Menu Button Mouseovers - Changes the side menu buttons when you move the mouse over them.**********************/


#sm1
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/home.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm1:hover {background: url("picts/mb/home.jpg") 0px -30px; background-repeat: no-repeat;}

#sm2
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/siteuse.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm2:hover {background: url("picts/mmb/siteuse.jpg") 0px -30px; background-repeat: no-repeat;}

#sm3
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/growing.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm3:hover {background: url("picts/mmb/growing.jpg") 0px -30px; background-repeat: no-repeat;}

#sm4
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/plants.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm4:hover {background: url("picts/mmb/plants.jpg") 0px -30px; background-repeat: no-repeat;}

#sm5
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/credits.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm5:hover {background: url("picts/mmb/credits.jpg") 0px -30px; background-repeat: no-repeat;}

#sm6
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/info.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm6:hover {background: url("picts/mmb/info.jpg") 0px -30px; background-repeat: no-repeat;}

#sm7
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/links.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm7:hover {background: url("picts/mmb/links.jpg") 0px -30px; background-repeat: no-repeat;}

#sm8
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/contact.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm8:hover {background: url("picts/mb/contact.jpg") 0px -30px; background-repeat: no-repeat;}

/*********************************END SIDE MENU CSS****************************************/

/********************************** Grow Menu CSS *****************************************/
#gm1
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/intro.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm1:hover {background: url("picts/GM/intro.jpg") 0px -30px; background-repeat: no-repeat;}

#gm2
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/cheap.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm2:hover {background: url("picts/GM/cheap.jpg") 0px -30px; background-repeat: no-repeat;}

#gm3
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/small.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm3:hover {background: url("picts/GM/small.jpg") 0px -30px; background-repeat: no-repeat;}

#gm4
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/large.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm4:hover {background: url("picts/GM/large.jpg") 0px -30px; background-repeat: no-repeat;}

#gm5
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/window.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm5:hover {background: url("picts/GM/window.jpg") 0px -30px; background-repeat: no-repeat;}

#gm6
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/faq.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm6:hover {background: url("picts/GM/faq.jpg") 0px -30px; background-repeat: no-repeat;}

#gm7
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/resor.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm7:hover {background: url("picts/GM/resor.jpg") 0px -30px; background-repeat: no-repeat;}

#gm8
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/plants.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm8:hover {background: url("picts/GM/plants.jpg") 0px -30px; background-repeat: no-repeat;}

#gm9
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/home.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm9:hover {background: url("picts/GM/home.jpg") 0px -30px; background-repeat: no-repeat;}

#gm10
{
     width: 150px;
     height: 30px;
     background: url("picts/GM/contact.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#gm10:hover {background: url("picts/GM/contact.jpg") 0px -30px; background-repeat: no-repeat;}

/*******************************END GROW MENU CSS**********************************/

/******************************** Plant Menu CSS **********************************/
#pm1
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/vft.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm1:hover {background: url("picts/mmb/vft.jpg") 0px -30px; background-repeat: no-repeat;}

#pm2
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/sundew.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm2:hover {background: url("picts/mmb/sundew.jpg") 0px -30px; background-repeat: no-repeat;}

#pm3
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/temppitch.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm3:hover {background: url("picts/mmb/temppitch.jpg") 0px -30px; background-repeat: no-repeat;}

#pm4
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/troppitch.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm4:hover {background: url("picts/mmb/troppitch.jpg") 0px -30px; background-repeat: no-repeat;}

#pm5
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/butr.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm5:hover {background: url("picts/mmb/butr.jpg") 0px -30px; background-repeat: no-repeat;}

#pm6
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/sunpitch.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm6:hover {background: url("picts/mmb/sunpitch.jpg") 0px -30px; background-repeat: no-repeat;}

#pm7
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/cobra.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm7:hover {background: url("picts/mmb/cobra.jpg") 0px -30px; background-repeat: no-repeat;}

#pm8
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/aust.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm8:hover {background: url("picts/mmb/aust.jpg") 0px -30px; background-repeat: no-repeat;}

#pm9
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/home.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm9:hover {background: url("picts/mb/home.jpg") 0px -30px; background-repeat: no-repeat;}

#pm10
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/contact.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#pm10:hover {background: url("picts/mb/contact.jpg") 0px -30px; background-repeat: no-repeat;}

#sm33
{
     width: 150px;
     height: 30px;
     background: url("picts/mmb/growing.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#sm33:hover {background: url("picts/mmb/growing.jpg") 0px -30px; background-repeat: no-repeat;}

#cpm5
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/faq.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#cpm5:hover {background: url("picts/mb/faq.jpg") 0px -30px; background-repeat: no-repeat;}

#cpm4
{
     width: 150px;
     height: 30px;
     background: url("picts/mb/resor.jpg") 0px 0px;
     background-repeat: no-repeat;
     
}
#cpm4:hover {background: url("picts/mb/resor.jpg") 0px -30px; background-repeat: no-repeat;}

/*************************************END PLANT MENU CSS****************************/


/*Body layout of Arial 12pt font, green color, with custom links*/
body
{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12pt; 
     color: #336633;
     margin: 0;
     padding: 0;
     z-index: 1;
     text-align: justify;
} 

/**********************************
Sets the colors of the links
**********************************/
a:link {color: red}     /* unvisited link */
a:visited {color: green}  /* visited link */
a:hover {color: black}   /* mouse over link */
a:active {color: black}   /* selected link */


/*Headers*/
h1, h2, h3, h4, h5, h6
{
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     color: #336633;
     text-align: center;
     text-decoration: underline;
}

h1 {font-size: 18pt;}

h2 {font-size: 16pt;}

h3 {font-size: 14pt;}

h4 {font-size: 12pt;}

h5 {font-size: 10pt;}

h6 {font-size: 8pt;}

/*horizonal rule that is green*/
hr
{
     border: 0;
     background-color: #336633;
     color: #336633;
     height: 2px;
}

/* ***************************************
Table Definitions
*****************************************/
td
{
     text-align: center;
}

/*set the top row a different color, font, and weight*/

#tp
{
     background: #ccff99;
     color: green;
     font-weight: bold;
     font-size: medium;
}

/* ***************************************
Custom Lines
******************************************

Used for definitions and attention words*/
#df
{
      color: green;
      font-weight: bold;
      font-style: italic;
      font-size: medium;
}


/******************************************
Used for dropping the shadow of a table. 
First is the shadow, the second is the actual
table that the data is in
*******************************************/

#sh
{
     background: #336633;
     margin: auto;
     margin-color: white;
}
/* some elements are 'useless' as long as position is set to static; when this is set to 
relative, the shadows will drop.  There is a bug in some of the drop shadows that I am still
working on. */
#box
{
     background: #e6ffcc;
     margin: auto;
     margin-color: white;
     position: static;
     left: -8px;
     top: -8px;
     border: 2px ridge #94ff29;
}

/* remove underline on the SCCP page headers */
#hd { text-decoration: none; }

/*******************************************
Photo Gallery Settings
********************************************
Main Table */

#phot
{
     margin: auto;
     margin-color: white;
     border: 2px ridge #94ff29;
     vertical-align: top;
     width: 675px;
}


/* Divisions */

#pg
{
     width: 225px;
     border: 1px solid #94ff29;
     margin: auto;
     margin-color: white;
     vertical-align: top;
     font-size: 11.5;    
}

#pgb
{
     width: 655px;
     border: 1px solid #94ff29;
     margin: auto;
     margin-color: white;
     vertical-align: top;
     font-size: 14;    
}



/* drop shadows */

#pictshad
{
     background: #336633;
     width: 200px;
     height: 132px;
     padding: 0px;
     margin: auto;
}

#pict
{
     background: #e6ffcc;
     width: 200px;
     height: 132px;
     padding: 0px;
     margin: auto;
     position: relative;
     left: -8px;
     top: -8px;
     border: 2px ridge #94ff29;
}


#pictshadb
{
     background: #336633;
     width: 640px;
     height: 480px;
     padding: 0px;
     margin: auto;
}

#pictb
{
     background: #e6ffcc;
     width: 640px;
     height: 480px;
     padding: 0px;
     margin: auto;
     position: relative;
     left: -8px;
     top: -8px;
     border: 2px ridge #94ff29;
}

/*embed tables to the right of a paragraph*/

.float {float: right;}
table.float {padding-left: 12px;}

.clear {clear: right;}


/*Form Inputs */
#inp
{
     background: #ccff99;
}

#inp:focus
{
     background: #ccffcc;
}

/*Set Intro tables correct height */
#size
{
     height: 200px;
}

/*Custom hyperlinks and horizontal bars for the FAQ*/
#faq
{
     text-decoration: none;
     color: green;
}

#faq:hover
{
     background: green;
     color: white;
}

#faq1
{
     font-size: 10pt;
     text-decoration: none;
     color: green;
}

#faq1:hover
{
     background: green;
     color: white;
}

#faqbar
{
     width: 60%;
}

/******************************************
Form Styles
******************************************/
legend
{
     color: green;
}

fieldset
{
     border: 2px ridge green;
     padding: 5px;
}

select
{
     background: #ffffcc;
     color: green;
     font-family: arial;
     font-size: 10pt;
}

input
{
     font-family: arial;
     color: green;
}