body{
	padding:0;
	margin:0;
}

.template_banner{
	height:126px;
	background:url(/resources/images/_theme_0/biisen_banner_space.png) repeat-x;
	z-index:1;
}

div#menus{
	height:53px;
	background:url(/resources/images/_theme_0/bg_nav.png) repeat-x;
	position:relative;
	border-top:1px solid #858fa1;
	border-bottom:1px solid #896c41;
}

.main{
	padding:20px 10px;
}


/*** ESSENTIAL STYLES ***/
.sf2-menu, .sf2-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf2-menu {
	line-height:		29px;
	width:			100%;
	
}
.sf2-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf2-menu ul ul {
	width:			100%;
}
.sf2-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf2-menu li {
	float:			left;
	position:		relative;
}
.sf2-menu a {
	display:		block;
	position:		relative;
}
.sf2-menu li:hover ul,
.sf2-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf2-menu li:hover li ul,
ul.sf2-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf2-menu li li:hover ul,
ul.sf2-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf2-menu li li:hover li ul,
ul.sf2-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf2-menu li li li:hover ul,
ul.sf2-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf2-menu {
	float:			left;
}
.sf2-menu a {
	padding:		0 10px;
	text-decoration:	none;
	margin-left:1px;
	margin-right:1px;
}
.sf2-menu a, .sf2-menu a:visited, .sf2-menu a:link  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5c180e;
}

.sf2-menu li:focus, .sf2-menu li:active{
	border-left:		1px solid #8791a4;
	border-right:		1px solid #8791a4;
	background-image:	url(/resources/images/_theme_0/bg_main_menu_hover.png);
	background-position:top;
	height:26px;
	color:#5c180e;
	margin-left:0px;
	margin-right:0px;
}


.sf2-menu li:hover{
	border-left:		1px solid #8791a4;
	border-right:		1px solid #8791a4;
	background-image:	url(/resources/images/_theme_0/bg_main_menu_hover.png);
	background-position:top;
	height:26px;
	color:#5c180e;
	margin-left:0px;
	margin-right:0px;
}

.sf2-menu li li:focus, .sf2-menu li li:active{
	background-image:	url(/resources/images/_theme_0/bg_sub_menu_hover.png);
	background-position:bottom;
	margin-top:1px;
	border-left:1px solid #896c41; 
	border-right:1px solid #896c41;
	color:#5c4236;
	margin-left:0px;
	margin-right:0px;
	height:26px;
	
}

.sf2-menu li li:hover{
	background-image:	url(/resources/images/_theme_0/bg_sub_menu_hover.png);
	background-position:bottom;
	margin-top:1px;
	border-left:1px solid #896c41; 
	border-right:1px solid #896c41;
	color:#5c4236;
	margin-left:0px;
	margin-right:0px;
	height:26px;
}

#main-menu li ul {
	padding-top:		1px;
	
}

/*** adding the class sf2-navbar in addition to sf2-menu creates an all-horizontal nav-bar menu ***/
.sf2-navbar {
	height:			29px;
	position:		relative;
}
.sf2-navbar li {
	position:		static;
	
}
.sf2-navbar a {
	border-top:		none;
}
.sf2-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf2-navbar li li {
	position:		relative;
}
.sf2-navbar ul li {
	width:			auto;
	float:			left;
}
.sf2-navbar a, .sf2-navbar a:visited {
	border:			none;
}
ul.sf2-navbar .current ul,
ul.sf2-navbar ul li:hover ul,
ul.sf2-navbar ul li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
}

/*** remove shadow on first submenu ***/
.sf2-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

.sf2-menu li ul {
	width:			100%;
}