@charset "UTF-8";

/*ids CSS Document */



body, html{

background-image:url(../images/_bg.gif); 

background-repeat:repeat;  

margin:0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#666666; 

text-align:justify;

height:100%;

}

p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding-top:0; margin-top:0;}



#top_header{width:100%; height:75px; margin:0px; padding:0px; background-image:url(../images/_bg_topbar.gif); background-repeat:repeat-x;}

#wrapper {width:970px; margin: 0 auto; padding:0; text-align:left; background-color:#FFFFFF;}

#topbar{width:970px; height:75px; margin: 0 auto; padding:0;}

#topnavi{float:left; width:645px; height:70px; margin: 0; padding:0;}

.navi {margin:0; padding:0; float:left;}

.navi li {display: inline; float:left;}

#topdivider{float:left; width:8px; height:75px; background-image:url(../images/_navi/_divider.gif); background-repeat:no-repeat;}

#topsearch{float:right; width:310px; height:70px;}

.log {margin:0; padding:0;}

.log li {display: block; padding:2px; margin:0;}

#logobar{width:970px; height:175px; margin:1px 0;}

#logo{float:left; width:215px; height:70px;}

/*#profession{float:left; width:110px; margin:0px 2px; padding:0; height:70px;}

.pro {float:left; margin:0; padding:0; margin:0;}

.pro li {display: block; padding:2px 2px 2px 0px; margin:0;}*/

#conceptstore{float:left; min-height:105px; width:966px; background-color:#f2f5f6; border:#d8d8d8 solid 1px;}





.list_ConceptIndex {margin:5px 0 5px 0; float:left; padding:0;}

.list_ConceptIndex li {display: inline; float:left; padding: 0px; margin:2px 5px 2px 5px;}



.subnavi {margin:0; padding:0; float:left;}

	.subnavi :hover {background-color:#6699ff;}



.subnavi li {float:left; width:143px; height:30px; list-style:none; padding:0; margin:40px 2px 0 2px; background-color:#ffffff; border-top: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1;}



.subnavi a:link, .subnavi a:visited {font-size: 12px; font-weight:bold; text-decoration:none; color: #000000;}



.subnavi a.active:link, .subnavi a.active:visited {color: #666666; background-color:#cecece;  padding:0 5px 0 5px; margin:0;}

.subnavi a:hover {background-color:#6699ff; color:#ffffff; padding:0; font-weight:bold; margin:0;}



/* for STUDENT*/

.subnaviS {margin:0; padding:0; float:left; height:70px;}

.subnaviS :hover {background-color:#fcecc0;}

.subnaviS li {float:left; width:150px; height:66px; list-style:none; padding:0 2px 0 2px; margin:1px; background-color:#f8b500; border: solid 1px #dea303;}

.subnaviS a:link, .subnaviS a:visited {font-size: 12px; font-weight:bold; text-decoration: none; color: #000000;}

.subnaviS a.active:link, .subnaviS a.active:visited {color: #666666; background-color:#cecece;  padding:0 5px 0 5px; margin:0;}

.subnaviS a:hover {background-color:#fcecc0; color:#666666; padding:0; font-weight:bold; margin:0;}



/* index */

#flash{ width:970px; height:300px; float:left;}

#leftcontent{ width:750px; min-height:200px; float:left; margin-bottom:5px; background-color:#ffffff; padding:0;}

.tablist {margin:0; padding:10px; float:left; margin:0;}

.tablist li {display: block; padding-bottom:5px; margin:0;}

/* ul for tablist content */

.tabcontent {margin:0; padding:0; float:left; margin:0;}

.tabcontent li {display: block; padding-bottom:5px; margin:0;}

#rightcontent{width:215px; float:right; margin-bottom:5px; padding:0px;  background-color:#f4f4f4; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1;}

.advert {margin:0; padding:5px; float:right; margin:0; }

.advert li {display: block; padding-bottom:5px; margin:0;}

/*innerPageadvertbar Display*/

#advertisment{width:215px; float:left; margin:10px 0px; padding:0px;  background-color:#f4f4f4; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1;}

.advert_inner {margin:0; padding:5px; float:left; margin-top:5px; }

.advert_inner li {display: block; padding:0px 0px 5px 10px; margin:0;}

/*event table*/

#event{float:left; width:340px; height:270px; overflow:auto; overflow-x:hidden; padding:5px; margin:0;}



/*footer */

#footerlink {float:left; width:970px; height:165px; }

#footer {float:left; height:30px; width:960px; background-color:#000000; text-align:center; padding-top:5px;}

.clearfooter {height:5px; clear: both;}



/* font setting */

.searchfont{font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:10px; border:none;}

.footertext{font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff;}

.footertitle{font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;}

.text2 {font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:18px; font-weight:bold;}

.titlewpadding{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000000; padding:5px;}

.textwpadding{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:5px; text-align:justify;}

.title {font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px; font-weight:bold;}



a.login, a.login:link, a.login:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration: none; color: #000000;}

a.login:hover {color:#0299bd;} 

a.login:active {color:#0299bd;} 



a.adlink, a.adlink:link, a.adlink:visited {font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #000000; border-bottom:dotted 1px #000000;}

a.adlink:hover {color:#0299bd; border-bottom:dotted 1px #0299bd;} 

a.adlink:active {color:#0299bd; border-bottom:dotted 1px #0299bd;}



a.link, a.link:link, a.link:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration: none; color: #000000; padding:0px 5px 0px 10px;}

a.link:hover {color:#0299bd; } 

a.link:active {color:#0299bd;}



a.footerlink, a.footerlink:link, a.footerlink:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #ffffff;}

a.footerlink:hover {color:#0299bd;} 

a.footerlink:active {color:#0299bd;} 



a.footerlink_black, a.footerlink_black:link, a.footerlink_black:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #000000;}

a.footerlink_black:hover {color:#0299bd;} 

a.footerlink_black:active {color:#0299bd;}a.conceptlink, a.conceptlink:link, a.conceptlink:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; text-decoration: none; color: #0099cc;}

a.conceptlink:hover {color:#000000; border-bottom:dotted 1px #000000;} 

a.conceptlink:active {color:#000000; border-bottom:dotted 1px #000000;}


