@charset "utf-8";
/* CSS Document */

/*Horizontal Navigation*/
#nav {
	margin: 0 auto; 
	WIDTH: 1000px;
	HEIGHT: 54px;
	background: url(images/HorNavBg.jpg);
	background-repeat: no-repeat;
	COLOR: #D8D9DB;
    list-style: none;
	/* I changed padding below */
	padding: 7px 0 0 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*
	text-align: center;
	*/
}
#nav a:hover {
	color: #C5141C;
}
#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#nav a {
    display: block;
	width: 160px;  /*was 10em */
	color: #D8D9DB;
	text-decoration: none;
	padding: 3px;
	/*margin: 0;    Je removed today*/
}
#nav li {
    float: left;
    width: 160px; /*was 10em */
  	margin: 0;
	padding: 0;
	/*text-align: center; centers main links without centering the links in the drop-down box*/
}
/*je added below*/
#nav li ul li a {
	color: #0D4582;
	text-decoration: none;
	padding: 3px;
	/*text-align: left; keeps links in drop-down box aligned to the left */
}
#nav li ul li a:hover {
	color: #C5141C;
	text-decoration: none;
}
/*je added above*/
#nav li ul {
    position: absolute;
    width: 160px; /* was 10em */
    left: -999em;
	background-color: #D8D9DB;
	height: auto;
	/*  Joyce removed today
	PADDING: 10px 2px 10px 5px;
	margin-top: 1px;
	  */
	/*Joyce added below today */
	PADDING-LEFT: 3px; 
	 
}
#nav li:hover ul {
    left: auto;
}
/*added below in place of the next item below*/
#nav li.sfhover ul {
    left: auto;
}
/*#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
*/
#nav li a {
	padding: 0px;
}



/* Vertical Nav  
----------------------------------------------------- */
#verticalnavbox {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*
	background-image: url(images/VerticalNavBgBox.jpg);
	background-repeat: repeat;*/	
	background-color: #0D4582;
	margin: 0;
	padding-bottom: 0;
	width: 185px;
	background-image: url(images/VertNavBg.jpg);
	background-repeat: no-repeat;
    height: 480px;
	line-height: 17px;
}

ul#verticalnav {
	font-size: 15px;
    margin: 0;
    padding: 55px 0 0 0;
	list-style-type: none;
	
}
ul#verticalnav li {
	position: relative;
	font-size: 15px;
}
/*below padding adjusts space around each main category*/
ul#verticalnav li a{
	display: block;
 	/*overflow: auto;*/ /*forces Layout in IE7 */
	padding: 5px 0 7px 13px;
	color: #D8D9DB;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0;
	border-bottom: 0;
}
ul#verticalnav li a:hover {
	color: #C5141C;
	font-weight: bold;
	margin: 0px;  /*This changed navigation hover*/
	
}
.ul#verticalnav li a:visited {
	color: #D8D9DB;
}
/*1st level sub menu style - left controls spacing between the link & the silver drop-down & keeps drop-down box steady */
/*THIS ONE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
ul#verticalnav li ul {
	position: absolute;
    left: 182px;  /*this was there */
	/*margin-left: 150px; */
	top: 4px;
	width: 150px;     /*width of drop-down box*/
	display: none;
	/*
 	background: #39608F;
	*/
	padding: 0;
	list-style-type: none;
}
ul#verticalnav li ul li {
	background: #D8D9DB;
	font-size: 15px;
	font-weight: bold;
}
/*THE STYLE BELOW NEEDS AN IE7 EXCEPTION-SIMPLY ADD AN IMAGE TO DROP-DOWN*/
/*THIS ONE!!!!*/
ul#verticalnav li ul li a{
	display: block;
	/*overflow: auto;*/ /*forces Layout in IE7 */
	color: #0D4582;
	text-decoration: none;
	padding: 3px 0 4px 10px;
	background: url(images/spacer.jpg) no-repeat 5px 6px;
}
/*THIS ONE!!!!!!!!!!!!!!*/
/*THIS ONE!!!!!!!!!!!!!! this is where the background color needs to go */
ul#verticalnav li ul li a:hover {
	color: #C5141C;
	text-decoration: none;
	background: url(images/symbol.jpg) no-repeat 5px 6px;
}
/* Holly Hack for IE \*/

* html #verticalnav ul li { float: left; height: 1%; }
* html #verticalnav ul li a { height: 1%; }/* CSS Document */