@charset "utf-8";

/*=========================================================
	[ nav_global.css ]
	Global navigation style
	date - creation:2009-11-05 // update:2010-04-14
=========================================================*/

/*=========================================================
	index
		1. Layout
		2. global navigation
		3. target navigation
=========================================================*/

/* 1. Layout
=========================================================*/
ul#navGlobal{
	display:block;
	width:970px;
	height:40px;
	list-style:none;
	margin:0;
	padding-left:2px;
	overflow:hidden;
	background:url(/common/images/nav_global.gif) no-repeat 0 0;
}

/* 2. global navigation
=========================================================*/
#navGlobal li{
	display:block;
	float:left;
	width:119px;
	margin-right:2px;
	padding:0;
	border:0;
}
#navGlobal a{
	display:block;
	margin:0;
	padding:0;
	height:0;
	padding-top:40px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/common/images/nav_global.gif);
	background-color:#003366;
}

#navGlobal .about a{background-position:-2px 0;}
#navGlobal .academics a{background-position:-123px 0;}
#navGlobal .exam a{background-position:-244px 0;}
#navGlobal .campus a{background-position:-365px 0;}
#navGlobal .international a{background-position:-486px 0;}
#navGlobal .career a{background-position:-607px 0;}
#navGlobal .education a{background-position:-728px 0;}
#navGlobal .society a{background-position:-849px 0;}
/* hover */
#navGlobal .about a:hover{background-position:-2px -40px;}
#navGlobal .academics a:hover{background-position:-123px -40px;}
#navGlobal .exam a:hover{background-position:-244px -40px;}
#navGlobal .campus a:hover{background-position:-365px -40px;}
#navGlobal .international a:hover{background-position:-486px -40px;}
#navGlobal .career a:hover{background-position:-607px -40px;}
#navGlobal .education a:hover{background-position:-728px -40px;}
#navGlobal .society a:hover{background-position:-849px -40px;}
/* nowhere */
#about #navGlobal .about a{background-position:-2px -80px;}
#academics #navGlobal .academics a{background-position:-123px -80px;}
#exam #navGlobal .exam a{background-position:-244px -80px;}
#campus #navGlobal .campus a{background-position:-365px -80px;}
#international #navGlobal .international a{background-position:-486px -80px;}
#career #navGlobal .career a{background-position:-607px -80px;}
#education #navGlobal .education a{background-position:-728px -80px;}
#society #navGlobal .society a{background-position:-849px -80px;}

/* 3. target navigation
=========================================================*/
ul#navTarget{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	border-bottom:2px solid #E1E1E1;
}
#navTarget li{
	display:block;
	float:left;
	width:194px;
	height:23px;
	overflow:hidden;
}
#navTarget a{
	display:block;
	margin:0;
	height:0;
	padding-top:23px;
	overflow:hidden;	
	background-image:url(/common/images/nav_target.gif);
	background-repeat:no-repeat;
}
#navTarget .adult{}

/* button over & on */
#navTarget .applicant a{background-position:0 0;}
#navTarget .student a{background-position:-194px 0;}
#navTarget .graduates a{background-position:-388px 0;}
#navTarget .adult a{background-position:-582px 0;}
#navTarget .corporate a{background-position:-776px 0;}
/* hover */
#navTarget .applicant a:hover{background-position:0 -25px;}
#navTarget .student a:hover{background-position:-194px  -25px;}
#navTarget .graduates a:hover{background-position:-388px  -25px;}
#navTarget .adult a:hover{background-position:-582px  -25px;}
#navTarget .corporate a:hover{background-position:-776px  -25px;}
/* nowhere */
#applicant .applicant a{background-position:0 -50px;}
#student .student a{background-position:-194px -50px;}
#graduates .graduates a{background-position:-388px -50px;}
#adult .adult a{background-position:-582px -50px;}
#corporate .corporate a{background-position:-776px -50px;}