#navigation .head{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	background:#888888;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	padding:5px 2px 5px 3px;
	}
#navigation .sp_div{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	background:#CCCCCC;
	}
#navigation .submenu, .submenuhover{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	height:27px;
	background:#CCCCCC url(../img/arr2.gif) no-repeat 3px 5px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	}

#navigation .submenufont {
	position:absolute;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
  	left:20px;top:5px;
}

#navigation .submenu .submenuon { 
	list-style: none;
  	margin: 0px;                
  	position: absolute; 
  	width:100%;
	height:27px;
	background:#CCCCCC url(../img/arr2.gif) no-repeat 3px 5px;
	border-bottom:solid 1px #FFFFFF;
	display:none;
	text-decoration:none;
}

#navigation .submenuon { 
	position: absolute; 
	top: 0; left: 173px; 
	width:173px;
	display:block;
	text-decoration:none;
	border:solid 1px #000000;
}

#navigation .submenuhover {
	background:#888888 url(../img/arr.gif) no-repeat 3px 5px;
}

#navigation .opt2 {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	height:27px;
	background:#888888 url(../img/arr2.gif) no-repeat 3px 5px;
	border-bottom:solid 1px #FFFFFF;
	display:block;	
	text-decoration:none;
}	

#navigation .opt {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	height:27px;
	background:#888888 url(../img/arr2.gif) no-repeat 3px 5px;
	display:block;	
	text-decoration:none;
}	

#navigation .optfont {
	position:absolute;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
  	left:20px;top:5px;
}

#navigation .opt:hover { 
	background:#999999 url(../img/arr.gif) no-repeat 3px 5px;
}

#navigation .opt2:hover { 
	background:#999999 url(../img/arr.gif) no-repeat 3px 5px;
}

#navigation .opt:active {
	background:#888888 url(../img/arr2.gif) no-repeat 3px 5px;
}
#navigation .opt2:active {
	background:#FFCC00 url(../img/arr2.gif) no-repeat 3px 5px;
}
/*----------------*/
/*----------------*/
#current .head{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	background:#FFCC00 url(../img/arr2.gif) no-repeat 3px 5px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	padding:5px 2px 5px 20px;
	}
#current .sp_div{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	background:#CCCCCC;
	}
#current .submenu{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	}

#current .submenufont {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px 2px 5px 10px;
	display:block;
}

#current .submenu .submenuon { 
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	display:none;
	text-decoration:none;
}

#current .submenuon { 
	position: relative; 
	top: 0; left: 173px; 
	width:173px;
	display:block;
	text-decoration:none;
	border:solid 1px #000000;
}

#current .submenuhover {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
}

#current .opt {
  	position: relative; 
  	/*width:100%;
	height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;	
	text-decoration:none;
}	

#current .optfont {
	position:realtive;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
  	left:20px;top:5px;
}

#current .opt:hover { 
	background:#999999 url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;
	position:relative;
}
#current .opt:active {
	background:#DEDEDE url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;
	position:relative;
}
/*----------------*/
#done .head{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	background:#FFCC00 url(../img/arr2.gif) no-repeat 3px 5px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	padding:5px 2px 5px 20px;
	}
#done .sp_div{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	background:#CCCCCC;
	}
#done .submenu{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	}

#done .submenufont {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px 2px 5px 10px;
	display:block;
}

#done .submenu .submenuon { 
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	display:none;
	text-decoration:none;
}

#done .submenuon { 
	position: relative; 
	top: 0; left: 173px; 
	width:173px;
	display:block;
	text-decoration:none;
	border:solid 1px #000000;
}

#done .submenuhover {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
}

#done .opt {
  	position: relative; 
  	/*width:100%;
	height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;	
	text-decoration:none;
}	

#done .optfont {
	position:realtive;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
  	left:20px;top:5px;
}

#done .opt:hover { 
	background:#999999 url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;
	position:relative;
}
#done .opt:active {
	background:#DEDEDE url(../img/arr5.gif) no-repeat 6px 1px;
	display:block;
	position:relative;
}
/*----------------*/
#sub_nav .submenu{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	text-decoration:none;
	}

#sub_nav .submenufont {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px 2px 5px 10px;
	display:block;
}

#sub_nav .submenu .submenuon { 
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	display:none;
	text-decoration:none;
}

#sub_nav .submenuon { 
	position: relative; 
	top: 0; left: 173px; 
	width:173px;
	display:block;
	text-decoration:none;
	border:solid 1px #000000;

}

#sub_nav .submenuhover {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
  	width:100%;
	/*height:23px;*/
	background:#888888 url(../img/arr5.gif) no-repeat 6px 1px;
	text-decoration:none;
}

#sub_nav .opt {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px 2px 5px 20px;
	display:block;
	background:url(../img/arr4.gif) no-repeat 2px 5px;
}	

#sub_nav .optactive {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px 2px 5px 20px;
	display:block;
	background:#4F82B5 url(../img/arr6.gif) no-repeat 2px 5px;
}	

#sub_nav .optfont {
	position:realtive;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
  	left:20px;top:5px;
}

#sub_nav .opt:hover { 
	display:block;
	position:relative;
	text-decoration:underline;
	color: #CCCCCC;
	background:#739BC4 url(../img/arr3.gif) no-repeat 2px 5px;
}
#sub_nav .optactive:hover { 
	display:block;
	position:relative;
	text-decoration:underline;
	color: #CCCCCC;
	background:#739BC4 url(../img/arr7.gif) no-repeat 2px 5px;
}
/*menu for admin*/
#menu_admin .submenu{
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	background:#CCCCCC;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
	padding:5px;
	}

#menu_admin .submenufont {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	display:block;
}

#menu_admin .submenu .submenuon { 
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	padding:5px;
	background:#CCCCCC;
	border-bottom:solid 1px #FFFFFF;
	display:none;
	text-decoration:none;
}

#menu_admin .submenuon { 
	position: absolute; 
	top: 0; left: 173px; 
	display:block;
	text-decoration:none;
	border:solid 1px #000000;
}

#menu_admin .submenuhover {
	background:#DEDEDE;
}

#menu_admin .opt2 {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	padding:5px;
	width:190px;
	display:block;
	background:#CCCCCC;
	border-bottom:solid 1px #FFFFFF;
	text-decoration:none;
}	

#menu_admin .opt {
	list-style: none;
  	margin: 0px;                
  	position: relative; 
	display:block;
	background:#CCCCCC;
	text-decoration:none;
}	

#menu_admin .optfont {
	position:relative;
	font-size:13px;
	color: #FFFFFF;
	letter-spacing:.03em;
	text-decoration: none;
	padding:5px;
}

#menu_admin .opt:hover { 
	background:#DEDEDE;
}

#menu_admin .opt2:hover { 
	background:#DEDEDE ;
}

#menu_admin .opt:active {
	background:#CCCCCC ;
}
#menu_admin .opt2:active {
	background:#FFCC00 ;
}
/*----------------*/