/*

$Id: leftnav_stylesheet.css, v 1.0 2008/06/18 20:04:02 Rieg Exp $

Slidedown_Menu

*/
TD.cssBoxHeading {
	diplay:block;
	height:37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 1pt;
	padding-left: 3px;
	background-color: #C6BA7B;
	background-image: url(images/layout/navtree_hdr_bak.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

	#mainContainer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:216px;
	background-color: #EEECCD;
	height: 100%;
	}
	#leftMenu{
	width:206px;
	background-color: #F6F6E9;
	color: 7D5C4C;
	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: #7D5C4C;
	text-decoration:none;
	display:block;
	clear:both;
	width:100%;
	padding-left:2px;
	border-bottom:1px #EEECCD solid;
	}
	
	/*
	A tags 
	*/
	#leftnav_menu .slMenuItem_depth1{	/* Main menu items */
	display: block;
	height: 35px;
	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;}

