/* menu styles */
#nav
{	margin: 0;
	padding: 0;
	text-align:left;
	opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
	z-index:999;
}

	#nav li
	{
float: left;
list-style: none;
font: 10px Tahoma, Arial
opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
z-index:999;
}

	#nav li a
	{
display: block;
background: #FFF;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
color: #666666;
white-space: nowrap
z-index:999;
}

	#nav li a:hover
{
	background: #EFEFEF; color:#000000;
	opacity: 1.0; filter: alpha(opacity=100);-moz-opacity: 1.00;-khtml-opacity: 1.0;
	z-index:999;
}
		
#nav li ul
{
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white
opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
z-index:999;
}
		
#nav li ul li
{
float: none;
display: inline
opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
z-index:999;
}
			
#nav li ul li a
{
width: auto;
background: #FFF;
color: #666666
opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
z-index:999;
}
			
#nav li ul li a:hover
{
background: #EFEFEF
opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0;
z-index:999;
}



/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(/images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
z-index:999;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url/navCurrentBtn.gif);
z-index:999;
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url/navLastDoneBtn.gif);
z-index:999;
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url/navDoneBtn.gif);
z-index:999;
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
z-index:999;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
z-index:999;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
z-index:999;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
z-index:999;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
z-index:999;
}

#mainNav li.mainNavNoBg{
background-image:none;
z-index:999;
}

#mainNav li a{
height:71px;
display:block;
z-index:999;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;z-index:999;}
#mainNav.fiveStep li a{width:182px;z-index:999;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;z-index:999;}
#mainNav.fourStep li.mainNavNoBg{width:229px;z-index:999;}
#mainNav.fourStep li a{width:227px;z-index:999;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;z-index:999;}
#mainNav.threeStep li.mainNavNoBg{width:304px;z-index:999;}
#mainNav.threeStep li a{width:303px;z-index:999;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;z-index:999;}
#mainNav.twoStep li a{width:455px;z-index:999;}


*{margin:0; padding:0;} /* clear all default CSS */


.MainNavigationBackgroundImage {
	background-image: url(/images/MainNavigationBackground.gif);
	background-repeat: repeat-x;
	z-index:999;
}
.MainFooterBackgroundImage {
	background-image: url(/images/MainFooterBackground.gif);
	background-repeat: repeat-x;
	z-index:999;
}
.MainFooterText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;	
}

a.MainFooterText:link {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;
}

a.MainFooterText:active {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;
}

a.MainFooterText:visited {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;
}


.MainFooterSubText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
}

a.MainFooterSubText:link {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

a.MainFooterSubText:active {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;	
}

a.MainFooterSubText:visited {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}


.MainNavigationSubText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	color: #999999;
	text-align: left;
	vertical-align: middle;
}


/* SITE NAVIGATION MENU CSS */
/* Basic code - don't modify */
 #leftNav { display: block; margin: 0; padding: 0; position: relative; }
  #leftNav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #leftNav a { display: block; }
  #leftNav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #leftNav ul { line-height: 0; } /* IE6 "fix" */
  	#leftNav ul a { zoom: 1; } /* IE6/7 fix */
    #leftNav ul li { float: none; }
    #leftNav ul ul { top: 0; }
    
/* Essentials - configure this */

#leftNav ul { width: 130px; }
#leftNav ul ul { left: 131px; }

/* Everything else is theming */
 
#leftNav { background-color: #FFFFFF; height: 24px; }
#leftNav *:hover { background-color: none; }
#leftNav a { font-family: "Century Gothic", Arial, Helvetica; font-size: 15px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none; border-right: 1px solid white;  padding-left: 10px; padding-right:6px; background-color: #FFFFFF; }

  #leftNav li.hover a { font-family: "Century Gothic", Arial, Helvetica; font-size: 15px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none; border-right: 1px solid white;  padding-left: 10px; padding-right:6px; background-color: #FFFFFF; }
  #leftNav ul { top: 25px; }
    #leftNav ul li a { font-family: "Century Gothic", Arial, Helvetica; font-size: 15px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none; border-right: 1px solid white;  padding-left: 10px; padding-right:6px; background-color: #FFFFFF; }
      #leftNav ul a.hover { font-family: "Century Gothic", Arial, Helvetica; font-size: 15px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none; border-right: 1px solid white;  padding-left: 10px; padding-right:6px; }
   #leftNav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */