ul#menu,
ul#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 200px
	}
ul#menu {
	/*background: url(../img/sideCol_crnrTop.gif) 0 0 no-repeat;*/
	/*padding: 5px 0 0*/
	padding: 0;
	}
ul#menu a {
	display: block; /* causes issue in ie6 */
	text-decoration: none;	
	}
ul#menu li {
	margin: 0;
	padding: 0
	}

ul#menu li a {
	color: rgb(95,97,98);
	font-size: 11px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 1px;
	margin: 0; 
	line-height: 30px; 
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#menu li a { 
		line-height: 30px; 
		padding-top: 1px;
		padding-bottom: 0px;
	} /*safari specific hack */
}
ul#menu li a:hover {
	background: rgb(234,109,34);
	color: rgb(255,255,255);
	}
	
	
	
	
/* main menu selected text to white */
ul#menu li#menu0  {
	background: url(../img/navBg.gif) 0 -1px no-repeat;
	}
ul#menu li#menu1  {
	background: url(../img/navBg.gif) 0 -30px no-repeat;
	}
ul#menu li#menu2  {
	background: url(../img/navBg.gif) 0 -60px no-repeat;
	}
ul#menu li#menu3  {
	background: url(../img/navBg.gif) 0 -90px no-repeat;
	}
ul#menu li#menu4  {
	background: url(../img/navBg.gif) 0 -120px no-repeat;
	}
ul#menu li#menu5  {
	background: url(../img/navBg.gif) 0 -150px no-repeat;
	}
ul#menu li#menu6  {
	background: url(../img/navBg.gif) 0 -180px no-repeat;
	}
ul#menu li#menu7  {
	background: url(../img/navBg.gif) 0 -210px no-repeat;
	}
ul#menu li#menu8  {
	background: url(../img/navBg.gif) 0 -240px no-repeat;
	}
ul#menu li#menu9  {
	background: url(../img/navBg.gif) 0 -270px no-repeat;
	}
ul#menu li#menu10  {
	background: url(../img/navBg.gif) 0 -300px no-repeat;
	}
ul#menu li#menu11  {
	background: url(../img/navBg.gif) 0 -330px no-repeat;
	}
	
	
	
	
ul#menu li a.selected {
	color: rgb(255,255,255)
	}
/* main menu background color options */
ul#menu li#menu0 a.selected,
ul#menu li#menu0 a:hover {
	background: rgb(234,109,34)
	}
ul#menu li#menu1 a.selected,
ul#menu li#menu1 a:hover {
	background: rgb(125,106,85)
	}
ul#menu li#menu2 a.selected,
ul#menu li#menu2 a:hover {
	background: rgb(57,72,110)
	}
ul#menu li#menu3 a.selected,
ul#menu li#menu3 a:hover {
	background: rgb(168,180,199)
	}
ul#menu li#menu4 a.selected,
ul#menu li#menu4 a:hover {
	background: rgb(170,188,170)
	}
ul#menu li#menu5 a.selected,
ul#menu li#menu5 a:hover {
	background: rgb(195,32,38)
	}
ul#menu li#menu6 a.selected,
ul#menu li#menu6 a:hover {
	background: rgb(211,215,172);
	color: rgb(71,71,71);
	}
ul#menu li#menu7 a.selected,
ul#menu li#menu7 a:hover {
	background: rgb(177,149,58)
	}
ul#menu li#menu8 a.selected,
ul#menu li#menu8 a:hover {
	background: rgb(189,88,24)
	}
ul#menu li#menu9 a.selected,
ul#menu li#menu9 a:hover {
	background: rgb(77,82,80)
	}
ul#menu li#menu10 a.selected,
ul#menu li#menu10 a:hover {
	background: rgb(243,211,105);
	color: rgb(71,71,71);
	}
ul#menu li#menu11 a.selected,
ul#menu li#menu11 a:hover {
	background: rgb(0,120,139);
	}
	
	
	

	






/* submmenu list */

ul#menu ul {
	background: rgb(208,208,211);
	padding: 10px 0
	}
ul#menu ul li a {
	border-top: none;
	color: rgb(95,97,98);
	font-size: 10px;
	line-height: 1.2em;
	padding: 5px 20px 5px 25px
	}
ul#menu ul.thirdlevel {
	background: rgb(208,208,211);
	border-bottom: none;
	padding: 10px 0
	}
ul#menu ul.thirdlevel a {
	border-top: none;
	color: rgb(95,97,98);
	font-size: 10px;
	line-height: 1.2em;
	padding: 5px 20px 5px 40px
	}

/* submmenu list ! must set for every # */

ul#menu li#menu0 ul li a:hover,
ul#menu li#menu0 ul li a.selected,
ul#menu li#menu1 ul li a:hover,
ul#menu li#menu1 ul li a.selected,
ul#menu li#menu2 ul li a:hover,
ul#menu li#menu2 ul li a.selected,
ul#menu li#menu3 ul li a:hover,
ul#menu li#menu3 ul li a.selected,
ul#menu li#menu4 ul li a:hover,
ul#menu li#menu4 ul li a.selected,
ul#menu li#menu5 ul li a:hover,
ul#menu li#menu5 ul li a.selected,
ul#menu li#menu6 ul li a:hover,
ul#menu li#menu6 ul li a.selected,
ul#menu li#menu7 ul li a:hover,
ul#menu li#menu7 ul li a.selected,
ul#menu li#menu8 ul li a:hover,
ul#menu li#menu8 ul li a.selected,
ul#menu li#menu9 ul li a:hover,
ul#menu li#menu9 ul li a.selected,
ul#menu li#menu10 ul li a:hover,
ul#menu li#menu10 ul li a.selected,
ul#menu li#menu11 ul li a:hover,
ul#menu li#menu11 ul li a.selected {
	background: url(../img/nav_ArrowHover.gif) 15px 7px no-repeat;
	color: rgb(58,59,60)
	}
ul#menu li#menu0 ul.thirdlevel li a:hover,
ul#menu li#menu0 ul.thirdlevel li a.selected,
ul#menu li#menu1 ul.thirdlevel li a:hover,
ul#menu li#menu1 ul.thirdlevel li a.selected,
ul#menu li#menu2 ul.thirdlevel li a:hover,
ul#menu li#menu2 ul.thirdlevel li a.selected,
ul#menu li#menu3 ul.thirdlevel li a:hover,
ul#menu li#menu3 ul.thirdlevel li a.selected,
ul#menu li#menu4 ul.thirdlevel li a:hover,
ul#menu li#menu4 ul.thirdlevel li a.selected,
ul#menu li#menu5 ul.thirdlevel li a:hover,
ul#menu li#menu5 ul.thirdlevel li a.selected,
ul#menu li#menu6 ul.thirdlevel li a:hover,
ul#menu li#menu6 ul.thirdlevel li a.selected,
ul#menu li#menu7 ul.thirdlevel li a:hover,
ul#menu li#menu7 ul.thirdlevel li a.selected,
ul#menu li#menu8 ul.thirdlevel li a:hover,
ul#menu li#menu8 ul.thirdlevel li a.selected,
ul#menu li#menu9 ul.thirdlevel li a:hover,
ul#menu li#menu9 ul.thirdlevel li a.selected,
ul#menu li#menu10 ul.thirdlevel li a:hover,
ul#menu li#menu10 ul.thirdlevel li a.selected,
ul#menu li#menu11 ul.thirdlevel li a:hover,
ul#menu li#menu11 ul.thirdlevel li a.selected {
	background: url(../img/nav_ArrowHover.gif) 28px 7px no-repeat;
	*background: url(../img/nav_ArrowHover.gif) 28px 10px no-repeat;
	}