body {
background-image: url(images/background02.jpg);
background-repeat: repeat;
background-attachment: fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-right: auto;
padding: 0;
}

#container {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
width: 800px;
margin-left: auto;
margin-right: auto;
}

/* header
---------------------------------------------------- */

#header {
background-image: url(images/header1.jpg);
background-repeat: no-repeat;
width: 800px;
height: 160px;
}

/* end header
---------------------------------------------------- */

#topmen {
float: right;
font-size: 10px;
padding: 15px; 
}

/* navigation
---------------------------------------------------- */

#sitenav {
margin: 0px;
padding: 0px;
list-style: none;
background-image: url(images/sitenavback.jpg);
background-repeat: repeat;
background-attachment: fixed;
border: 1px solid #808080;
}

#sitenav li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 11px;
text-transform: none;
}

#sitenav li a {
width: 75px;
display: block;
padding: 8px 8px 10px 8px;
border-left: 1px solid #252525;
border-right: 1px solid #474747;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #808080;
}

#sitenav li.stuck a {
width: 65px;
display: block;
padding: 8px 8px 10px 8px;
border-left: 1px solid #252525;
border-right: 1px solid #474747;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #808080;
}

#sitenav li.stuck a:hover {
	color: #8cc63f;
}

#sitenav li a:hover {
color: #8cc63f;
}

/* suckerfish dropdowns */

#sitenav li ul { /* second-level lists */
clear: left;
position: absolute;
width: 125px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: 0;
padding: 10px 0 7px 0;
list-style: none;
border: 1px solid #000000;
background: #333333;
}

#sitenav li:hover ul, 
#sitenav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#sitenav li ul li {
width: 125px;
font-size: 11px;
text-transform: none;
}

#sitenav li ul li.break {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #000000;
}

#sitenav li ul li a,  
#sitenav li.stuck ul li a,
#sitenav li.hover ul li a, 
#sitenav li.hover ul li a {
width: 125px;
padding: 3px 10px;
border: none;
text-align: left;
background: none;
}

#sitenav li.hover ul li a {
color: #8cc63f;
}

#sitenav li ul li a:hover, 
#sitenav li.hover {
background: none;
color: #808080;
}

#sitenav li ul li a:active, 
#sitenav li.hover ul li a:active {
background: none;
}

/* misc.
---------------------------------------------------- */

#sitenav:after { /* self-clear floats */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

a img { border: none; }
a { outline: none; }

/* IE fixes
---------------------------------------------------- */

/* self-clearing floats */
* html #sitenav,
* html #sitenav li ul li a {
height: 1%;
}
	
/* adjusted widths/heights for quirksmode box model issues in IE6 */
* html #sitenav li a {
width: 75px;
}
* html #sitenav li.hover a {
width: 75px;
}

/* end navigation
---------------------------------------------------- */

/* structure
---------------------------------------------------- */

.navbreak {
background-image: url(images/navbreak.jpg);
width: 800px;
height: 20px;
padding: 0px;
margin-bottom: 10px;
}

#middleleft {
background-color: #F2F2F2;
border-top: none;
border-bottom: #CCCCCC solid 1px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
width: 250px;
height: 590px;
padding: 0px;
margin: 12px 0px 12px 12px;
}

#middleright {
float: right;
background-color: #FFFFFF;
width: 494px;
padding: 0px 5px 5px 5px;
margin: 12px 12px 12px 5px;
}

#indexleft {
background-color: #FFFFFF;
width: 369px;
min-height: 345px;
padding: 0px 5px 5px 5px;
margin: 12px 0px 12px 12px;
}

#indexright {
float: right;
background-color: #FFFFFF;
width: 367px;
min-height: 345px;
padding: 0px 5px 5px 5px;
margin: 12px 12px 12px 5px;
}

/* end structure
---------------------------------------------------- */

/* footer
---------------------------------------------------- */

#footer {
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
width: 800px;
height: 35px;
clear: right;
margin-top: 10px;
}

.footright {
float: right;
color: #000000;
width: 440px;
padding: 10px;
font-size: 10px;
}

.footleft {
float: left;
color: #000000;
width: 270px;
padding: 10px;
font-size: 10px;
}

/* end footer
---------------------------------------------------- */

a:link {
color: #000000;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #000000;
}

a:hover {
color: #000000;
text-decoration: underline;
}

a:active {
color: #000000;
text-decoration: underline;
}

.pagebreakerright {
border-top: #8cc63f solid 1px;
margin: 10px 0px 10px 0px;
}

.pagebreakerleft {
border-top: #CCCCCC solid 1px;
margin: 10px 0px 10px 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 24px;
font-weight: bold;
font-style: oblique;
border-bottom: solid 2px #8cc63f;
margin-top: 0px;
}

h2 {
background-image: url(images/h2back.jpg);
background-repeat: repeat-x;
margin-top: 0px;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 14px;
font-weight: bold;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
font-weight: bold;
}

h3 a:link {
color: #333333;
text-decoration: none;
}

h3 a:visited {
color: #333333;
text-decoration: none;
}

h3 a:hover {
color: #333333;
text-decoration: underline;
}

h3 a:active {
color: #333333;
text-decoration: underline;
}

p {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p a:link {
color: #8cc63f;
text-decoration: none;
}

p a:visited {
color: #8cc63f;
text-decoration: none;
}

p a:hover {
color: #8cc63f;
text-decoration: underline;
}

p a:active {
	color: #8cc63f;
	text-decoration: underline;
	font-size: 36pt;
}

.pleft {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px;
}

/* table styles
---------------------------------------------------- */

#plantable {
width: 100%;
padding: 0px;
margin: 0px;
}

#domaintable {
width: 100%;
padding: 0px;
margin: 0px;
}

caption {
padding: 0px 0px 5px 0px;
width: 100%;	 
font: italic 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

th.green {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-transform: uppercase;
text-align: left;
padding: 5px 5px 5px 5px;
background: #8cc63f;
}

th.nobg {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background: none;
text-transform: uppercase;
text-align: left;
padding: 5px 5px 5px 5px;
}

td.norm {
background: #fff;
padding: 5px 5px 5px 5px;
color: #333333;
}

td.alt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
color: #666666;
}

th.spec {
background: #fff;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-transform: uppercase;
text-align: left;
padding: 5px 5px 5px 5px;
}

th.specalt {
background: #333333;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
text-align: left;
padding: 5px 5px 5px 5px;
}

/* end table styles
---------------------------------------------------- */
