ul.topNav, 
ul.topNav li {margin:0;padding:0;list-style-type:none;background-color:#167c14;color:#FFFFFF;text-align:left;}

/* navbar list */
ul.topNav {
	position:absolute;width:955px;cursor:default;z-index:2000;margin-left:0;}


/* navbar list-items - ADJUST MARGIN SETTINGS TO ALIGN TOP NAVIGATION */
ul.topNav li {width:auto;float:left;position:relative;margin:0 65px 0 65px;cursor:pointer;}

/* menu lists */
ul.topNav ul {z-index:2020;padding:0;position:absolute;top:auto;margin:0;left:-10000px;}
	
/* menu list-items */
ul.topNav ul li {float:left;position:relative;left:auto;margin:0 0 0 0;line-height:18px;}


.utils {height:19px;float:right;}
.utils ul {margin:0 18px 0 0;padding:0;height:19px;}
.utils ul li {list-style-type:none;float:left;line-height:19px;background-image:url('../../img/topNav/seperatorGray.gif');background-position:top right;background-repeat:no-repeat;
	margin:0 10px 0 0;padding:0 10px 0 0;}
.utils ul li a {display:block;color:#555;text-decoration:none;font-size:10px;}
.utils ul li a:hover {text-decoration:underline;}


/* you can use <ul> classes to specify different menu widths */
ul.topNav ul.one {margin:0 0 0 -110px;padding:3px 0 0 0;width:430px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.one li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#005ac3;line-height:18px;border-top:1px solid #003d8b;border-bottom:1px solid #c5c5c5;
	background-image:url('../../img/topNav/seperator.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.one li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.one li a:hover {text-decoration:underline;}
ul.topNav ul.one li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.one li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.two {margin:0 0 0 -65px;padding:3px 0 0 0;width:300px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.two li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#ff7300;line-height:18px;border-top:1px solid #c55c00;border-bottom:1px solid #c5c5c5;
	background-image:url(../../img/topNav/seperator.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.two li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.two li a:hover {text-decoration:underline;}
ul.topNav ul.two li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.two li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.three {margin:0 0 0 -90px;padding:3px 0 0 0;width:300px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.three li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#b31b34;line-height:18px;border-top:1px solid #8d1829;border-bottom:1px solid #c5c5c5;
	background-image:url('../../img/topNav/seperator.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.three li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.three li a:hover {text-decoration:underline;}
ul.topNav ul.three li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.three li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.four {margin:0 0 0 -253px;padding:3px 0 0 0;width:530px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.four li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#25167a;line-height:18px;border-top:1px solid #1d1460;border-bottom:1px solid #c5c5c5;
	background-image:url('../../img/topNav/seperator.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.four li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.four li a:hover {text-decoration:underline;}
ul.topNav ul.four li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.four li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.five {margin:0 0 0 -221px;padding:3px 0 0 0;width:440px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.five li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url('../../img/topNav/seperatorGray.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.five li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.five li a:hover {text-decoration:underline;}
ul.topNav ul.five li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.five li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul.six {margin:0 0 0 -318px;padding:3px 0 0 0;width:420px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.six li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url('../../img/topNav/seperatorGray.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.six li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.six li a:hover {text-decoration:underline;}
ul.topNav ul.six li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.six li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul.seven {margin:0 0 0 -300px;padding:3px 0 0 0;width:540px;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.seven li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url('../../img/topNav/seperatorGray.gif');background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.seven li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.seven li a:hover {text-decoration:underline;}
ul.topNav ul.seven li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.seven li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul li.noBord {background-image:none;}

@media Screen, Projection { 
	ul.topNav li:hover > ul { right:auto; }
	ul.topNav ul li:hover > ul { top:0; }
	}


/* links */
ul.topNav a.main, ul.topNav a.main:visited {
	display:block;padding:0 0px;font-family:Century Gothic, Arial;line-height:24px;
	color:#fff;text-decoration:none;font-size:11px; text-transform:uppercase;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.topNav a:hover, ul.topNav a:focus, ul.topNav a.rollover, ul.topNav a.rollover:visited {text-decoration:underline;}

/* opera 5 and 6, and mac/ie5, need float on the links */
ul.topNav a { float:left;font-family:Century Gothic; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.topNav a { float:none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.topNav a:not(:nth-child(n)) { float:left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.topNav ul a { float:none !important; }

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.topNav li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 
		   you can can change the color, but don't remove it or use an image */ 
		background:#167c14; 
		}
	}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.topNav li { position:static; }
* html ul.topNav a { position:relative; }



/* This is the Style that keeps highlights the active page - Mike */
   #menu-h a:hover,
  .home #menu-h #home a,
  .about #menu-h #about a,
  .products #menu-h #products a,
  .news #menu-h #news a,
  .businessopp #menu-h #businessopp a, 
  .contact #menu-h #contact a,
  .success #menu-h #success a
  {text-decoration:underline;}
  

/* START LOGIN_MENU */
/* START LOGIN_MENU */
.login_menu {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.login_menu ul {
margin: 0px;
padding: 0px 3px 0px 0px;
}
.login_menu ul li {
list-style-type:none;
float:left;
line-height:19px;
background-image:url('../../img/topNav/seperatorGray.gif');
background-position:top right;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.login_menu ul li a:link, 
.login_menu ul li a:visited {
display:block;
color:#555;
text-decoration:none;
font-size:10px;
}
.login_menu ul li a:hover,
.login_menu ul li a:active {
text-decoration:underline;
}

