body {
/*	background-image:url(background800.jpg);
		width:800px;
		height:400px;

*/
		 color:#CCF;
			background-color:#668;
			font-size:10pt;			
			font-family:"Tahoma","Georgia","Helvetica", "Arial", sans-serif;
		}
i {font-style:italic }
h1{color:#FFF; 
	font-size:16pt;
	text-align:left;
	font-weight:normal;}
h2{color:#FFF;font-size:12pt;}
h3{color:#FFF; font-size:10pt; }
h4{font-size:10pt;font-weight:bold}
td{font-size:10pt;}
a {color:#ccf;}
.menutext { color:#000000;font-size:10pt;font-family:"Verdana","Georgia","Helvetica", "Arial", sans-serif}
.logotext { color:#000000;font-size:21pt;font-family:"Verdana","Georgia","Helvetica", "Arial", sans-serif}
.logoback {background-color:#3333FF;}
.logofill {font-size:4px;}

.logotext2 { 
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		font-family:"Tahoma","Georgia","Helvetica", "Arial", sans-serif;
		text-align:right;
		}
.logotext3 { color:#000000;background-color:#FFFF00;
					font-size:20px;font-family:"Verdana","Georgia","Helvetica", "Arial", sans-serif}

.bodytext {margin-top:12px;margin-left:100px;margin-right:100px;}
.producttext {margin-top:12px;margin-left:0;margin-right:0;}

.headermenu { color:#FFFF00;background-color:#000000;font-size:10px;
					font-family:"Verdana","Georgia","Helvetica", "Arial", sans-serif}
					
.headermenu td {background-color:#000000;text-align:center;color:#FFFF00}

.headermenu a {font-size:10px;font-weight:bold;text-decoration:none;}

.headermenu a:visited {color:#FFFFFF;}
.headermenu a:link {color:#FFFFFF;}
.headermenu a:active {text-decoration:none;color:#FFFFFF;}

.headermenu a:hover {text-decoration:none;color:#FFCC33;}

/*
.MenubgOff		{
	BACKGROUND-COLOR: Black; 
	FONT-FAMILY: Verdana; 
	COLOR: #ffffff; 
	CURSOR: hand; 
	FONT-SIZE: 10pt;
	font-weight: bold;
	height: 21px;	
	white-space: nowrap;	
	text-align:center;
}
.MenubgOn		{
	BACKGROUND-COLOR: #3333ff; 
	COLOR: #000000; 
	CURSOR: hand; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;	
	font-weight: bold;	
	height: 21px;
	white-space: nowrap;
	text-align:center;	
}
.Menu {
	background-color:#3333FF;
	text-align:center;
	margin-top:36px;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 10pt;	
}
.MenuItem {
	background-color:#3333FF;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 10pt;	
}

.MenuItem zz {
	background-color:#CCC;
}

.MenuItem td {
	background-color:#CCC;
	color:#000;
	font-size: 12pt;
	text-decoration:none;
}

.MenuItem a:active {
	background-color:#CCC;
	color:#FFF;
	text-decoration:none;
}

.MenuItem a:link, a:visited {
	background-color:#33F;
	color:#FFF;
	text-decoration:none;
}

*/
.nav {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:10pt;	
	color:#FFF;
}

a.nav, a.nav:link, a.nav:visited {
/*	display:block; width:200px; height:16px; 
	background:#CCC; border:0px solid #FFF; 
	margin-top:0px; text-align:left; 
	text-decoration:none; 
*/
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:10pt;		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 6px solid #1958b7;
		border-right: 6px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 10em;
	font-weight:bold; 
	color:#000; line-height:16px; overflow:hidden;

	}

a.nav:hover {color:#ff0; background:#764;}
a.nav:active {color:#fff; background:#c00;} 

.navback {background:#2175bc;}
.navback h3 {background:#CCC;}

a.snav, a.snav:link, a.snav:visited {
	display:block; 
	 
	background:#CCC; border:0px solid #FFF; 
	margin-top:0px; text-align:left; 
	text-decoration:none; 
		font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif; 
	font-size:10pt; 
	color:#000; line-height:14px; overflow:hidden;
	}

a.snav:hover {color:#fff; background:#2586d7;}
a.snav:active {color:#fff; background:#c00;} 


/*
	Let’s look at the style sheet rule by rule, and I'll explain why 
	each rule is constructed the way that it is.
*/

.Menu {
	background-color:#3333FF;
	text-align:center;
	margin-top:42px;
	vertical-align: middle;
	white-space: nowrap;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;

	font-size: 10pt;	
}

.Version7
{
	background-color:#2175bc;
}
#button {
	width: 9em;

	padding: 0 0 0 0;
	margin-bottom: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:10pt;
/*	background-color: #33F;*/
	color: #000;
	}

/*
	The first rule is for the #button DIV. It defines the space that 	
	the menu will occupy, and provides a context for the menu so that 
	we can define the way the list and links will behave inside the DIV. 
	I chose to make the menu fluid, based on the browser’s font size 
	preferences, so (almost) all units are in ems. This includes the 
	width of the menu. The solid black border on the right was based 
	on the original design from Michael. The bottom padding is there to 
	extend the DIV down beyond the menu of links so that you can see the 
	background of the DIV. Again, this follows the original design. The 
	bottom margin is to separate the DIV from what follows it. The 
	colors came from the original design.
*/
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		margin: 0;
/*		background-color: #336699;*/
		color:#FFF;
		font-weight:bold;
		}

/*Next I defined what the list will look like. Since all the list items were to be links, 
	and the rollover functionality would be built into the CSS for the links, 
	I essentially removed all styling from the lists. 
	I did add a single pixel border on the bottom of each link that matched the background 
	of the #button DIV, to work as the separator. In the original design, this was an image.
*/
	#button li a {
		display: block;
		padding: 0px 10px 5px 15px;
/*		border-bottom:1px solid #1958b7;
//	border-top: 1px solid #508fc4;
//		border-right: 10px solid #1958b7;
		border-left: 8px solid #508fc4;
		background-color: #315cb1;
*/
		border-left: 0px solid #00F;
   	background-image: url(images/ledoff.gif);
   	background-position: 0 5;
   	background-repeat: no-repeat;
		color: #fff;
		text-decoration: none;
		width: 100%;
			font-weight:normal;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
/*		border-left: 8px solid #fff;

//		border-right: 1px solid #5ba3e0;
//		border-top:1px solid #003399;
//		border-bottom: 1px solid #66ccff;

//		background-color: #2586d7;
*/

   	background-image: url(images/ledongreen.gif);
   	background-position: 0 5;
   	background-repeat: no-repeat;


		font-weight:normal;
		}

	#button li a:active {
/*		border-left: 8px solid #fff;*/
   	background-image: url(images/ledongreen.gif);
   	background-position: 0 5;
   	background-repeat: no-repeat;
		
/*
//		border-right: 20px solid #5ba3e0;
//		border-top:1px solid #003399;
//		border-bottom: 1px solid #66ccff;

//		background-color: #2586d7;
*/		color: #fff;
		font-weight:normal;
		}

#bob {
	color:#000;
	font-size:10pt;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;	
}

#bob li a {
		margin: 0;
		background-color: #33F;
		color:#000;
		font-weight:normal;	
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-bottom:1px solid #1958b7;
		border-top: 1px solid #508fc4;
		border-right: 1px solid #1958b7;
		border-left: 1px solid #508fc4;
		text-decoration: none;
		width: 100%;


		}
li {text-decoration:none;}

#link1 {
	width: 14em;
	display: block;
	padding: 0 0 0 0.5em;
	margin-bottom: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:11pt;
	background-color: #33F;
	text-align:left;
	color:#FFF;			
}

	#link1 ul {
		list-style: none;
		margin:0;
		padding:0;
		}
		
	#link1 li {
		}
	#link1 li a {
		text-decoration: none;
		width: 100%;
		font-weight:normal;
		color:#FFF;
		}

#link2 {
	width: 12em;

	padding: 0 0 0 0.5em;/*top,right,bottom,left*/
	margin-bottom: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:10pt;
	background-color: #33F;
	text-align:left;		
}

#link2 li a {
		text-decoration: none;
		width: 100%;
		font-weight:normal;
		color:#FFF;
		}

#link3 {
	width: 10em;

	padding: 0 0 0 0.5em;/*top,right,bottom,left*/
	margin-bottom: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:10pt;
	background-color: #33F;
	text-align:left;		
}

#link3 li a {
		text-decoration: none;
		width: 100%;
		font-weight:normal;
		color:#000;
		}