@charset "utf-8";
/* CSS Document */

html,body{margin:0; padding:0; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:13px; background-color:#dddddd; background-image:url(../images/bg_top.gif); background-repeat:repeat-x; color:#666;}

#wraper{margin:0 auto; padding:0 10px; width:1000px;}

.font12{font-size:12px;}
.fontbluewhite{color:#b2cde3;}
.link_wh-bl{color:#FFF; text-decoration:none;}
.link_wh-bl:hover{color:#5091cd;}

a{color:#003663; text-decoration:none;} a:hover{color:#003663; text-decoration:underline;}

#blackcontainer{width:1000px; float:left; background-image:url(../images/27-03-57_bginter.jpg);}

#index-header{width:900px; height:200px; float:left; padding:0 50px;}

#mainnav{float:left; margin:25px ; padding:0; list-style:none; position: relative; z-index:99; font-size:12px;}
#mainnav li{margin:0; padding:0 10px; border-right:#0c415a solid 1px; float:left;}
#mainnav li.start{padding:0 10px 0 0;}
#mainnav li.end{padding:0 0 0 20px; border:none;}

#mainnav li a{font-weight:bold; color:#FFF; text-decoration:none;}
#mainnav li a:hover{font-weight:bold; color:#999; text-decoration:none;}

#mainnav li #sub{margin:0 0 0 -80px; padding:0; position:absolute; display:none; list-style:none;}
#mainnav li:hover #sub{position:absolute; display:block; z-index:99; width:204px; background:url(../images/navarrowtop.png) top center no-repeat; padding-top:15px;}
#mainnav li:hover #sub ul{margin:0; padding:10px 10px 0 20px; border:#FFF solid 2px; list-style:none; width:170px; background:url(../images/nav_screen.gif) repeat-x; float:left;}
#mainnav li:hover #sub ul li{margin:0 0 8px 0; padding:0; border:none;}
#mainnav li:hover #sub ul li a{color:#003664; text-decoration:none;}
#mainnav li:hover #sub ul li a:hover{color:#333; text-decoration:none;}

/* Search */
#cse-search-box .bottomsearch{width:19px; height:19px; background-image:url(../images/search-button.gif); background-repeat:no-repeat; cursor:pointer;border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/ top:20px; text-indent:-5000px; font-size:0px; overflow:hidden;}
#cse-search-box .texbox{width:165px; height:18px; margin:0 5px 0 0; padding:0; border:none; font-size:12px;}

#index-header #logo{margin:3px 0 0 50px; } #index-header #logo img{border:none;}

#index-toptext{/*background:url(../images/logo_text_1.gif);*/ width:184px; height:40px; float:right; clear:right; margin:60px 0 0 0;}
#main-toptext{/*background:url(../images/logo_text_2.png);*/ width:167px; height:35px; float:right; clear:right; margin:48px 0 0 0;}

#wraper-banner{width:1000px; float:left;}
#banner {
	/*position:relative;
	margin:0;
	width:1000px;
	height:475px;*/
}

#banner img {
	/*display:none;
	position:absolute;*/
}

#header{width:900px; height:180px; float:left; padding:0 50px; background:url(../images/bg_header.jpg); border-bottom:#FFF 1px solid;}
#header #logo{float:left; margin:3px 0 0 0;} #header #logo img{border:none;}

#topbanner{width:1000px; float:left; height:220px;}

#navigation{width:940px; padding:7px 30px; float:left; background-color:#accde7; color:#002d52; font-size:11px; font-weight:bold;}
#navigation a{color:#002d52; text-decoration:none;}
#navigation a:hover{color:#06508d; text-decoration:none;}

#bluecontent{background-color:#003664; border-top:14px solid #000; width:900px; padding:25px 50px; float:left; color:#FFF;}

#bluecontent #content1-2{width:270px; float:left; margin:0 45px 0 0;}
#bluecontent #content1-2 h2{font-size:30px; margin:0 0 7px 0; padding:0; border:none; color:#FFF;}
#bluecontent #content1-2 .adminlinks{width:235px; padding:0 0 0 35px; background-position:left; background-repeat:no-repeat; margin:0 0 8px 0; font-size:19px; color:#FFF; text-decoration:none; font-weight:bold; line-height:160%;}
#bluecontent #content1-2 .adminlinks:hover{color:#b2cde3;}

#bluecontent #content1-2 #learnmore{width:270px; background:url(../images/bg_formore.gif) right no-repeat; font-size:14px; font-weight:bold; color:#b2cde3; margin:20px 0 10px 0; text-transform:uppercase;}

#bluecontent #content1-2 #morelinks{width:250px; display:block; margin:0 0 10px 0; background:url(../images/bg_gonaxt.gif) top right no-repeat; padding:0 20px 0 0; color:#FFF; text-decoration:none; font-weight:bold; font-size:15px;}
#bluecontent #content1-2 #morelinks:hover{color:#b2cde3;}

#bluecontent #content1-2 h3{font-size:20px; margin:0 0 10px 0; padding:0; border:none; color:#FFF;}

#bluecontent #content3{width:270px; height:460px; overflow:auto; float:right; margin:0;}
#bluecontent #content3 h2{font-size:30px; margin:0 0 14px 0; padding:0; border:none; color:#FFF;}
#bluecontent #content3 #latestnews{margin:0; padding:0; list-style:none;}
#bluecontent #content3 #latestnews li{margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#396992 solid 1px;}
#bluecontent #content3 #latestnews li a{color:#b2cde3; text-decoration:none;}
#bluecontent #content3 #latestnews li a:hover{color:#FFF; text-decoration:none;}
#bluecontent #content3 #latestnews li .date{font-style:italic; font-size:12px;}

#bluecontent {scrollbar-darkshadow-color:#00ffff}

#bluecontent #dotline{width:900px; height:3px; background:url(../images/bg_line.gif); float:left; margin:25px 0;}
#bluecontent #social{float:right; color:#b2cde3; font-size:12px; margin:18px 0 0 0;}

#main-cause{width:585px; float:left; clear:left; margin:20px 0 20px 0; background:#014884}/*014884*/

#cause{padding:15px 10px 18px 10px; /*background:url(../images/bg_line.gif) bottom repeat-x;*/ float:left; display:block; color:#FFF; font-size:16px; font-weight:bold; width:250px; text-decoration:none; border-bottom:#426a8b dashed 1px;}
#cause img{float:left; margin:0 15px 0 0; border:none;}
#cause:hover{color:#386BF3; text-decoration:none; background:#ACFDF4;}


#cause2{padding:15px 10px 18px 10px; /*background:url(../images/bg_line.gif) bottom repeat-x;*/ float:left; display:block; color:#FFF; font-size:16px; font-weight:bold; width:250px; text-decoration:none; border-bottom:#426a8b dashed 1px;}
#cause2 img{float:left; margin:0 15px 0 0; border:none;}
#cause2:hover{color:#FA661F; text-decoration:none; background:#F8F16D;}

#cause3{padding:15px 10px 18px 10px; /*background:url(../images/bg_line.gif) bottom repeat-x;*/ float:left; display:block; color:#FFF; font-size:16px; font-weight:bold; width:250px; text-decoration:none; border-bottom:#426a8b dashed 1px;}
#cause3 img{float:left; margin:0 15px 0 0; border:none;}
#cause3:hover{color:#1DA215; text-decoration:none; background:#B3F964;}

#cause4{padding:15px 10px 18px 10px; /*background:url(../images/bg_line.gif) bottom repeat-x;*/ float:left; display:block; color:#FFF; font-size:16px; font-weight:bold; width:250px; text-decoration:none; border-bottom:#426a8b dashed 1px;}
#cause4 img{float:left; margin:0 15px 0 0; border:none;}
#cause4:hover{color:#FFFFFF; text-decoration:none; background:#FA2535;}

#links{width:900px; margin:0; padding:0; float:left;}
#links ul li a{}

#whitecontent{width:1000px; float:left; background:#FFF;}
#whitecontent #contentLeft{width:200px; margin:0 30px; float:left;}
#whitecontent #contentRight{width:710px; float:left; margin-right:30px;}
#whitecontent #fullcont{width:940px; margin:0 30px;}
#whitecontent #fullcont #left{width:460px; float:left; margin:0 20px 0 0;}
#whitecontent #fullcont #right{width:460px; float:left;}

#whitecontent #fullcont #leftw{width:620px; float:left; margin:0 20px 0 0;}
#whitecontent #fullcont #rightw{width:300px; float:left;}

#whitecontent h1{font-size:34px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent h4{font-size:24px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent h2{font-size:18px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent h3{font-size:14px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}

#whitecontent #normalList{margin:0 0 0 25px; padding:0;}
#whitecontent #normalList li{margin:0 0 6px 0; padding:0;}

#whitecontent #contentRight h1{font-size:34px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent #contentRight h4{font-size:24px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent #contentRight h2{font-size:18px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}
#whitecontent #contentRight h3{font-size:14px; margin:0 0 15px 0; padding:0; font-weight:normal; border:none;}

#whitecontent #contentLeft #contactForm{width:200px; margin:0; padding:0; list-style:none; font-size:12px;}
#whitecontent #contentLeft #contactForm li{margin:5px 0 5px 0; padding:0;}
#whitecontent #contentLeft #contactForm li .input{width:188px; padding:5px; background:#f4f4f4; border:#ccc solid 1px;}

#whitecontent #right #contactForm{width:450px; margin:0; padding:0; list-style:none; font-size:12px;}
#whitecontent #right #contactForm li{margin:5px 0 5px 0; padding:0; float:left;}
#whitecontent #right #contactForm li.name{width:130px; float:left; padding:5px 0 0 0;}
#whitecontent #right #contactForm li.form{width:320px; float:left; padding:0;}
#whitecontent #right #contactForm li .input{width:300px; padding:5px; background:#f4f4f4; border:#ccc solid 1px;}

#whitecontent #contentLeft #leftnav{width:190px; margin:10px 0 0 0; padding:0; list-style:none; color:#003663; font-size:12px;}
#whitecontent #contentLeft #leftnav li{margin:0; padding:6px 0 6px 0; border-bottom:#CCC dashed 1px;}
#whitecontent #contentLeft #leftnav li.bottom{margin:0; padding:6px 0 6px 0; border-bottom:#ccc solid 1px;}

#whitecontent #contentLeft #leftlink{width:190px; margin:0 0 10px 0; padding:0; list-style:none; color:#003663; font-size:12px;}
#whitecontent #contentLeft #leftlink li{margin:0; padding:6px 0 6px 0; border-bottom:#ccc solid 1px;}

#whitecontent #contentLeft #leftlist{width:180px; margin:10px 0 0 10px; padding:0; font-size:12px;}
#whitecontent #contentLeft #leftlist li{margin:0 0 7px 0; padding:0;}

#whitecontent #contentRight #normalList{margin:0 0 0 25px; padding:0;}
#whitecontent #contentRight #normalList li{margin:0 0 6px 0; padding:0;}

#whitecontent #contentRight #mainlist{margin:0 0 0 12px; padding:0; font-size:12px;}
#whitecontent #contentRight #mainlist li{margin:0 0 7px 0; padding:0;}

#whitecontent #contentRight #year{font-size:14px; margin:0 0 15px 0; padding:6px 0 0 38px; font-weight:normal; border:none; height:24px; background-position:left; background-repeat:no-repeat;}

#whitecontent #top20{width:100%; clear:both; height:20px;}

#whitecontent .plus{}
#whitecontent .plus:hover{background:url(../images/plus_major.gif) right no-repeat; color:#003663;}

#whitecontent .linedot{width:100%; height:1px; border-bottom:dashed 1px #CCC; margin:15px 0;}

#whitecontent #gallerypic{width:710px; clear:both; margin:0 0 20px 0; float:left;}
#whitecontent #gallerypic img{width:157px; height:125px; margin:4px; padding:5px; border:#CCC solid 1px; float:left;}

#pic3engi{width:710px; clear:both;}
#pic3engi img{width:210px; margin:5px; padding:6px; border:#CCC solid 1px; background-color:#FFFFFF;}

#Faculties{width:710px; float:left; clear:both; margin:0 0 20px 0;}
#Faculties .pic{width:106px; height:126px; padding:6px; border:#CCC solid 1px; background-color:#FFF; float:left; margin:0 20px 0 0;}
#Faculties .text{width:570px; float:left; display:block;}

#listnormal{margin:0 0 15px 20px; padding:0;}
#listnormal li{margin:0 0 5px 0; padding:0;}

/* TAB */
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
    .tab a:hover { text-decoration: underline; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px;/* border-color: #666;*/ }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; /*border: solid #666 1px;*/ padding:20px 0 0 0; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }
	
#newsdiv{width:215px; margin:0 10px 15px 10px; padding:0; float:left; height:360px; overflow:hidden;}
#newsdiv .pic{width:215px; height:130px; border:none; margin:0 0 5px 0;}
#newsdiv .head{font-size:18px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#CCC solid 1px;}
#newsdiv .date{font-size:11px; font-style:italic; color:#777; margin:0 0 10px 0;}

#bluecontent #footer-menu{margin:0; padding:0; list-style:none; float:left; width:150px; font-size:11px;}
#bluecontent #footer-menu li{margin:5px 0; padding:0;}
#bluecontent #footer-menu li.sub{margin:5px 0 5px 16px; padding:0;}
#bluecontent #footer-menu a{color:#b2cde3; text-decoration:none;}
#bluecontent #footer-menu a:hover{color:#FFF;}
#bluecontent #footer-menu li h3{margin:0 0 8px 0; padding:0; border:none; font-size:11px;}
#bluecontent #footer-address{color:#4984b4; font-size:11px; float:left;}