/* generic CSS. */

/* major structural elements */
html {
	margin:auto; 
	padding:auto; 
	width:auto; }
body {
	font-family: Arial, Tahoma, Verdana; 
	font-style: normal;
	font-size: 12pt; 
	bgcolor: #e4ffe4;
       }

h1 {  
	color: #00FF00;
	margin-bottom: 0px;
	}

h2 {  
	color: #00FF00;
	font-variant: small-caps; 
	border-color: #00FF00;
	border-bottom-style: double; 
	border-bottom-width: 2px;
	margin-bottom: 2px;
	}

table { border-style: none;  
	padding: 0px;
	margin: 0px; }

/* table {border-style: dotted dashed solid double; }  */

	#slantedmenu{
	font-weight: bold;
	font-size: 100%;
	}

	#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

	#slantedmenu ul{
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	background-color: #00ff00;
	border: 1px solid #bebebe;
	text-align: left; /*set value to "center" for example to center items*/
	}

	#slantedmenu ul li{
	display: inline;
	}

	#slantedmenu ul li a{
	color: black;
	padding: 3px 0;
	padding-right: 25px;
	margin: 0;
	text-decoration: none;
	background: transparent url(slantdivider.gif) top right no-repeat;
	}

	#slantedmenu ul li a:visited{
	color: #494949;
	} 

	#slantedmenu ul li a:hover{
	color: red;
	}
	
.myred   { color: #ee0000; }
.mygreen { color: #008000; }
.mybrightgreen { color: #00FF00 }
.mypurple { color: #6100C1; }

a:link { 	text-decoration: none;
	color: #3366CC; }
a:visited {	color: #666666;
	text-decoration: none; } 
a:hover {	color: #6100C1;
	text-decoration: underline;  } 
/*
a:active { 	color: #996600;
	text-decoration: none;  
	outline: thick solid red; } 
a:focus  { outline: thick solid red; }  
*/

.menutext    {
	 color: #6100c1;
	 font-size: 11pt;
	 font-family: "Eras Demi ITC", Arial, Tahoma, Verdana;
	 background-image: url("images/products100x15.gif");
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 padding: 17 2px 2px 2;
	 vertical-align: top; }

.menugreentext {
	font-family: Eras Demi ITC, Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #008000;
	vertical-align: top;
	padding: 5 0 0 2;
	}

  table.menu1 
   {position:fixed;
    }

#menuButton a {
	background-image: url(images/button/BlankButton525x35.png) 0 0 no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	width: 175px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	display: block;
	text-decoration: none;
   }

#menuButton a:hover {
	background-position: -175px 0;
	font-weight: bolder;
}

#menuButton a:active {
	background-position: -350px 0;
	font-weight: bolder;
	color: #FFFFFF;
   }

#menuButton a:focus {
	background-position: -350px 0;
	font-weight: bolder;
	color: #FFFFFF;
   }

.productlisting {
	font-family: Arial, Tahoma, Verdana;
	font-size: 18pt;
	color: #6100C1;
	border-color: #404040;
	}
.productlistingtext   {
	color: #000000;
	font-size: 12pt;
	font-family: Arial, Tahoma, Verdana;
	border-color: #90c;
	outline-style: none;
	outline-width: thick; 
}
.notation {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	font-weight: normal; 
	font-style:italic;
	text-decoration: none; 
	color: #008000;
	}

.optiontitle {
	font-size: 8pt;
	font-weight: 700; 
	text-align: center;
	color: #000000;
	border-style: none;
	}

.optiontext {
	font-size: 9pt;
	font-weight: normal; 
	color: #000000;
	border-style: none;
	}

.maintext { 
	font-size: 9pt; 
	color: #000000;
	}

.footertext {
	font-size: 10px; 
	color: #000000;
	}

.footerlink { 
	font-size: 10px; 
	color: #CC0033; 
	font-weight: normal; 
	text-decoration: none;
	}

.mainlink { 
	font-size: 10pt;
	font-weight: normal; 
	color: #008000;
	text-decoration: none;
	}
.paleridercell {
	background-image:url('images/palerider.gif');
	background-color:white;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	color:black;
	font-family:sans-serif;
	vertical-align: top;
	font-weight:1000;
	padding: 10px 20px;
	}
th {  
	font-family: Eras Demi ITC, Arial, Tahoma, Verdana; 
	background-image:url('images/webhead468.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 36px; 
	font-weight: normal; 
	color: #6100C1;
	vertical-align: bottom;
	text-align: center;
	padding: 0px ;
	margin: 0px;
	padding: 0 0 15 0;
	border-color: #6100C1;
	border-bottom-style: none; 
	border-bottom-width: 1px;
	}

.header02 {  
	font-family: Eras Demi ITC, Arial, Tahoma, Verdana;
	font-size: 10pt; 
	color: #008000;
	font-weight: bold; 
	text-decoration: underline;
	}
 
.header02text { 
	font-family: Eras Demi ITC, Arial, Tahoma, Verdana;
	font-size: 10pt; 
	font-weight: normal; 
	color: #6100C1;
	}

.formtext { 
	font-size: 10px; 
	color: #FFFFFF; }
.header01 {  
	font-size: 12pt; 
	color: #CC0033; }
.mainlink2 { 
	font-size: 10pt; 
	color: #000099; 
	text-decoration: none; }

#divUpControl {
	position:absolute; 
	left:150px; 
	top:348px; 
	width:320px;
	height:30px; 
	z-index:1; 
	text-align: right; }
#divDownControl {
	position:absolute; 
	left:150px; 
	top:525px; 
	width:320px;
	height:30px; 
	z-index:1;
	text-align: right; }
#divContainer {
	LEFT: 150px; 
	VISIBILITY: hidden; 
	OVERFLOW: hidden; 
	WIDTH:320px; 
	CLIP: rect(0px 320px 150px 0px); 
	POSITION: absolute; 
	TOP: 370px; 
	HEIGHT: 150px; }
#divContent {
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 0px; }