/* private css - write new before publishing */


	.hotspot {
		color:#990000;
		font-weight:bold;
		background-color:WHITE;
		filter:alpha(opacity=95); 
		-moz-opacity: 0.95; 	
	}
	
	.hotspotdesc {
		font-size:9px;
	}


	A:LINK.stepsComplete, A:VISITED.stepsComplete {
	color:#990000;
	font-size:10px;
	text-decoration:none;
	background-color:#eeeeee; 
	font-weight:bold;
	width:14px;
	height:14px;
	border: 1 solid #999999;
	vertical-align : middle;
	text-align :center;	
	}
	
	A:LINK.stepsActive, A:VISITED.stepsActive {
	color:#990000;
	font-size:10px;
	text-decoration:none;
	background-color:#cccccc; 
	font-weight:bold;
	width:14px;
	height:14px;
	border: 1 solid #000000;
	vertical-align : middle;
	text-align :center;		
	}


/* START- Basic Tag Styles */
    BODY, P, TD
    { 
    font: 11px verdana,arial,helvetica;
	line-height:15px;
    color:#000000;
    }

/* style 2
    
<STYLE type="text/css">
  BODY { font: 8pt/12pt verdana }
  H1 { font: 13pt/15pt verdana }
  H2 { font: 8pt/12pt verdana }
  A:link { color: red }
  A:visited { color: maroon }
</STYLE>

*/
	
    BODY
    {
   	background:#FFFFFF
    }
    	
    A
    {
    color:#990000; 
	text-decoration: none;
    }
    	
    A:hover
    {
    color:#990000; 
	text-decoration: underline;
    }
/* END- Basic Tag Styles */


/* START- Footer Styles */     
    .footer{
  	font-size:10px;
    color:#666666;
	line-height:14px;
    }
	
	A:LINK.footer, A:VISITED.footer {
	font:10px;
    color:#666666;
    text-decoration:none;
	}
    
    A:HOVER.footer {
    text-decoration:underline;
    }
/* END- Footer Styles */
		
/* END- Margin Styles */


/* START- Formatting Styles */
    .head {
   	font:16px verdana,arial,helvetica,serif;
    font-weight:bold;
	line-height:24px; 
    color:#4A0001;
    }
    
    .subHead {
    font:12px verdana,arial,helvetica,serif;
    color:#999966;
    font-weight:bold
    }
    
    .required {
    color:#666666;
    }
    
    .highlight {
    color:#336666;
    }
	
    .promoline {
    color:white;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
	padding-left:20px;
    }
	
	.SectionText	 {
    color:#666666;
	background-color:#F4F4EA;
	padding:3px;
	padding-left:6px;
	padding-left:6px;
    }

/* END- Formatting Styles */

.LeftNav_globalHeader {
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	font-weight: bold;
	padding:5px;
	padding-left:10px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFCC33;
}

.LeftNav_global {
	width:176px;
	background-color: #FFCC33;
	padding:0px;
	border:0px #666666 solid;
	border-top:1px #666666 solid;
}

.LeftNav_globalItem {
	background-image:url(/images/nav_dark_grey_background.jpg);
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight: bold;
	border-bottom:1px #666666 solid;
	padding:5px;
	padding-left:18px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.LeftNav_globalItem a{
	color:#666666;
}

.LeftNav_globalItemSel {
}

.LeftNav_globalItemOver {
	color:#FFFFFF;
	border-bottom:1px #666666 solid;
	background-color: #333333;
}


.LeftNav_SectionHeader {
	background-color: #FFCC33;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	font-weight: bold;
	padding:5px;
	padding-left:10px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.LeftNav_section {
	width:176px;
	background-color: black;
	padding:0px;
	border:0px #666666 solid;
	border-top:1px #666666 solid;
}

.LeftNav_sectionItem {
	background-image:url(/images/nav_black_background.jpg);
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight: bold;
	border-bottom:1px #666666 solid;
	padding:5px;
	padding-left:18px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.LeftNav_sectionItemSel {
}

.LeftNav_sectionItemOver {
	color:#FFFFFF;
	border-right:0px #666666 solid;
	background-color: black;
}

.LeftNav_sectionItemSub, A.LeftNav_sectionItemSub, A:LINK.LeftNav_sectionItemSub, A:visited.LeftNav_sectionItemSub { 
	background-color: #000000;
	spacing:0px;
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight: bold;
	border-bottom:0px #666666 solid;
	padding:5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.LeftNav_sectionItemSubOver, A.LeftNav_sectionItemSubOver, A:LINK.LeftNav_sectionItemSubOver, A:visited.LeftNav_sectionItemSubOver { 
	background-color: #000000;
	spacing:0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	font-weight: bold;
	border-bottom:0px #666666 solid;
	padding:5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* VERTICAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 100%;
 list-style: none;
 border-bottom:2px ##666666 solid;
}
/* Submenus (<ul> tas) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -1px;
 left: 176px;
}
/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border-top:1px #666666 solid;
 background-image:url(/images/nav_black_background.jpg);
 margin-bottom: -1px;*/
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}
/* Links inside the menu */
.menulist a, .menulist a:visited {
 font-size:11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#666666;
 text-align:left;
 font-weight: bold; 
 display: block;
 padding: 3px;
 padding-left: 20px;
 text-decoration: none;
 line-height:20px;
 }
/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
}
.menulist a.highlighted {
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="##">
 2) Copy and paste these next lines for each link you want to have an image:
	.menulist a##xyz {
	  background-image: url(out.gif);
	}
	.menulist a##xyz:hover, .menulist a.highlighted##xyz, .menulist a:focus {
	 background-image: url(over.gif);
	}
*/
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}