*{margin:0px;padding:0px;}

body {background: url(img/bg_site.gif) center top;text-align:center;font-size:12px;}

#base{width:865px;background:url(img/bg_base.gif) repeat-y center top;margin:0px auto;text-align:left;overflow:hidden;}

#header{width:845px;height:70px;margin:0px 20px;padding-top:25px;position:relative;}
#side{float:left;width:230px;background:#B8DCDC;margin-left:20px;padding-bottom:20px;text-align:center;}
#main{float:left;width:560px;margin-left:20px;}
#footer{clear:both;text-align:right;}
#footer p{padding:20px;}

a{color:#009999;}
a:hover{color:#009999;background-color:#DCF191;}

.subtext{color:#AAAAAA;}
.hidden hr{clear:both;visibility:hidden;}


/*-----------------------------------------------------
                        INDEX
-----------------------------------------------------*/

/*--- header ---*/

#header h1{display:block;width:374px;height:39px;}
#header h1 a{display:block;width:374px;height:39px;background:url(img/h1-logo.gif) no-repeat 0px 0px;overflow:hidden;text-indent:-9999px;}
#header ul#submn{position:absolute;top:10px;right:15px;}
#header ul#submn li{display:block;float:left;margin-left:10px;}
#header ul#submn li a{display:block;list-style-type:none;background:url(img/submn.gif) no-repeat 0px 0px;overflow:hidden;text-indent:-9999px;}
#header ul#submn li#submn-contact a{width:73px;background-position:0px 0px;}
#header ul#submn li#submn-contact a:hover{}
#header ul#submn li#submn-access a{width:46px;background-position:-85px 0px;}
#header ul#submn li#submn-access a:hover{}
#header ul#submn li#submn-link a{width:36px;background-position:-144px 0px;}
#header ul#submn li#submn-link a:hover{}
#header ul#submn li#submn-forschool a{width:73px;background-position:-193px 0px;}
#header ul#submn li#submn-forschool a:hover{}


/*--- side ---*/

#side ul#mainmn{}
#side ul#mainmn li{display:block;width:230px;height:50px;list-style-type:none;}
#side ul#mainmn li a{display:block;width:230px;height:50px;background:url(img/mainmn.gif) no-repeat 0px 0px;overflow:hidden;text-indent:-9999px;}
#side ul#mainmn li#mainmn-about a{background-position:0px 0px;}
#side ul#mainmn li#mainmn-about a:hover{background-position:-230px 0px;}
body#page-about #side ul#mainmn li#mainmn-about a{background-position:-460px 0px;}
#side ul#mainmn li#mainmn-schoollist a{background-position:0px -50px;}
#side ul#mainmn li#mainmn-schoollist a:hover{background-position:-230px -50px;}
#side ul#mainmn li#mainmn-qualification a{background-position:0px -100px;}
#side ul#mainmn li#mainmn-qualification a:hover{background-position:-230px -100px;}
#side ul#mainmn li#mainmn-job a{background-position:0px -150px;}
#side ul#mainmn li#mainmn-job a:hover{background-position:-230px -150px;}
#side ul#mainmn li#mainmn-schedule a{background-position:0px -200px;}
#side ul#mainmn li#mainmn-schedule a:hover{background-position:-230px -200px;}
#side ul#mainmn li#mainmn-semi a{background-position:0px -250px;}
#side ul#mainmn li#mainmn-semi a:hover{background-position:-230px -250px;}

#side div#message4student{margin:20px 0px;text-align:left;}
#side div#message4student h3{display:block;width:143px;height:19px;background:url(img/h3_forstudent.gif) no-repeat 0px 0px;margin:0px 10px; text-indent:-9999px;}
#side div#message4student ul{margin:15px 10px;}
#side div#message4student ul li{line-height:120%;background:url(img/dot_gr.gif) no-repeat 0px 2px;margin-bottom:10px;padding-left:18px;list-style-type:none;}
#side div#message4student ul li a{color:#444444;text-decoration:none;}
#side div#message4student ul li a:hover{color:#444444;text-decoration:underline;}
#side p#qrcord{margin:40px auto;}


/*--- main ---*/

body#index #main p#catchcopy{width:560px;height:260px;background:url(img/mainimage.jpg);text-indent:-9999px;}

body#index #main ul#topselectmn{margin:15px 0px 0px;width:560px;}
body#index #main ul#topselectmn li{display:block;width:185px;height:82px;list-style-type:none;float:left;}
body#index #main ul#topselectmn li a{display:block;width:185px;height:82px;overflow:hidden;}
body#index #main ul#topselectmn li#topselect-schoollist a{background:url(img/tub-a.gif) 0px 0px;text-indent:-9999px;overflow:hidden;}
body#index #main ul#topselectmn li#topselect-schoollist a:hover,
body#index #main ul#topselectmn li#topselect-schoollist a.on{background-position:0px -82px;}

body#index #main ul#topselectmn li#topselect-qualification{width:190px;}
body#index #main ul#topselectmn li#topselect-qualification a{width:190px;background:url(img/tub-b.gif) 0px 0px;text-indent:-9999px;overflow:hidden;}
body#index #main ul#topselectmn li#topselect-qualification a:hover,
body#index #main ul#topselectmn li#topselect-qualification a.on{background-position:0px -82px;}

body#index #main ul#topselectmn li#topselect-job a{background:url(img/tub-c.gif) 0px 0px;text-indent:-9999px;overflow:hidden;}
body#index #main ul#topselectmn li#topselect-job a:hover,
body#index #main ul#topselectmn li#topselect-job a.on{background-position:0px -82px;}

body#index #main div#topselect-box{clear:both;margin:0px;}
body#index #main div#topselect-box div#topselect1{width:558px;background:#DCF1F1;border-left:1px solid #B8DCDC;border-right:1px solid #B8DCDC;border-bottom:1px solid #B8DCDC;padding:20px 0px;position:relative;}
body#index #main div#topselect-box div#topselect1 h2{display:block;width:154px;height:23px;background:url(img/h3_topselect1.gif) 0px 0px;text-indent:-9999px;margin:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect1 hr{height:20px;}
body#index #main div#topselect-box div#topselect1 p.btn-detail{}
body#index #main div#topselect-box div#topselect1 p.btn-detail a{display:block;width:105px;height:14px;background:url(img/btn-detail.gif) 0px 0px;text-indent:-9999px;text-align:left;position:absolute;top:10px;right:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect1 p.btn-detail a:hover{background-position:0px -14px;}

body#index #main div#topselect-box div#topselect1 .block {
  width:500px;
  background:url(img/h3_topselect1_btm.gif) no-repeat 0px bottom #fff;
  margin:0px auto 15px;
}

body#index #main div#topselect-box div#topselect1 .block h3 {
  width:500px;
  height:37px;
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-999em;
  overflow:hidden;
}

body#index #main div#topselect-box div#topselect1 #topselect1_list1 h3 {
  background-image:url(img/h3_topselect1_1.gif);
}

body#index #main div#topselect-box div#topselect1 #topselect1_list2 h3 {
  background-image:url(img/h3_topselect1_2.gif);
}

body#index #main div#topselect-box div#topselect1 .block ul {
  display:block;
  margin:15px 20px;
}

body#index #main div#topselect-box div#topselect1 .block ul li {
  display:inline-block;line-height:170%;list-style-type:none;margin-right:10px;
}

body#index #main div#topselect-box div#topselect1 .block ul li a {
  margin:0 2px 0 0;
}

*+html body#index #main div#topselect-box div#topselect1 #topselect1_list1 ul li{display:inline;zoom:1;line-height:200%;margin-right:5px;}
* html body#index #main div#topselect-box div#topselect1 #topselect1_list1 ul li{display:inline;zoom:1;line-height:200%;margin-right:5px;}

body#index #main div#topselect-box div#topselect2{display:none;background:#DCF1F1;border-left:1px solid #B8DCDC;border-right:1px solid #B8DCDC;border-bottom:1px solid #B8DCDC;padding:20px 0px;position:relative;}
body#index #main div#topselect-box div#topselect2 h2{display:block;width:135px;height:23px;background:url(img/h3_topselect2.gif) 0px 0px;text-indent:-9999px;margin:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect2 hr{height:20px;}
body#index #main div#topselect-box div#topselect2 p.btn-detail{}
body#index #main div#topselect-box div#topselect2 p.btn-detail a{display:block;width:105px;height:14px;background:url(img/btn-detail.gif) 0px 0px;text-indent:-9999px;text-align:left;position:absolute;top:10px;right:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect2 p.btn-detail a:hover{background-position:0px -14px;}
body#index #main div#topselect-box div#topselect2 dl{margin-left:30px;}
body#index #main div#topselect-box div#topselect2 dt{color:#009999;font-size:16px;font-weight:bold;padding:10px 0px 0px;}
body#index #main div#topselect-box div#topselect2 dd{padding:10px 0px;}
body#index #main div#topselect-box div#topselect2 table{width:500px;border-collapse: collapse;border:1px solid #B8DCDC;} 
body#index #main div#topselect-box div#topselect2 table th{padding:10px;background:#FFFF99;border:1px solid #B8DCDC;}
body#index #main div#topselect-box div#topselect2 table td{padding:10px;border:1px solid #B8DCDC;background:#fff;}
body#index #main div#topselect-box div#topselect2 table .white td{padding:0px;}

body#index #main div#topselect-box div#topselect3{display:none;background:#DCF1F1;border-left:1px solid #B8DCDC;border-right:1px solid #B8DCDC;border-bottom:1px solid #B8DCDC;padding:20px 0px;position:relative;}
body#index #main div#topselect-box div#topselect3 hr{height:20px;}
body#index #main div#topselect-box div#topselect3 h2{display:block;width:131px;height:23px;background:url(img/h3_topselect3.gif) 0px 0px;text-indent:-9999px;margin:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect3 p.btn-detail a{display:block;width:105px;height:14px;background:url(img/btn-detail.gif) 0px 0px;text-indent:-9999px;text-align:left;position:absolute;top:10px;right:20px;overflow:hidden;}
body#index #main div#topselect-box div#topselect3 p.btn-detail a:hover{background-position:0px -14px;}

body#index #main div#topselect-box div#topselect3 ul.jobicons{margin:20px 0px 0px 20px;width:520px;overflow:hidden;}
body#index #main div#topselect-box div#topselect3 ul.jobicons li{display:block;width:120px;height:170px;list-style-type:none;float:left;margin-right:7px;text-align:center;}
body#index #main div#topselect-box div#topselect3 ul.jobicons li a img{border:0px;}
body#index #main div#topselect-box div#topselect3 ul.jobicons li a{text-decoration:none;line-height:110%;}