.menubar {
	border-top: solid 1px white;
}
.menubar .page {
	width: 982px;
	border-left: solid 1px #e18080;
}

/* the styling */
#top_navi {
	height:25px; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	/*font-weight: bold;*/
	position: relative;
}

#top_navi ul {margin:0;padding:0;}

/* main menu all */
#top_navi>ul>li {
	background:transparent url( '/css/images/menu-drop.png' ) right -5px no-repeat;
	margin:0; padding:0 30px; 
	display:block; float:left; white-space:nowrap;position:relative;
	height:25px; line-height:26px; font-size:1.4em; color:#fff;	
	border-right:1px solid #e18080;
	}

/* sub-menu */
.sub_nav, #live_dd {
	position:absolute;left:-1px;top:25px;min-width:200px;
	float:none;z-index:2;visibility:hidden;display:none;overflow:hidden;
	color:#0A0202;background:white;cursor:default;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	border:1px solid #cacbce;border-top:none;
   text-align:left;
	-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;
}
/* li .sub_nav {border-top:1px solid white;} */

.sub_nav dt,
.sub_nav dd{display:block;clear:both;text-align:left;}
.sub_nav dt{font-weight:bold;font-size:9px;}
/* li .sub_nav dt{border-top:1px solid #B10501;} */
.sub_nav dt>div{float:right;background:url('/css/images/cc-small.png') no-repeat center center;line-height:1.2;padding-top:3px;margin-right:20px;}

/* ie7 hack */
*:first-child+html .sub_nav {width:340px;}
*:first-child+html li#nav_math .sub_nav, *:first-child+html #sub_nav_math {width:300px;}
*:first-child+html li#nav_phys .sub_nav, *:first-child+html #sub_nav_phys {width:380px;}
*:first-child+html li#nav_mmag .sub_nav, *:first-child+html #sub_nav_mmag {width:200px;}
*:first-child+html li#nav_comp .sub_nav, *:first-child+html #sub_nav_comp {width:380px;}

.sub_nav a{
	position:relative;display:block;color:#B10501;
	padding:5px 150px 6px 65px;margin:0;
	text-decoration:none;font-weight:bold;white-space:nowrap;
	font-size:11px;line-height:18px;overflow:hidden;}
.sub_nav dd.new a{background:url(/css/images/menu-new.png) no-repeat right center;}

li#nav_mmag .sub_nav a, #sub_nav_mmag a{padding-right:20px;}
li#nav_comp .sub_nav a, #sub_nav_comp a{padding-right:170px;}
.sub_nav a:last-child {-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.sub_nav a span{font-weight:normal;color:#0A0202;line-height:18px;}
.sub_nav dd a:hover{background-color:#ebeff3;}
.sub_nav a>img{position:absolute;left:10px;top:1px;padding:0;}

.sub_nav dd>a>div{position:absolute;right:20px;top:0;background:url('/css/images/cc.png') no-repeat center center;font-weight:normal;color:#B10501;}
.sub_nav dd>a>div.sicon {text-align:center;right:130px;line-height:45px;height:45px;background:transparent;width:32px;}
.sub_nav dd>a>div>div{line-height:47px;}	/* for IE7 compat */
.sub_nav dl div>div{float:left;width:50px;padding:0 2px 0 12px;text-align:center;}
.sub_nav a>div>div.extra,
.sub_nav dl div>div:first-child{padding:0 12px 0 4px;}
/*.sub_nav dt>div>div:first-child{padding-top:0.3em;}*/

.sub_nav a>p{font-weight:normal;font-size:9px;color:#0A0202;line-height:1.3;padding-top:15px;margin-left:-40px;}
.sub_nav a>div>span{display:block;font-weight:bold;font-size:9px;line-height:10px;text-align:center;}
.sub_nav a>div.extra{top:47px;background-position:center 20px;}
.sub_nav a>div.extra>div{line-height:32px;}	/* for IE7 compat */

/* main menu hover */
#top_navi>ul>li.hover,
#top_navi>ul>li:hover {cursor:pointer;background:#900 url( '/css/images/menu-drop.png' ) right 11px no-repeat;}

#top_navi>ul>li:hover .sub_nav, #top_navi>ul>li:hover #live_dd{visibility:visible;display:block;}


/* home link */
#top_navi li#nav_home {
	background:transparent url( '/css/images/nav_home.png' ) left top no-repeat;
	padding-left:30px; 
	padding-right:10px;
   border-color:#fff;
}
#top_navi li#nav_home a {color:white;text-decoration:none;}
#top_navi li#nav_home:hover {background-color:#900;}
/* live link */
#top_navi li#nav_live {
	background:transparent url( '/live/css/header-blue.gif' ) repeat left top;
   padding:0;
   border-color:#fff;
}
#top_navi li#nav_live a {
	background:transparent url( '/css/images/live-menu-drop.png' ) no-repeat 15px -5px;
   display:block;
}
#top_navi li#nav_live a:hover {
	background:transparent url( '/css/images/live-menu-drop.png' ) no-repeat 15px 11px;
}
#top_navi li#nav_live a img {padding:0 10px 0 30px;}
#live_dd {font-size:12px;background:url(/css/images/live-grad.png) repeat-x 0 0 #fff9f0;height:230px;padding:9px 35px 20px;}
#live_dd h2 {height:41px;width:330px;margin:0;padding:0;background:url(/images/live-slogan.png) no-repeat 0 0;text-indent:-10000px;}
#live_dd small {position:absolute;bottom:5px;right:10px;font-size:0.8em;line-height:1;color:#333;}
#live_dd>ul {list-style:circle url(/css/images/live-tick.png) outside;background:url(/images/live-clipart.png) no-repeat right center;padding:12px 0 0 42px;margin:12px 9px 25px 0;color:#f25000;}
#live_dd>ul>li {background:url() no-repeat 0 1px;height:33px;}
#live_dd>ul>li>h3 {margin:0;padding:0;position:absolute;font-size:1em;text-indent:-10000px;}
#live_dd>ul>li.first {background-image:url(/css/images/live-dd-txt1.png);}
#live_dd>ul>li.second {background-image:url(/css/images/live-dd-txt2.png);}
#live_dd>ul>li.third {background-image:url(/css/images/live-dd-txt3.png);}
#live_dd>button {background:url(/css/images/live-learn-btn.png) no-repeat 0 0;height:33px;width:153px;border:none;display:block;margin:0 auto;text-indent:-10000px;cursor:pointer;}
#live_dd>button:hover {background-position:0 -33px;}
/* current page menu */
body#home #top_navi li#nav_home {background:white url( '/css/images/nav_home.png' ) left -28px no-repeat;}
body#home #top_navi li#nav_home a {color:#0A0202;}
/*body#math #top_navi li#nav_math,
body#bio #top_navi li#nav_biol,
body#chem #top_navi li#nav_chem,
body#Java #top_navi li#nav_comp,
body#comp #top_navi li#nav_comp,
body#mmag #top_navi li#nav_mmag,
body#physics #top_navi li#nav_phys { 
	background-color:white;
	color:#0A0202;}*/

* html #top_navi>ul>li {
	width:1px; 
	height:26px;}

/* menu 3rd line */
div#prof>div {padding-top:10px;}
div#prof span {border-right:1px solid #c8c7c4;padding-right:10px;color:#B10501;font-weight:bold;}
div#prof a{padding:0 10px;border-right:1px solid #c8c7c4;}
div#prof a:hover {color:#B10501;}
div#prof img{vertical-align:middle;padding:0 5px 0 0;}
div#prof .noicon img{display:none;}
/* body div#prof {margin-top:1px;border-top:1px solid #B10501;}
customize the maths/physics/comp-sci page to show the top border
body#math div#prof,
body#Java div#prof,
body#comp div#prof,
body#physics div#prof {margin-top:24px;border-top:1px solid #c8c7c4;} */

.float_top{z-index:5;}
.header{z-index:4;position:relative;min-width:982px;
}