@charset "utf-8";
div,h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:14px;}
img, table, td, th { border:0;}
ul, ol { list-style-type:none;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;background-color:#eee}
#main{width:1000px;height:750px;background:#eee url(images/login_closed.gif) no-repeat;margin:0 auto;position:relative;}
#login input{border:0px;width:178px;display:block;padding:2px;position:absolute}
#schoolNo{top:373px;left:188px;}
#username{top:402px;left:188px;}
#password{top:430px;left:188px;}
#menu{}
#menu div{position:absolute;z-index:5;cursor:pointer;}
#qas{top:204px;left:158px;width:114px;height:109px;}
.hover#qas{background:url(images/qas.gif) no-repeat;}
#showclosed{top:380px;left:100px;width:400px;height:50px;}
#join{top:138px;left:281px;width:94px;height:92px;}
.hover#join{background:url(images/join.gif) no-repeat;}
#aboutus{top:201px;left:399px;width:111px;height:117px;}
.hover#aboutus{background:url(images/aboutus.gif) no-repeat;}
#about{top:157px;left:526px;width:148px;height:147px;}
.hover#about{background:url(images/about.gif) no-repeat;}

#login-btn{top:424px;left:389px;width:67px;height:32px;}
.hover#login-btn{background:url(images/login_btn.gif) no-repeat;}

#aboutus-content{background:url(images/aboutus_content.gif) no-repeat;position:absolute;z-index:10;top:173px;left:275px;width:615px;height:554px;}
#close-aboutus{position:absolute;z-index:15;top:34px;left:547px;width:36px;height:36px;cursor:pointer}
.hover#close-aboutus{background:url(images/menu-close.gif) no-repeat;}
#contact-btn{position:absolute;z-index:15;top:52px;left:306px;width:41px;height:29px;cursor:pointer}
.hover#contact-btn{background:url(images/contact_btn.gif) no-repeat;}
#contact-content{background:url(images/contact_content.gif) no-repeat;position:absolute;z-index:10;top:180px;left:150px;width:615px;height:554px}

#close-contact{position:absolute;z-index:15;top:37px;left:548px;width:36px;height:36px;cursor:pointer}
.hover#close-contact{background:url(images/menu-close.gif) no-repeat;}
a:link {
	font-size: 16px;
	color: #000066;
	text-decoration: none;
}
a:visited {
	font-size: 16px;
	color: #000066;
	text-decoration: none;
}
a:hover {
	font-size: 16px;
	color: #FF0000;
	text-decoration: underline;
}