/* CSS NAVIGATION STYLES */

/* 
 COLORS:
 --------------------------------
 Level 1:
 --------------------------------
   Off    (White) #FFF;
   Hover  (Dark Blue)  #D5E5F5;
   On     (Medium Blue)  #E7EFF6;
 --------------------------------
 Level 2 - Selected Sub Nav:
 --------------------------------
   Off    (Light Blue)  #ECF4FB;
   Hover  (Dark Blue)  #D5E5F5;
   On     (Medium Blue)  #E7EFF6;
 --------------------------------
 Level 2 - Not Selected Sub Nav:
 --------------------------------
   Off    (White)  #FFF;
   Hover  (Dark Blue)  #D5E5F5;
 --------------------------------
*/
 

/* ------------------------------------------------------------------------------------ SubNav Position */

#subnav {
	float: left;
	margin-top: 80px;
	padding-bottom: 124px;
	width: 270px;
	background: url(/images/structure/subnav_bottomCorner.jpg) right bottom no-repeat;
	border-top: 1px solid #eaeaea;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}

#subnav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	border-bottom: 1px solid #eaeaea;
}

/* ------------------------------------------------------------------------------------ Link Styles for non-expanding items */

#subnav a {
	display: block;
	padding: 15px 30px 15px 45px;
}

#subnav a:hover {
	background: #D5E5F5;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------ Link Styles for expanding items */


#subnav a.toggleOpen
{
	position: absolute;
	display: block;
	width: 45px;	
	padding: 15px 0px 15px 0px !important;
	background: transparent url(/images/structure/subNav_expandIcon_open.gif) 30px 17px no-repeat;
	background-color: transparent;
	text-decoration: none !important;
}

	#subnav a.toggleOpen:hover
	{
		text-decoration: none !important;
		background: transparent url(/images/structure/subNav_expandIcon_open.gif) 30px 17px no-repeat;
	}

#subnav a.toggleClosed
{
	position: absolute;
	display: block;
	width: 45px;
	padding: 15px 0px 15px 0px !important;	
	background: transparent url(/images/structure/subNav_expandIcon_closed.gif) 30px 17px no-repeat;
	background-color: transparent;
	text-decoration: none !important;
}

	#subnav a.toggleClosed:hover
	{
		text-decoration: none !important;	
		background: transparent url(/images/structure/subNav_expandIcon_closed.gif) 30px 17px no-repeat;
	}

#subnav a.closed {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_closed.gif) 30px 17px no-repeat;*/
}

#subnav a.closed:hover {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_closed.gif) 30px 17px no-repeat;*/
}

#subnav a.open {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_open.gif) 30px 17px no-repeat;*/
}

#subnav a.open:hover {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_open.gif) 30px 17px no-repeat;*/
}

/* ------------------------------------------------------------------------------------ Link Styles for level 2 expanding items */

#subnav ul a.toggleOpen
{
	position: absolute;
	display: block;
	width: 60px;	
	padding: 15px 0px 15px 0px !important;
	background: transparent url(/images/structure/subNav_expandIcon_open.gif) 45px 12px no-repeat;
	background-color: transparent;
	text-decoration: none !important;
}

	#subnav ul a.toggleOpen:hover
	{
		text-decoration: none !important;	
		background: transparent url(/images/structure/subNav_expandIcon_open.gif) 45px 12px no-repeat;
	}

#subnav ul a.toggleClosed
{
	position: absolute;
	display: block;
	width: 60px;
	padding: 15px 0px 15px 0px !important;	
	background: transparent url(/images/structure/subNav_expandIcon_closed.gif) 45px 12px no-repeat;
	background-color: transparent;
	text-decoration: none !important;
}

	#subnav ul a.toggleClosed:hover
	{
		text-decoration: none !important;	
		background: transparent url(/images/structure/subNav_expandIcon_closed.gif) 45px 12px no-repeat;
	}

#subnav ul a.closed {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_closed.gif) 45px 12px no-repeat;*/
}

#subnav ul a.closed:hover {
	background: transparent; /*url(/images/structure/subNav_expandIcon_closed.gif) 45px 12px no-repeat;*/
}

#subnav ul a.open {
	background-color: transparent; /*url(/images/structure/subNav_expandIcon_open.gif) 45px 13px no-repeat;*/
}

#subnav ul a.open:hover {
	background: transparent; /*url(/images/structure/subNav_expandIcon_open.gif) 45px 13px no-repeat;*/
}

/* ------------------------------------------------------------------------------------ On State */

#subnav .on, #subnav .on ul li.on {
	background: #E7EFF6;
}

/* ------------------------------------------------------------------------------------ Level 2 Styles */

#subnav ul {
	font-size: 12px;
	line-height: 1.2;
}

#subnav ul li {
	border-top: 1px solid #eaeaea;
	border-bottom: none;
	background-color: #fff;
}

#subnav ul a {
	display: block;
	padding: 10px 30px 10px 60px;
}

#subnav .on ul li {
	border-top: 1px solid #eaeaea;
	border-bottom: none;
	background-color: #ECF4FB;
}

/* ------------------------------------------------------------------------------------ Level 3 Styles */

#subnav ul ul {
	font-size: 12px;
	line-height: 1.2;
}

#subnav ul ul li {
	border-top: 1px solid #eaeaea;
	border-bottom: none;
	background-color: #fff;
}

#subnav ul ul a {
	display: block;
	padding: 10px 30px 10px 80px;
}
/*
#subnav .on ul li {
	border-top: 1px solid #eaeaea;
	border-bottom: none;
	background-color: #ECF4FB;
}*/

#subnav .off ul {
	display: none;
}