@charset "utf-8";

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
cursor:pointer;
}

img{
border:0px;
}

.header{
width:870px;
height:183px;
margin:0 auto;
margin-top:-7px;
}

.header .logo{
width:580px;
height:138px;
float:left;
}

.header .topnav{
float:left;
width:290px;
height:138px;
}

.header .topnav .navleft{
background:url(images/topnavleft.png) no-repeat;
width:6px;
height:25px;
float:left;
}


.header .topnav .nav{
background:url(images/topnavbg.png) repeat-x;
width:268px;
height:25px;
float:left;
padding:2px 5px 0px 5px;
}

.header .topnav .nav ul{
margin-top:0px;
margin-left:-30px;
}



.header .topnav .nav div.mail{
background:url(images/mail.png) no-repeat;
width:30px;
height:20px;
float:left;
}





.header .topnav .nav a{
color:#FFFFFF;
text-decoration:none;
float:left;
margin-left:5px;
margin-top:3px;
background:url(images/topnavsep.png) no-repeat left;
font-size:8.2pt;
padding-left:10px;
}

.header .topnav .nav .home{
margin-left:5px;
margin-top:0px;
background:none;
}

.header .topnav .nav .mail{
margin-left:5px;
padding-left:3px;
margin-top:0px;
}

.header .topnav .nav div.home{
background:url(images/home.png) no-repeat;
width:17px;
height:23px;
float:left;
}

.header .topnav .nav a:hover{
text-decoration:underline;
}

.header .topnav .navright{
background:url(images/topnavright.png) no-repeat;
width:6px;
height:25px;
float:left;
}

.header .topnav img{
float:left;
margin-left:192px;
margin-top:2px;
}


.header .menu{
width:870px;
background:url(images/menubg.png) repeat-x;
height:35px;
float:left;
margin-top:5px;
}

.header .menu ul{
margin-top:-10px;
}

.top{
width:870px;
height:280px;
margin:0 auto;
}

.top .left{
background:#CFD1D0;
width:285px;
height:280px;
float:left;
margin-right:5px;
}

.top .btn{
width:170px;
height:280px;
float:left;
background:#E7E7E7;
}

.top .btn .bt1{
background:url(images/btn1.png) no-repeat center;
width:170px;
height:93px;
float:left;
}

.top .btn .active1{
background:url(images/btn1_hover.png) no-repeat center;
width:170px;
height:93px;
float:left;
}

.top .btn .bt2{
background:url(images/btn2.png) no-repeat center;
width:170px;
height:93px;
float:left;
}

.top .btn .active2{
background:url(images/btn2_hover.png) no-repeat center;
width:170px;
height:93px;
float:left;
}

.top .btn .bt3{
background:url(images/btn3.png) no-repeat center;
width:170px;
height:94px;
float:left;
}

.top .btn .active3{
background:url(images/btn3_hover.png) no-repeat center;
width:170px;
height:93px;
float:left;
}


.top .btn a:hover .bt1{
background:url(images/btn1_hover.png) no-repeat center;
}

.top .btn a:hover .bt2{
background:url(images/btn2_hover.png) no-repeat center;
}

.top .btn a:hover .bt3{
background:url(images/btn3_hover.png) no-repeat center;
}

.top .btn a:active .bt1{
background:url(images/btn1_hover.png) no-repeat center;
}

.top .btn a:active .bt2{
background:url(images/btn2_hover.png) no-repeat center;
}

.top .btn a:active .bt3{
background:url(images/btn3_hover.png) no-repeat;
}

.top .banner{
float:left;
width:410px;
height:280px;
background:url(images/loading.gif) center no-repeat;
}

.bar {
margin:0 auto;
width:870px;
height:5px;
margin-top:5px;
margin-bottom:5px;
background:#212C7C;
}

.content{
width:870px;
height:auto;
overflow:auto;
overflow:hidden;
margin:0 auto;
min-height:300px;
font-size:10px;
}

.content .login{
float:left;
width:285px;
height:auto;
overflow:visible;
min-height:340px;
margin-right:5px;
}


.content .login .studenttop{
background:url(images/loginbg.png) repeat-x;
width:255px;
padding:0px 15px 0px 15px;
height:24px;
float:left;
}


.forum{
color:#FFFFFF;
font-size:12px;
}


.content .login .student{
width:255px;
padding:15px;
background-color:#222A7D;
height:155px;
float:left;
margin-bottom:5px;
color:#FFFFFF;
font-size:12px;
}

.content .login p{
float:left;
color:#FFFFFF;
margin-top:30px;
}

.content .login a{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
}

.content .login a.underline{
text-decoration:underline;
}

.content .login a:hover{
text-decoration:underline;
}

.content .login label{
float:left;
}

.content .login input.txt{
float:left;
width:246px;
height:18px;
margin-bottom:5px;
padding:0px;
background:#FFFFFF;
border:1px solid;
padding-top:0px;
padding-left:5px;
font-size:8.5pt;
}

.content .login input.submit{
float:right;
width:40px;
height:22px;
background:url(images/go.png) no-repeat;
border:0px;
margin-right:2px;
}


.content .login .forum{
float:left;
height:100px;
width:255px;
padding:15px;
background-color:#222A7D;
}

.content .con{
float:left;
width:870px;
overflow:visible;
overflow:hidden;
}

.content .text{
float:left;
width:550px;
color:#8D8D8F;
padding:0px 15px;
~padding:9px 15px;
text-align:justify;
background:#E7E7E7;
overflow:visible;
font-size:8.5pt;
line-spacing:12pt;
overflow:hidden;
min-height:190px;
}

.content .text img{
margin:8px;
}

.content .text .title{
font-size:16px;
color:#222A7D;
font-weight:bold;
}

.content .event{
background:#E7E7E7 url(images/textbg.png) right bottom no-repeat;
float:right;
width:550px;
padding:15px;
overflow:auto;
}

.content .event a{
text-decoration:none;
color:#666666;
}

.content .event a:hover{
text-decoration:underline;
}

.content .event .title{
font-size:16px;
color:#EC871B;
font-weight:bold;
border:none;
margin-top:18px;
~margin-top:30px;
}

.content .event p{
font-size:9.5pt;
color:#666666;
border-bottom:1px solid #333333;
padding-bottom:2px;
width:400px;
}


.footer{
width:870px;
height:80px;
margin:0 auto;
margin-top:5px;
padding-top:10px;
~padding-top:30px;
}

.footer ul{
margin-left:-45px;
~margin-left:0px;
}


.footer li{
display:inline;
list-style:none;
background:url(images/lisep.png) left no-repeat;
padding-left:10px;
font-size:8pt;
color:#75767A;
}

.footer li a{
color:#75767A;
text-decoration:none;
}

.footer li a:hover{
text-decoration:underline;
}

.footer li.copy{
font-weight:bold;
margin-left:0px;
background:none;
}



.lavaLamp {
    position: relative;
    height: 29px; width: 840px;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
}



.lavaLamp li {
float: left;
list-style-image:url(images/lisep.png);
list-style: none;
width:120px;
text-align:center;
}



.lavaLamp li.back {
	background:url(images/lamp.png) no-repeat;
	width: 9px; height: 25px;
	z-index: 8;
	position: absolute;
}

.lavaLamp li.back .left {
	background:url(images/lamp.png) no-repeat;
	height: 25px;
	margin-right: 9px;
}

.lavaLamp li a.app{
margin:0 3px;
}


.lavaLamp li a {
	position: relative; 
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 9pt verdana;
	color: #fff; 
	outline: none;
	text-align: center;
	height: 25px; 
	top: 6px;
	z-index: 10; 
	letter-spacing: 0;
	display: block;
	margin: auto 10px;
}


.videoholder{
width:234px;
height:156px;
margin:0 auto;
margin-top:50px;
background:url(images/video.png) no-repeat;
}


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

.slidecontainer {
	position:relative;
}

#slideshow {
    position:relative;
    height:280px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0px;
    left:0px;
    z-index:8;
	width:410px;
	height:283px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


.slidebuttons{
width:170px;
height:280px;
background:#993300;
float:left;
}

.slidebtn1{
background:url(images/btn1.png) no-repeat;
width:170px;
height:94px;
float:left;
}

.slidebtn2{
background:url(images/btn2.png) no-repeat;
width:170px;
height:94px;
float:left;
}

.slidebtn3{
background:url(images/btn3.png) no-repeat;
width:170px;
height:94px;
float:left;
}

.act .slidebtn1{
background:url(images/btn1_hover.png) no-repeat;
}

.act .slidebtn2{
background:url(images/btn2_hover.png) no-repeat;
}

.act .slidebtn3{
background:url(images/btn3_hover.png) no-repeat;
}


.topbar{
width:auto;
background:#E7E7E7;
text-align:right;
padding:1px 30px;
}

.topbar p.userinfo{
text-align:left;
}

.topbar p.userinfo span.welcome{
color:#202C78;
font-size:20px;
text-transform:capitalize;
}

.panel{
width:auto;
background:#E7E7E7 url(images/textbg.png) right bottom no-repeat;
padding:5px 30px;
height:250px;
}

.linkbutton{
float:left;
width:175px;
height:60px;
background:#556677;
margin:10px;
margin-top:30px;
}

#chat{
margin-left:120px;
background:url(images/chat.png) no-repeat;
}

#forum{
background:url(images/st_forum.png) no-repeat;
}

#download{
background:url(images/download.png) no-repeat;
}


.eventbar{
width:220px;
height:23px;
background:url(images/eventbar.png) no-repeat;
margin-top:100px;
padding-left:70px;
padding-top:1px;
color:#FFFFFF;
}

.student li{
margin-left:-15px;
list-style:square;
}

.formwrap{
	padding:10px;
	width:850px;
	background:#E7E7E7 url(images/textbg.png) right bottom no-repeat;
	margin:0 auto;
	font-size:12px;
}


.reg_form_holder{
	margin:0 auto;
	width:210px;
	height:300px;
	margin-top:20px;
}

.reg_form_holder input,label{
	float:left;
	margin:3px;
}

.reg_form_holder input.submit{
	float:right;
	
}

.reg_form_holder input.txt{
	width:200px;
}

.reg_form_holder label{
	font-size:12px;
	width:200px;
}

.regmsg{
	color:#900;
	text-align:center;
}