/*

$Id: leftnav_stylesheet.css, v 1.0 2008/06/18 20:04:02 Rieg Exp $

Slidedown_Menu

*/
TD.cssBoxHeading {
	diSplay:block;
	height:37px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #171411;
	letter-spacing: 1pt;
	padding-left: 3px;
	/* background-color: #ffffff; */
	background-repeat: no-repeat;
	background-position: right top;
}

#mainContainer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:216px;
	height: 100%;
}

#leftMenu{
	width:220px;
	color: #171411;
	margin-left:5px;
	height: 100%;
}

#mainContent{
	width: 220px;
	float:left;
}

	/*
	General rules
	*/

#leftnav_menu li{
		list-style-type:none;
		position:relative;
	}

#leftnav_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

#leftnav_menu div{
		margin:0px;
		padding:0px;
	}

/* 	Layout CSS */

#leftnav_menu{
	width:95%;
	height:100%;
}

/* All A tags - i.e menu items. */

#leftnav_menu a{
	/* color: #171411; */
	text-decoration:none;
	display:block;
	clear:both;
	width:205px; /* changed from 100% - AR */
	padding-left:2px;
	/* border-bottom:1px #EEECCD solid; */
}
	
/*
A tags 
*/
#leftnav_menu .slMenuItem_depth1{	/* Main menu items */
	display: block;
	overflow:hidden;
	height: 35px;
	width: 240px;
	line-height: 35px;
	font-size: 12px;
	/*background-color: #796634;*/
}	

#leftnav_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:1px;
	font-size: 11px;
	/* background-color: #F6F6E9; */
	/* height: 24px; */
	/* line-height:24px; */
}	

#leftnav_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:1px;
	font-size: 10px;
	height: 24px;
	line-height:24px	
}	

#leftnav_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:1px;
	font-size: 10px;
	height: 24px;
	line-height:24px
}	

#leftnav_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
		font-size: 10px;
}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#leftnav_menu .slideMenuDiv1
	
	instead of 
	
	#leftnav_menu .slideMenuDiv1 ul
	*/
	
#leftnav_menu .slideMenuDiv1 ul{
		padding:1px;
}

#leftnav_menu .slideMenuDiv2 ul{
		margin-left:20px;
		padding:1px;
		/* background-color:#F6F3E1; */
}

#leftnav_menu .slideMenuDiv3 ul{
		margin-left:30px;
		padding:1px;
}

#leftnav_menu .slMenuItem_depth4 ul{
		margin-left:35px;
		padding:1px;
}
	
/* bassett	*/

#leftNav{}


/* tier 2 */
.leftNavWrapper{padding:0 5px 0 5px;}
.leftNav2Off, .leftNav2On{margin-bottom:5px; padding:14px 40px 10px 9px; background:#BBA890 url("../images/global/leftNav/title_bg.gif") repeat-x 0 100%;}
.leftNav2Off{background:#BBA890;}
.leftNav2On a, .leftNav2On a:hover, .leftNav2Off a, .leftNav2Off a:hover{font-size:12px; color:#ffffff; text-transform:uppercase; text-decoration:none;}
/* tier 3 */
.leftNav3Off, .leftNav3On{margin-bottom:1px; padding:6px 8px 6px 8px;}
.leftNav3Off a, .leftNav3On a{font-size:12px; text-decoration:none;}
.leftNav3Off{background:#F6F4EF;}
.leftNav3On{background:#705945;}
.leftNav3Off a{color:#666666; text-decoration:none;}
.leftNav3Off a:hover{color:#705945; text-decoration:none;}
.leftNav3On a, .leftNav3On a:hover{color:#FFFFFF; text-decoration:none;}
.leftNav3Off div.borders{}
.leftNav3On div.borders{}
a.leftNavClearance, a.leftNavClearance:hover, a.leftNavClearance:visited, a.leftNavClearance:active{color:#CC3333;}
/* tier 4 */
.leftNav4Off, .leftNav4On{margin-bottom:1px; padding:4px 8px 4px 25px; background:#F6F4EF;}
.leftNav4On{background:#BCA991 url("../images/global/leftNav/tier4_arrow.gif") no-repeat 6px 6px;}
.leftNav4Off a, .leftNav4Off a:hover, .leftNav4On a, .leftNav4On a:hover{font-size:11px; text-decoration:none;}
.leftNav4Off a{color:#666666;}
.leftNav4Off a:hover{color:#BCA991; text-decoration:none;}
.leftNav4On a, .leftNav4On a:hover{color:#F9F5EF; text-decoration:none;}
.leftNav4Off div.borders{}
.leftNav4On div.borders{}
/* tier 5 */
.leftNav5Off{
	background:#FAF5EF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 38px;
}
.leftNav5On{padding:0 4px 0 38px; background:#FAF5EF;}
.leftNav5Off a, .leftNav5Off a:hover, .leftNav5On a, .leftNav5On a:hover{font-size:11px; text-decoration:none;}
.leftNav5Off a{color:#705945; text-decoration:none;}
.leftNav5Off a:hover{color:#BCA991; text-decoration:none;}
.leftNav5Off div.borders{padding:0px 4px 7px 3px; background:url("../images/global/leftNav/tier4-5_border.gif") repeat-x 0 100%;}
.leftNav5Off div.borders div{padding:0; margin-bottom:0; background:none;}
.leftNav5On{background:#FAF5EF url("../images/global/leftNav/tier5_arrow.gif") no-repeat 25px 0;}
.leftNav5On div.borders{padding:0px 0 2px 0; background:url("../images/global/leftNav/tier4-5_border.gif") repeat-x 0 100%;}
.leftNav5On div.borders div{padding:2px 3px 2px 3px; margin-bottom:3px; background:#E0D9C7;}
.leftNav5On a{color:#C47031; text-decoration:none;}

