/* Copyright ¨Ï Openstep(hughstar@gmail.com). All Rights Reserved. */
@import url(layout.css);

html, body {
  color: #666666;
  font-size: 12px;
}

html, body, h1, h2, h3, h4, div, p, dt, dd, ul, li, input, b, td, th {
  font-family: "MS Gothic", arial, AppleGothic, Seoul, Arial, Helvetica, sans-serif;
}

#nav {
  position: absolute;
  top: 41px;
  left: 313px;
  width: 499px;
  height: 36px;
  background: url(/images/cn_topbar.gif);
}

#nav li, #navblog li {
  position: absolute;
  top: 0px;
}

#nav a, #navblog a, #company a, #map a, #reservation a {
  text-indent: -9999px;
  text-decoration: none;
}

#nav li, #nav a, #navblog li ,#navblog a {
  display: block;
  height: 36px;
}

#t-school { left: 0; width: 84px; }
#t-courses { left: 84px; width: 82px; }
#t-admission { left: 166px; width: 84px; }
#t-fee { left: 250px; width: 83px; }
#t-dormitory { left: 333px; width: 82px; }
#t-community { left: 415px; width: 84px; }
#t-school a:hover { background: transparent url(/images/cn_topbar.gif) 0px -36px no-repeat; }
#t-courses a:hover { background: transparent url(/images/cn_topbar.gif) -84px -36px no-repeat; }
#t-admission a:hover { background: transparent url(/images/cn_topbar.gif) -166px -36px no-repeat; }
#t-fee a:hover { background: transparent url(/images/cn_topbar.gif) -250px -36px no-repeat; }
#t-dormitory a:hover { background: transparent url(/images/cn_topbar.gif) -333px -36px no-repeat; }
#t-community a:hover { background: transparent url(/images/cn_topbar.gif) -415px -36px no-repeat; }
#t-school a.active { background: transparent url(/images/cn_topbar.gif) 0px -36px no-repeat; }
#t-courses a.active { background: transparent url(/images/cn_topbar.gif) -84px -36px no-repeat; }
#t-admission a.active { background: transparent url(/images/cn_topbar.gif) -166px -36px no-repeat; }
#t-fee a.active { background: transparent url(/images/cn_topbar.gif) -250px -36px no-repeat; }
#t-dormitory a.active {background: transparent url(/images/cn_topbar.gif) -333px -36px no-repeat; }
#t-community a.active { background: transparent url(/images/cn_topbar.gif) -415px -36px no-repeat; }

#company {position: absolute; top: 44px; left: 0px; width: 170px; margin: 0; padding: 0; }
#map {position: absolute; top: 82px; left: 0px; width: 170px; margin: 0; padding: 0; }
#reservation {position: absolute; top: 120px; left: 0px; width: 170px; margin: 0; padding: 0; }
#company a, #map a, #reservation a {display: block; height: 32px; }

.subnav {
  width: 169px;
  padding: 0 ;
  margin: 0 0 20px 0;
}

.subnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.subnav a {
width:166px;
display: block;
padding: 8px 0px 6px 24px;
color: #000000;
text-decoration: none;
background-color: #ffffff;
background: url(/images/ndot.gif) no-repeat 10px center ;
border-bottom: 1px solid #cccccc;
}

.subnav1 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt1.gif) no-repeat ;
}

.subnav2 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt2.gif) no-repeat ;
}

.subnav3 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt3.gif) no-repeat ;
}

.subnav4 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt4.gif) no-repeat ;
}

.subnav5 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt5.gif) no-repeat ;
}

.subnav6 {
  width: 190px;
  margin: 0;
  padding: 50px 0 0 0 ;
  background: url(/images/cn_subnavt6.gif) no-repeat ;
}

/* IE Hack */
* html div.subnav a {
  width: 166px;
  w\idth: 190px;
}

/* Pre Hack Comment \*/
* html div.subnav a {
  width: 190px;
}
/* Post Hack Comment */
  
/*Link class*/
.subnav a:link, .navlist a:visited { font-family: "MS Gothic", Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; }
.subnav  .navlist a:hover { font-family: "MS Gothic", Arial, Helvetica, sans-serif; color: #000000; background:#efefef; text-decoration: none; }
.subnav  .navlist a.active { font-family: "MS Gothic", Arial, Helvetica, sans-serif; color: #c6100b; }
.address a:link, .address a:visited { font-family: "MS Gothic", Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
.address a:hover { font-family: "MS Gothic", Arial, Helvetica, sans-serif; color: #ffd700; text-decoration: underline; }
a { color: #000000;	text-decoration: none;	outline: none; }
a:hover { color: #d60; }
a:focus { -moz-outline: none -moz-mac-focusring; }
a:focus { color: #aaa; }
#gnav a:link, #gnav a:visited { font-size:11px; font-family: verdana, Helvetica, sans-serif; color: #de6e1b; text-decoration: none; margin:0 3px 0 3px; }
#gnav a:hover { font-size:11px; font-family: verdana, Helvetica, sans-serif; color:#333333; text-decoration: none; margin:0 3px 0 3px; }

.subject {
	display: block;
	width: 602px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/images/title_bg.gif) no-repeat;
}


/*Font class*/
#content p { line-height: 1.7; text-align: justify;}
.lh8 {line-height: 1.8}
h1 {font-size: 14px; color: #000000;}
.jp { font-family: SimSun; }
.st1 { color:#268bc3;}
.em1 { color:#d4681a}
.em2 { color:#6ebb1f;}
.em3 { color:#dc143c;}
.yr { color:#2278a6;margin-right:10px;}
.rd { color:#dc143c;}
.bl { color:#0069cf;}

/*margin & padding & align*/
.right {float: right;}
.imgl {float: left;margin: 0 20px 30px 0; text-align: center;}
.imgr {float: right;margin: 0 0 30px 20px; text-align: center;}
.imgt {margin-top: 5px;}
.mr2 {margin-right: 2px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mtb {margin: 25px 0 25px 0;}
.mt20 {margin: 20px 0 0 0;}
.mbt40 {margin: 0 0 40px 0;}
.mt10 { margin-top: 10px;}
.mbt20 { margin-bottom: 20px;}
img.left { float: left; margin: 0 20px 20px 0; }
.center {float: center;}

/*background image*/
#news ul {
margin: 10px 0 0 10px;
padding: 0;
list-style-type: none;
}

#news li {
  display: block;
  height: 22px;
}