@charset "UTF-8";


ul.dropdown { color: #fffefe; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
ul.dropdown li.first { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 100%; }
ul.dropdown li.last { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 100%; }

ul.dropdown li a:link { color: #fff; line-height: 1em; text-decoration: none; word-spacing: 0.1em; letter-spacing: 0.01em; }
ul.dropdown li a:visited { color: #fff; text-decoration: none; }
ul.dropdown li a:hover { color: #146ab0; }
ul.dropdown li a:active { color: #fff; }

ul.dropdown li ul a:link { color: #a20000; }
ul.dropdown li ul a:visited { color: #a20000; }
ul.dropdown li ul a:hover { color: #a20000; }
ul.dropdown li ul a:active { color: #a20000; }

ul.dropdown li ul { left: -15px; width: 510px; padding: 0 16px; background: url(../images/box1-top.png) no-repeat 50% 0; height: 290px; }
ul.dropdown ul li {
		 height: auto;
		 padding: 5px 15px;
		 line-height: 1.3em;
		 white-space: normal;
		}
	
/* home link */
	.hme_lnk {
	display: block;
	width: 83px;
	height: 33px;
	background: url(../images/menu_01.gif) no-repeat 50% bottom;
	text-indent: -99999.01px;
}
.hme_lnk:hover { background-repeat: no-repeat; background-position: 0 0; }
	
/* about link */

	
	.abt_lnk {
	display: block;
	width: 102px;
	height: 33px;
	background: url(../images/menu_02.gif) no-repeat 50% bottom;
	
}
.abt_lnk:hover { background-repeat: no-repeat; background-position: 0 0; }
	
/* board link */

ul.dropdown li.brd_lnk ul { left: -15px; width: 510px; padding: 0 16px; background: url(../images/box12-top.png) no-repeat 50% 0; height: 290px; }
ul.dropdown ul.brd_lnk li {
		 height: auto;
		 padding: 5px 15px;
		 line-height: 1.3em;
		 white-space: normal;
		}
	
.brd_lnk { display: block; width: 185px; height: 33px; background: url(../images/menu_03.gif) no-repeat 50% bottom; }
.brd_lnk:hover { background-repeat: no-repeat; background-position: 0 0; }
	

	
/* -- fourth -- */

	
	ul.dropdown li.fourth ul { left: -15px; width: 510px; background: url(../images/box-fifth-top.png) no-repeat 50% 0; height: 290px; padding-left: -500px; }
	ul.dropdown li.fourth ul {
	 left: auto;
	 right: 16px;
	}
	ul.dropdown ul li.fourth { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; padding-bottom: 10px; }
	ul.dropdown ul li.fourth {
		 padding-right: 0;
		}
	ul.dropdown ul li.fourth ul { background-color: olive; left: 100%; right: auto; top: -16px; }
	
	
		.fourth {
	display: block;
	width: 97px;
	height: 33px;
	background: url(../images/menu_04.gif) no-repeat 50% bottom;
	
}
.fourth:hover { background-repeat: no-repeat; background-position: 0 0; }

/* -- fourth -- */
	
/* -- fifth -- */
ul.dropdown li.fifth ul { left: -15px; width: 510px; background: url(../images/box-fifth-top.png) no-repeat 50% 0; height: 290px; padding-left: -500px; }
ul.dropdown li.fifth ul {
 left: auto;
	 right: 16px;
	}
	ul.dropdown ul li.fifth { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; padding-bottom: 10px; }
	ul.dropdown ul li.fifth {
		 padding-right: 0;
		}
	ul.dropdown ul li.fifth ul { background-color: olive; left: 100%; right: auto; top: -16px; }
	
		.fifth {
	display: block;
	width: 147px;
	height: 33px;
	background: url(../images/menu_05.gif) no-repeat 50% bottom;
	
}
.fifth:hover { background-repeat: no-repeat; background-position: 0 0; }
/* -- fifth -- */

	
	/* -- sixth -- */
	ul.dropdown li.sixth { background-image: url(../images/menu_06.gif); background-repeat: no-repeat; width: 83px;  }
	ul.dropdown li.sixth.hover,
	ul.dropdown li.sixth:hover { background-position: 0 0; }
	
	ul.dropdown li.sixth ul { left: -15px; width: 510px; background: url(../images/box-first-top.png) no-repeat 50% 0; height: 290px; padding-left: -500px; }
	
	ul.dropdown li.sixth ul {
	 left: auto;
	 right: 16px;
	}
	ul.dropdown ul li.sixth { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; padding-bottom: 10px; }

	ul.dropdown ul li.sixth {
		 padding-right: 0;
		}

		ul.dropdown ul li.sixth ul { background-color: olive; left: 100%; right: auto; top: -16px; }
		
		.sixth {
	display: block;
	width: 83px;
	height: 33px;
	background: url(../images/menu_06.gif) no-repeat 50% bottom;
	
}
.sixth:hover { background-repeat: no-repeat; background-position: 0 0; }
/* -- sixth -- */


/* -- seventh -- */

	
	ul.dropdown li.seventh ul { left: -15px; width: 510px; background: url(../images/box-fifth-top.png) no-repeat 50% 0; height: 290px; padding-left: -500px; }
	ul.dropdown li.seventh ul {
	 left: auto;
	 right: 16px;
	}
	ul.dropdown ul li.seventh { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; padding-bottom: 10px; }
	ul.dropdown ul li.seventh {
		 padding-right: 0;
		}
	ul.dropdown ul li.seventh ul { background-color: olive; left: 100%; right: auto; top: -16px; }
	
	
		.seventh {
	display: block;
	width: 70px;
	height: 33px;
	background: url(../images/menu_07.gif) no-repeat 50% bottom;
	
}
.seventh:hover { background-repeat: no-repeat; background-position: 0 0; }

/* -- seventh -- */

	
		
	/* */
	
	
	
	/* */
	
	

	ul.dropdown li.last ul {
	 left: auto;
	 right: 16px;
	}

		

		

		ul.dropdown ul li.last { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; padding-bottom: 10px; }


		ul.dropdown ul li.last {
		 padding-right: 0;
		}

		ul.dropdown ul li.last ul { background-color: olive; left: 100%; right: auto; top: -16px; }

		/* -- level mark -- */

		ul.dropdown ul ul { background-color: aqua; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top: -12px; left: 100%; padding: 16px 0 0; }

			





/*-------------------------------------------------/
 * @section		Support Class `dir`
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-position: 95% 50%;
 background-repeat: no-repeat;
 
}

 /** menu lists **/
 .menu_list_container { width: 490px; height: 240px; }
 .menu_list_container a:link { color: #b50000; }
 .menu_list_container a:visited { color: #c90707; }
 .menu_list_container a:hover { color: #d31616; }
 .menu_list_container a:active { color: #e70000; }
 .menu_list_items { width: 490px; height: 170px; float: left; }
 .menu_column { width: 140px; float: left; }
 .menu_list { font-size: 11px; width: 140px; float: left; margin-right: 5px; margin-left: 5px; padding: 0 5px 0; border-bottom: 1px solid #c6c6c6; }
.menu_list_wide { font-size: 11px; width: 350px; float: left; margin-right: 5px; margin-left: 5px; padding: 0 5px 0; border-bottom: 1px solid #c6c6c6; }
 .menu_suggestion { color: #1270c3; font-size: 12px; font-style: italic; text-decoration: underline; position: absolute; top: 240px; padding-top: -30px; padding-left: 230px; }
 .menu_suggestion_links { float: left; }
 .menu_suggestion_links a:link { color: #1270c3; text-decoration: none; }
 .menu_suggestion_links a:visited { color: #1270c3; }
 .menu_suggestion_links a:hover { color: #1270c3; }
 .menu_suggestion_links a:active { }
 .menu_header { color: #1270c3; font-size: 13px; font-weight: 600; padding-top: 7px; }
 .menu_subtext { font-size: 9px; font-weight: normal; font-style: normal; line-height: normal; position: relative; top: -8px; margin: 0; padding: 0; }