@charset "iso-8859-1";

body
{
	background-color: #333;
	color: #D9FFD9;
	font-size: 14px;
	margin: 0;
	padding: 2em;		
}
#pageWrapper
{
	border-style: solid;
	border-width: 0 1px;	/* layout's side borders */
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;		/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: 800px;
}
* html #pageWrapper
{
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */	
}
#masthead
{
	background-color: #054509;
	background-image: url(../images/tempheaderbg.jpg);
	border-style: solid;
	border-width: 0;
	color: #D9FFD9;
	text-align:right;
}
#masthead h1
{
	padding: 5px 10px 0 0;
	margin:0;
	font-size:22px;
}
#outerColumnContainer
{
	border-style: solid;
	border-width:0;
	border-left-width:180px;
	border-right-width:10px;
	/*border-left-color: #054509;	/* left hand column background color */
	background-color:Black;
	border-left-color: #002000;
	border-right-color: #002000;	/* right hand column background color */
	color: #000;
	z-index: 1;
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #000;
	
}
#innerColumnContainer
{
	background-color: #D9FFD9;
	border-style: solid;
	border-width: 0;	
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

#leftColumn
{
	padding:0;
	margin:0;
	/*background: url(../images/menubg.jpg) repeat;*/
}

#rightColumn
{
	background: url(../images/menubg.jpg);
	margin: 0;
	width: 15px;
}

#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#leftColumn
{
	margin: 0 1px 0 -175px;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of 
				   the column's width. The opposite border must
				   be 1px */
	width: 175px;
}
#contentColumn
{
	margin: 0 -1px;
	width: 100%;
}
#footer
{
	background-color: #002000;
	/*background-image: url(../images/footer.jpg);*/
	border-style: solid;
	border-width: 1px 0;	/* border for bottom of layout and top of 
				   footer area */
	color: #D9FFD9;
	position: relative;
	text-align: center;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* for better consistency across platforms */
}
.clear
{
	clear: both;
}
.inside
{
	padding: 0 1.5em;	/* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide 
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#leftColumn, #centerColumn, #masthead
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}
#masthead, #footer
{
	padding: 1em;	/* ditto from above */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer
{
	border-color: #000;	/* one-stop control of border color used within
				   the layout */
}
#outerColumnContainer
{
	border-top-color: #000;	/* should match the above border color */
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:14px;
	font-weight:bold;
	}

#ContentsHeader	
{
	background:  url(../images/navbargr.jpg);	
}

/* NAVIGATION */

#hnav ul {
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}

#hnav li {
margin: 0;
padding: 0 15px 0 10px;
border-right: 1px dashed #4B5561;
font-size: 12px;
font-weight: bold;
line-height: 26px;
display: inline;
}

#hnav li a {
text-decoration: none;
color: #FFF;
}

#hnav li a:hover {
color: #FC0;
}

/* table */
.table {
padding: 5px 0;
border-bottom: 1px solid #3B4754;
color: black;
font-size: 11px;
}

.table h1 {
margin: 0;
padding: 0;
color: #FF9;
font-size: 12px;
}

.table a { color: #002200; }

.table a:hover { color: #006600; }

ul.ranks
{
	margin-left:60px;
	font-size:14px;
	font-weight:normal;
	list-style-type:square;	
}

ul.ranks li
{
	padding:3px;
}

a img
{
	border:none;
}

a
{
	color:Black;
	text-decoration:underline;
}

a:hover { color: #006600; }

h2{font-size:16px;}

ul.join
{
	margin-left:60px;
	font-size:14px;
	font-weight:normal;
	list-style-type:decimal;	
}

ul.join li
{
	padding:3px;
}


/* Main navigation */

div.MainMenu ul
{
	margin:0;
	padding:0;
}

div.MainMenu {
	width: 150px;
	margin: 10px;
	}
	
div.MainMenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
	
div.MainMenu li a:link, div.MainMenu li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/PMRight.gif);
	padding: 8px 0 0 10px;
	padding-left:30px;
	
	}
	
div.MainMenu li a:hover {
	color: #FFF;
	background:  url(../images/PMRight.gif) 0 -42px;
	padding: 8px 0 0 10px;
	padding-left:30px;
	}

div.MainMenu li.current a:link, li.current a:visited 
{
	color: yellow !important;
	background:  url(../images/PMCurrent.jpg) !important;
	}
	
div.MainMenu li.current a:hover {
	color: yellow;
	background:  url(../images/PMCurrent.jpg) !important;
	padding: 8px 0 0 10px;
	padding-left:30px;
	}

td.ContactHeader
{
	background-color:#004000;
	color:White;
	
}

td.ContactHeader h3
{
	margin:0;
	padding:0;	
}

/* Main navigation */
div.ProductMenu {
	width: 150px;
	margin: 10px;
	}

div.ProductMenu ul
{
	margin:0;
	padding:0;
	display: block;
}

div.ProductMenu.li
{
	margin:0;
	padding:0;
	display: block;
}

div.ProductMenu li a {
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-size:10px;
	margin: 0;
	padding:0;
}	
	
div.ProductMenu li a:link, div.ProductMenu li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/PMRight.gif);
	padding: 8px 0 0 0px;
	padding-left:15px;
	margin:0;
	}
	
div.ProductMenu li a:hover {
	color: #FFF;
	background:  url(../images/PMRight.gif) 0 -42px;
	padding: 8px 0 0 0px;
	padding-left:15px;
	margin:0;
	}



#navcontainer { margin-left: 5px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:12px;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer li.selected a
{
	color:Yellow;
}

#navcontainer li.selected a:hover
{
	background-color: #004000;
	color:Yellow;
}

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #004000;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #009000;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #006000;
text-decoration: none;
font-size:10px;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #009000;
text-decoration: none;
}

ul.subnavlist li a
{
	color:White !important;
}

ul.subnavlist li a:hover
{
background-color: #009000 !important;
}

ul.subnavlist li.currentsub a
{
	color:Yellow important!;
}

ul.subnavlist li.currentsub a:hover
{
	background-color: #006000 !important;
	color:Yellow important!;
}

a.bannerlink:inactive
{
		color:dimgray;  
}

a.bannerlink{
		color:White;  
}
a.bannerlink:hover{
  	color:yellow;
}

p
{
	font-size:14px;
}

td.partner
{
	width:33%;
	text-align:center;
	padding:15px;
	font-size:12px;
}

td.tableprod {
padding: 5px 0 0 5px;
vertical-align:top;
border-bottom: 1px solid #3B4754;
color: black;
font-size: 11px;
text-align:left;
}

td.table {
padding: 5px 0 0 5px;
vertical-align:top;
border-bottom: 1px solid #3B4754;
color: black;
font-size: 11px;
text-align:center;
}