@charset "utf-8";

html, body{ margin:0; padding:0; background:rgb(102,102,102) url("../gfx/totalbg.jpg") repeat-y center center; text-align:center; border:none; height:100%; }

img{ border:0; }

#rect_top{ position:absolute; height: 20px; width:100%; background:rgb(255,255,255); top:0px; }
#rect_right{ position:absolute; height: 230px; width:50%; background:rgb(102,90,42); top:20px; text-align:right; right:0; }
#rect_left{ position:absolute; height: 230px; width:50%; background:rgb(44,93,160); top:20px; text-align:left; left:0; }

#wrapper{
 position:relative;
 width:774px;
 margin:auto;
 background:rgb(255,255,255);
 padding-left:3px;
 padding-right:3px;
 min-height:100%;
 height:auto !important;
 height:100%;
 overflow:visible;
 z-index:3;
 display:table;
}

.space-0{ position:relative; width:100%; height:2px; background:rgb(255,255,255); overflow:hidden; }

#toplevel-0,#toplevel-1,#toplevel-2,#toplevel-3{
 position:relative;
 width:100%;
 overflow:hidden;
 background:rgb(255,255,255);
}

#toplevel-0{ height:20px; z-index:2; overflow:visible; }
#toplevel-1{ height:228px; }
#toplevel-2{ height:42px; }
#toplevel-3{ height:26px; }
#toplevel-4{ padding-left:3px; padding-right:3px; width:774px; position:absolute; background:rgb(255,255,255) url("../gfx/menu-4-bg.jpg") repeat-y left top; min-height:100%; margin-left:-3px; }

#menu-0,#menu-1,#menu-2,#menu-3{
 position:relative;
 height:100%;
}

#menu-0{ width:148px; background:url("../gfx/banner_01.jpg") no-repeat left top; overflow:visible; float:left; }
#menu-1{ width:626px; background:url("../gfx/menu-2-bg.jpg") no-repeat center top; overflow:hidden; float:right; }
#menu-2{ width:626px; background:rgb(247,199,81); overflow:hidden; text-align:left; float:right; }
#menu-3{ width:148px; background:url("../gfx/menu-4-corner.jpg") no-repeat center top; float:left; overflow:hidden; position:relative; padding-top:12px; text-align:left; position:relative; clear:both; }

#banner,#link,#search,#image,#content{
 position:relative;
 background:rgb(255,255,255);
 height:100%;
 overflow:visible;
}

#flashcard{ width:626px; float:right; z-index:3; position:absolute; overflow:visible; left:0; }
#banner{ width:626px; background:url("../gfx/banner_02.jpg") no-repeat right top; float:right; z-index:1; }
#link{ width:148px; float:left; }
#search{ width:146px; background:rgb(195,208,204); float:left; text-align:left; padding-left:2px; padding-top:1px; }
#image{ width:148px; height:155px; background:url("../gfx/image_01.jpg") no-repeat center top; }
#content-container{ background:rgb(255,255,255) url("../gfx/content-bg.jpg") repeat-x left top; width:465px; text-align:left; bottom:0; position:absolute; overflow:visible; top:0; left:153px; padding:0 5px 0 5px; font-family:arial; color:rgb(51,51,51); font-size:12px; font-weight:normal;}

#map-image{ position:absolute; top:546px; left:0; width:626px; height:41px; }
#map-map{ position:absolute; top:10; left:0; width:626px; height:526px; }
#map-container{ position:absolute; top:-546px; left:148px; width:626px; height:600px; overflow:hidden; }

#menu-1-content{ height:228px; width:146px; }
#menu-2-content{ height:42px; width:626px; }
#menu-3-content{ height:26px; width:626px; }
#menu-4-content{ margin-left:14px; margin-top:14px; }
.submenu-4-content{ margin-top:-15px; margin-bottom:15px;}

.menu-1-empty{ height:28px; }
#menu-2-empty{ width:10px; float:left; }
#menu-3-empty{ width:10px; float:left; }
.menu-2-link{ float:right; top:0; }
.menu-2-container,.menu-2-container-on{ float:left; }
.menu-2-container:hover,.menu-2-container-on{ background:rgb(102,90,42); color:rgb(255,255,255); }
.menu-3-container,.menu-3-container-on{ float:left; }
.menu-3-container:hover,.menu-3-container-on{ background:rgb(102,153,0); color:rgb(255,255,255); }

#menu-1-1,#menu-1-2,#menu-1-3,#menu-1-4,#menu-1-5,#menu-1-6,#menu-1-7,#menu-1-8,#menu-1-1-on,#menu-1-2-on,#menu-1-3-on,#menu-1-4-on,#menu-1-5-on,#menu-1-6-on,#menu-1-7-on,#menu-1-8-on{
	height:28px;
	width:146px;
	margin:0;
	position:relative;
	overflow:hidden;
	text-align:right;
}

#menu-1-1{ background:url("../gfx/menu/01_men-1.jpg") no-repeat left top; }
#menu-1-2{ background:url("../gfx/menu/02_men-1.jpg") no-repeat left top; }
#menu-1-3{ background:url("../gfx/menu/03_men-1.jpg") no-repeat left top; }
#menu-1-4{ background:url("../gfx/menu/04_men-1.jpg") no-repeat left top; }
#menu-1-5{ background:url("../gfx/menu/05_men-1.jpg") no-repeat left top; }
#menu-1-6{ background:url("../gfx/menu/06_men-1.jpg") no-repeat left top; }
#menu-1-7{ background:url("../gfx/menu/07_men-1.jpg") no-repeat left top; }
#menu-1-8{ background:url("../gfx/menu/08_men-1.jpg") no-repeat left top; height:34px; }
#menu-1-1:hover,#menu-1-1-on{ background:url("../gfx/menu/01_men-1_over.jpg") no-repeat left top; }
#menu-1-2:hover,#menu-1-2-on{ background:url("../gfx/menu/02_men-1_over.jpg") no-repeat left top; }
#menu-1-3:hover,#menu-1-3-on{ background:url("../gfx/menu/03_men-1_over.jpg") no-repeat left top; }
#menu-1-4:hover,#menu-1-4-on{ background:url("../gfx/menu/04_men-1_over.jpg") no-repeat left top; }
#menu-1-5:hover,#menu-1-5-on{ background:url("../gfx/menu/05_men-1_over.jpg") no-repeat left top; }
#menu-1-6:hover,#menu-1-6-on{ background:url("../gfx/menu/06_men-1_over.jpg") no-repeat left top; }
#menu-1-7:hover,#menu-1-7-on{ background:url("../gfx/menu/07_men-1_over.jpg") no-repeat left top; }
#menu-1-8:hover,#menu-1-8-on{ background:url("../gfx/menu/08_men-1_over.jpg") no-repeat left top; height:34px; }

#quicklink-container{ width:147px; background:url('../gfx/quicklink-bg.jpg') repeat-y center center;  position:absolute; overflow:visible; text-align:left; float:right; top:0px; left:630px; min-height:100%; bottom:0; }

#tab-01,#tab-02,#tab-03,#tab-04,#tab-05,#tab-06,#tab-add{
 width:147px;
 height:102px;
}

#tab-add{ padding-left:2px; text-align:center; }
#tab-01{ background:url('../gfx/tab/tab_01.jpg') no-repeat top right; }
#tab-02{ background:url('../gfx/tab/tab_02.jpg') no-repeat top right; }
#tab-03{ background:url('../gfx/tab/tab_03.jpg') no-repeat top right; }
#tab-04{ background:url('../gfx/tab/tab_04.jpg') no-repeat top right; }

#tab-05{ background:url('../gfx/tab/tab_05.jpg') no-repeat top right; }
#tab-06{ background:url('../gfx/tab/tab_06.jpg') no-repeat top right; }