/* Basic code - don't modify */
 
#main {
	margin-bottom: 0px;
}

#nav { 
	width: 857px;
	display: block; 
	margin: 23px auto 0;
	padding: 0; 
	position: relative; 
	height: 25px;
}

#nav li { 
	display: block; 
	list-style: none;
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
	background-color: #330000;
}




#nav a { 
	display: block; 
/*	text-indent: -9999px;
*/	overflow: hidden;
	background: url(../images/com/img_gnavi.gif) no-repeat;
	height: 17px;
	}


*#nav a { 
	display: block; 
/*	text-indent: -9999px;
*/	overflow: hidden;
	background: url(../images/com/img_gnavi.gif) no-repeat;
	height: 17px;
	padding-bottom: 10px;
	}




#nav ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	margin: 0; 
	padding: 0; }

* html #nav ul { line-height: 0;
	padding-bottom:10px; } /* IE6 "fix" */

#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 105px; }

/* Everything else is theming */
 
#nav { background-color: #330000; 
 }

#nav *:hover { background-color: none; }

#nav a {  color: white; font-size: 11px; padding: 6px; line-height: 1; }

#nav li.hover a { background-color: #330000; }

#nav ul { top: 25px; }

#nav ul li a { background-color: #330000; }

#nav ul a.hover { background-color: #8d7171; }

#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

ul#nav li a.gnavi01 {
	width: 127px;
	background-position: 0 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi01 {
	background-position: 0 -29px;
	text-indent:-9999px;
}

ul#nav li a.gnavi02{
	width: 180px;
	background-position: -118px 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi02 {
	background-position: -118px -29px;
	text-indent:-9999px;
}


ul#nav li a.gnavi03{
	width: 105px;
	background-position: -299px 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi03 {
	background-position: -299px -29px;
	text-indent:-9999px;
}

ul#nav li a.gnavi04{
	width: 125px;
	background-position: -442px 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi04 {
	background-position: -442px -29px;
	text-indent:-9999px;
}

ul#nav li a.gnavi05{
	width: 132px;
	background-position: -592px 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi05 {
	background-position: -592px -29px;
	text-indent:-9999px;
}

ul#nav li a.gnavi06{
	width: 108px;
	background-position: -742px 0;
	text-indent:-9999px;
}

ul#nav li a:hover.gnavi06 {
	background-position: -742px -29px;
	text-indent:-9999px;
}



ul#nav ul a { 
	left: 50px;
	width: 140px;
	display: block; 
	height:26px;
	text-decoration: none;
	line-height:1.3;
	text-align: center;
	}

ul#nav ul {
	width: 140px;
	margin-top:19px;
}

ul#nav li a.subnavi01 {
	width: 128px;
	background-image: none;
}

ul#nav li a.subnavi02 {
	width: 128px;
	background-image: none;
}

ul#nav li a:hover.subnavi02 {
	background-image: none;

}

ul#nav li a.subnavi03 {
	width: 128px;
	background-image: none;
	height: 14px;
}

ul#nav li a:hover.subnavi03 {
	background-image: none;
	height: 14px;
}