/* #84051D Red             */
/* #024D08 Serengeti green */
/* #003389 Dark blue       */
/* #608FCE Light blue      */
/* #0033FF Light blue      */

/*
 * font: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? 
 *         <'font-size'> [ / <'line-height'> ]? <'font-family'> ] 
 *       | caption | icon | menu | message-box | small-caption | status-bar | inherit
 * 
 * family:  sans-serif, cursive, fantasy, monospace, ...
 * style:   normal, italic, oblique, inherit 
 * variant: normal, small-caps, inherit 
 * weight:  normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900, inherit 
 * stretch: normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded, inherit
 * size:    <#>px, <#>em, <#>%, xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller
 *
 * display:  inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit 
 */

P, FONT, LI, TD { font: normal 12px Verdana, sans-serif; }
P.q { font-weight: bold }
th { font-size: 12px; }

UL { padding-top: 0; margin-top: .3em; }
UL UL { padding-top: 0; margin-top: 0; }

A:link    { color:BLACK; text-decoration: underline }
A:visited { color:BLACK; text-decoration: underline }
A:hover   { color:GREEN; text-decoration: underline }

H1, H2, H3, H4, H5 { text-align:left; color:BLACK; font-weight:bold; font-family:Arial, Verdana, sans-serif; }
H1             { font-size:20px; color:#555555; }
H2             { font-size:16px; color:#555555; }
H3             { font-size:14px; margin:0em; color:#024D08; }
H4             { font-size:12px; }
H5 {
	font-size:20px;
	text-align:center;
	color:#024D08;
}


.productbody {
	font: normal 12px Verdana, sans-serif; 
	color: #333333; 
	text-decoration: none
}
.productbodybold, .productbodybold A:link, .productbodybold A:visited {  
	font: bold 14px Verdana, sans-serif; 
	color: #333333; 
	text-decoration: none
}
.productbodybold A:hover {
	color:GREEN;
	text-decoration: underline;
}
.latestnewsheading, .latestnewsheading A:link, .latestnewsheading A:visited {
	font: bold 16px Verdana, sans-serif; 
	color: #333333; 
	text-decoration: none
}
.latestnewsheading A:hover {
	color:GREEN;
	text-decoration: underline;
}
.newsheader {  
	font: bold 10px Verdana; 
	color: #333333
}
.newsbody , A.newsbody:link, A.newsbody:visited, .newsbody A:link, .newsbody A:visited {
	font: normal 10px/normal Verdana; 
	color: #333333; 
	text-decoration: none
}
.green20 {
	font: bold 20px A, sans-serif; 
	color:#003300;
	text-decoration: none;
}
a.green20:hover {
	color:GREEN;
	text-decoration: underline;
}
/**** TOP LINKS ****/
.topnav, A.topnav:link, A.topnav:visited, .topnav A:link, .topnav A:visited, .topnav TD
{
	font: bold 11px Arial, Helvetica, sans-serif, Verdana; 
	color: #DDDDDD; 
	text-decoration: none
}

A.topnav:hover, .topnav A:hover {
	color: WHITE 
}

/**** RIGHT LINKS ****/
.rightnav , A.rightnav:link, A.rightnav:visited, .rightnav A:link, .rightnav A:visited {
	font: normal 11px/normal Verdana; 
	color: BLACK;
	text-decoration: none
}
.rightnav A:hover, A.rightnav:hover {
	color: GREEN;
	text-decoration: underline;
}

/**** LATEST NEWS LINKS ****/
.latestnews , A.latestnews:link, A.latestnews:visited, .latestnews A:link, .latestnews A:visited {
	font: normal 12px/normal Verdana; 
	color: BLACK;
	text-decoration: none;
	margin-left:15px;
	padding-left:15px;
}
.latestnews A:hover, A.latestnews:hover {
	color: GREEN;
	text-decoration: underline;
}

/**** FOOTER ****/
.footer, TD.footer, .footer TD, A.footer:link, .footer A:link, A.footer:visited, .footer A:visited {  
	font: bold normal 9px/normal Arial, Helvetica, sans-serif, Verdana; 
	text-decoration: none; 
	color: #dddddd
}

.footer A:hover, A.footer:hover {
	color: WHITE
}

.call800 {  
	font: bold normal 12px/normal Arial, Helvetica, sans-serif, Verdana; 
	color: #CCFFCC; 
}

/**** LEFT NAVIGATION STYLES ****/
/**** borrowed from http://ecoculture.com/styleguide/r/rollovers.html#worki ****/

.leftnavhead {  
	font: bold normal medium Arial, Helvetica, sans-serif, Verdana; 
}

UL.rollmenu {
	color: #333333;
	background-color: #cccccc;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	voice-family: "\";}\"";
	voice-family: inherit;
	width: 100%;
}

UL.rollmenu UL {
	list-style-type: none;
	border-bottom: 0px solid;
	margin: 5px -0.5em 0 -0.5em
}

UL.rollmenu A:link, UL.rollmenu A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold; 
	color: #333333;
	text-decoration: none;
	padding: 0 0  0 1.0em;
	border-top: 0px solid;
	display: block;
	width: 100%;
}

UL.rollmenu A:hover {
	color: #333333; 
	background-color: #eeeeee;
	text-decoration: none;
}


/************* OLD STYLES ****************/
.link           { font-size:12px; font-weight:bold }
.search         { background-color:#92c1ff; text-align:center }

/* same styles as the H1-H4, but can use in <span> or <div> */
.cH1, .cH2      { text-align:left; color:BLACK; font-weight:bold; }
.cH1            { font-size:20px; }
.cH2            { font-size:16px; }

/*************** Form Styles *******************/
.formrow
{
   clear: both;
   padding: .25em;
   white-space: nowrap
}

.label
{
   margin-top: 6px;
   width: 12em;
   float: left;
   text-align: right;
   font-weight: bold;
   margin-right: .5em;
   color: #444444;
   font-size: 11px;
}

.labelright
{
   margin-top: 6px;
   text-align: left;
   font-weight: bold;
   color: #444444;
   font-size: 11px;
}

.accesskey { text-decoration: underline }

.widget { margin-left: 1em }