@charset "ISO-8859-1";
/*--------BODY---------*/
body{
  margin: 0;
  padding: 6px 20px 6px 20px;
  color: #000;
  background: #EFE url('../imgs/bg_grad.gif') repeat-x fixed 0% 100%;
  border: 0;
  font-family: Osaka,Verdana,MS UI Gothic,sans-serif; 
  border-width: 0;
}

.hide {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
/*--------Header---------*/
div.header{
  background-color: #FFF;
  color: #000;
  background-image: url('../../imgs/header-right.jpg'); 
  background-repeat: no-repeat;
  width: 750px;
  border-left: 2px solid #363;
  border-right: 2px solid #363; 
  border-top: 2px solid #363;
  border-bottom: 7px solid #363;
  margin: 0px; 
  adding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 3px;
  background-position:
  right top 
}
div.header img{
  float: left;
  border:none;
  padding: 10px 0 0px 10px;
}
div.header p{
  font-size: small;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #000;
  text-align: right;
}
div.header p.rightlink{
  float: right;
  font-size: small;
  margin: 50px 0 0 0;
  padding: 0 10px 0 0;
  background-color: #FFF
  color: #000;
  text-align: right;
}
div.header p.mainmenu{
  clear: both;
  font-size: small;
  margin: 10px 0 0 0;
  padding: 0;
  background-color: #FFF
  color: #FFF;
  text-align: left;
  border-style: solid;
  border-width: 0px 2px 0px 2px;
  border-color: #FFF;
}
div.header a.mainmenu{
  font-size: small;
  padding: 2px 5px 1px 5px;
  text-decoration: none;
  background-color: #363
  color: #FFF;
  border-width: 0 2px 0px 2px;
  border-color: #FFF;
}
div.header a.mainmenu:hover{
  background-color: #FFF;
  color: #363;
}
div.header a.rightlink{
  font-size: small;
  padding: 1px;
  text-decoration: none;
  background-color: #FFF;
  color: #000;
}
div.header a.rightlink:hover{
  font-size: small;
  padding: 1px;
  text-decoration: underline;
  color: #363;
  background-color: #FFF;
}
/*--------Navi---------*/
div.navi{
  color: #000;
  background-color: #FFF;
  background-image: url('../../imgs/menu_bg.jpg'); 
  background-repeat: repeat-y;
  width: 752px; 
  border-left: 0 solid #363;
  border-right: 2px solid #363;
  border-top: 0 solid #363;
  border-bottom: 0 solid #363;
  margin: 0;
  padding: 0
}
div.navi p{
  margin: 0 0 0 160px;
  background-image: url(../../imgs/navi.jpg);
  background-repeat:no-repeat;
  padding: 5px 0 0 30px;
  text-align: left;
  font-size: small;
  height: 30px;
}
div.navi a{
  font-size: small;
  text-decoration: none;
  color: #000;
  background-color:#FFF;
}
div.navi a:hover{
  color: #FFF;
  background-color: #363;
}
/*--------MENU---------*/
div.menu {
  list-style-type: none;
  position: absolute;
  margin: 0;
  padding: 0;
  background-color: #363;
  border-width: 0;
  width: 160px;
}
div.menu ul{
  padding: 0;
  margin: 0 2px 0 2px;
  list-style-type: none;
  text-align: left;
  border-bottom: 0px;
  width: 156px;
}
div.menu ul.indent{
  padding: 0 0 0 20px;
  margin: 0 2px 0 2px;
  list-style-image: url('../imgs/bar.gif');
  text-align: left;
  border-bottom: 0px;
  width: 122px;
}
div.menu li{
  margin:0;
  padding:0;
}
div.menu li.system{
  margin:0;
  padding:0;
  background: url(../imgs/menu_list.gif) repeat-x bottom left;
  font:bold, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica,sans-serif;
  font-size: small;
  color: white;
  display: block;
  width: auto;
  margin: 0;
  padding: 6px 0 3px 10px ;
  text-decoration: none;
  border: 0px;
}
div.menu li a{
  background: url(../imgs/menu_list.gif) repeat-x bottom left;
  font:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica,sans-serif;
  font-size: small;
  color: white;
  display: block;
  width: auto;
  margin: 0;
  padding: 3px 0 3px 10px ;
  text-decoration: none;
  border: 0px
}
* html div.menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
  width: 146px;
}
* html div.menu li.indent a{ /*IE only. Actual menu width minus left padding of A element (10px) */
  width: 126px;
}
div.menu li a:hover{
  background-image: url(../imgs/menu_list2.gif);
}
div.menu p.banner{
  margin: 10px 0 2px 10px;
}
div.menu img.banner{
  border-width:0;
}
div.menu img.bar{
  margin:0;
  padding:0px 0 0 0;
  border: 0px
}

/*--------RIGHT_COLUMN---------*/
div.main {
  margin: 0 ;
  padding: 0 10px 10px 170px;
  background-color: #FFF;
  border-style: solid;
  border-width: 0 2px 0px 0px;
  border-color: #363;
  background-image: url(../../imgs/menu_bg.jpg);
  background-repeat:repeat-y;
  width: 572px;
}
div.main h1{
  margin: 0px 0 10px 0;
  text-align: center;
  padding: 0px 0 0 0;
  color: #000;
  font-size: x-large;
}
div.main h2 {
  margin: 10px 0 10px 0;
  text-align: center;
  padding: 0px 0 0 0;
  font-size: large;
  border-style: solid;
  border-width: 0px 1em 1px 1em;
  border-color: #393;
  color: #000;
}
div.main h3 {
  clear: both;
  margin: 20px 10px 10px 0;
  padding: 0 0 0 0.5em;
  font-size: medium;
  text-align: left;
  color: #000;
  background-color: #DDD;
  border-style: solid;
  border-width: 1px 1px 1px 1em;
  border-color: #393;
}

div.main h4 {
  margin: 10px 10px 5px 10px;
  padding: 0 0 0 0.5em;
  font-size: medium;
  text-align: left;
  color: #000;
  border-style: solid;
  border-width: 0px 0px 1px 0.5em;
  border-color: #393;
}
div.main h5 {
  margin: 10px 10px 5px 13px;
  padding: 0 0 0 0.3em;
  font-size: medium;
  text-align: left;
  color: #000;
  border-style: double;
  border-width: 0px 0px 0px 0.3em;
  border-color: #393;
}
div.main p {
  margin: 0.5em 0 0 0;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
  text-indent: 1em;
}
div.main p.each {
  margin: 0.5em 0 1em 0;
  font-size: small;
  line-height: 140%;
  text-align: right;
}
div.main p.signature{
  margin: 1.5em 0 0 0;
  font-size: small;
  line-height: 140%;
  text-align: right;
  text-justify: inter-word;
  text-indent: 1em;
}
div.main p.h_control{
  margin: 90px 0 0 0;
}
div.main p.indent{
  margin: 0;
  padding: 0 0 0 5em;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
  text-indent: 0;
}
div.main p.center {
  clear: both;
  margin: 0.5em 0 0 0;
  font-size: small;
  line-height: 140%;
  text-align: center;
}
div.main p.left_float {
  float: left;
  margin: 0.5em 0 0 0;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
}
div.main p.clear{
  clear: both;
  margin: 0.5em 0 0 0;
  font-size: small;
  line-height: 140%;
  text-align: center;
  text-justify: inter-word;
}
div.main a {
  font-size: small;
  text-decoration: underline;
  color: #000;
}
div.main a:hover{
  font-size: small;
  color: #FFF;
  background-color: #264;
}
div.main a.top:hover{
  color: #FFF;
  background-color: #FFF;
}
div.main a.top{
  border: none;
  margin: 0;
  padding: 0;
}
div.main a.h3 {
  font-size: medium;
  text-decoration: none;
  color: #000;
}
div.main a.h3:hover{
  font-size: medium;
  color: #FFF;
  background-color: #264;
}
div.main a.org_it{
  font-size: small;
  color: #FFF;
}
div.main a.org_it:hover{
  font-size: small;
  color: #000;
  background-color: #FFF;
}

div.main img{
  margin: 5px;
}
div.main img.center{
  text-align: center;
  margin: 0 10px 0 10px;
  padding: 5px;
  background-color:#FFF;
  border:none;
}
div.main img.signature{
  float: right;
  position: relative;
  bottom: 40px;
}


div.main ul{
  padding: 0 0 0.5em 1em;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
}
div.main li{
  padding: 0.5em 0 0 0;
  font-size: small;
  line-height: 120%;
  text-align: justify;
  text-justify: inter-word;
}
div.main ul.access{
  padding: 0.5em 0 0 3em;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
}
div.main ol{
  padding: 0.5em 0 0 2em;
  font-size: small;
  line-height: 140%;
  text-align: justify;
  text-justify: inter-word;
}
/*--------TABLE---------*/
div.main table{
  margin: 1em;
  font-size: small;
  line-height: 140%;
}
div.main caption{
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
div.main th{
  padding: 0 10px;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #9C6;
  background-color: #9C6
}
div.main td{
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
}
div.main td.it{
  padding: 0 20px;
  text-align: center;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border: none;
  background-color: #9CC;
}
div.main td.hs{
  padding: 0 20px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border: none;
  background-color: #FF6;
}
div.main td.department{
  padding: 0 10px 0 20px;
  text-align: left;
  border: none;
}
div.main td.course{
  padding: 0 10px 0 30px;
  text-align: left;
  border: none;
}
div.main td.count{
  padding: 0 10px 0 10px;
  text-align: right;
}
div.main td.degree{
  padding: 0 10px 0 10px;
  text-align: left;
  border: none;
}
div.main td.blank{
  padding: 0;
  border: none;
}
div.main tr.faculty{
  background-color: #4E6;
}
div.main tr.department{
  background-color: #8FA;
}
div.main tr.course{
  background-color: #DE4;
}
/*--------Organization Figure---------*/
div.main th.org{
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  line-height: 0%;
  border: none;
}
div.main td.yellow{
  padding: 0 5px;
  text-align: left;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #FF9;
}
div.main td.line{
  padding: 0;
  text-align: center;
  line-height: 100%;
  border: none;
}
div.main td.org_it{
  padding: 0 5px;
  text-align: left;
  color: #FFF;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #339;
}
div.main td.org_hs{
  padding: 0 5px;
  text-align: left;
  color: #000;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #FC0;
}
div.main td.org_rc{
  padding: 0 5px;
  text-align: left;
  color: #000;
  line-height: 140%;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #9C6;
}
/*--------HEIGHT CONTROL---------*/
div.height_control {
  margin: 0 ;
  padding: 0 10px 80px 220px;
  background-color: #FFF;
  border-style: solid;
  border-width: 0 2px 0px 0px;
  border-color: #363;
  background-image: url(../../imgs/menu_bg.jpg);
  background-repeat:repeat-y;
}/*--------FOOTER---------*/
div.footer{
  clear: both;
  margin: 0px;
  padding: 1em 10px 10px 220px;
  font-size: x-small;
  color: #000;
  background-color: #FFF;
  border-width: 0px 2px 2px 0px;
  border-style: solid;
  border-color: #363;
  background-image: url(../../imgs/menu_bg.jpg);
  background-repeat:repeat-y;
  width: 522px;
}

div.footer p{
  font-size: x-small;
  text-align: right;
  padding: 0;
  color: #000;
}
.hide {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.align_right{
  text-align: right;
}
div.main p.right {
  text-align: right;
}
div.main br.clear-left{
  clear: left;
}
/*--------For header---------*/
.header ul{
clear: both;
padding: 7px 0px 0px 5px;
margin: 0;
list-style-type: none;
text-align: left;
border-bottom: 0px;
}

.header li{
display: inline;
margin: 0;
}

.header li a{
text-decoration: none;
padding: 3px 9px 5px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #363;
color: #FFF;
font: bold;
font-size: small;
background: #363 url(../imgs/tabright.gif) top right no-repeat;
}

.header li a:hover{
background-color: #DDD;
color: #363;
}