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

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

* {
	margin: 0;
	padding:0;
}

html,body {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:86%;
	padding: 0;
	color: #fff;
	background-color:#003366;
	text-align:center;
	height: 100%;
}

#wrapper {
	width:940px;
	background-image:url(../images/wrapper-fade.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	margin:0 auto;
	text-align:center;
	padding:0;
}

#main-content {
	width:935px;
	text-align:left;
	padding-bottom:800px;
	margin: 0 auto;
}

#push {
	height: 172px; /* .push must be the same height as .footer */
}

#footer-bar {
	clear: both;
	border-top: 1pt solid #839bb3;
	background-color:#001b36;
	height: 172px; /* .push must be the same height as .footer */
}

#footer {
	width:935px;
	text-align:left;
	margin: 0 auto;
}

#foot-main {
	width:660px;
	float:left;
	margin:0;
}

#foot-extra {
	width:240px;
	float:right;
	margin:0;
}

#footer p {
	margin: 0;
}

#butterfly {
	z-index:15;
	position:absolute;
	top: -80px; right: 20px;
}

#header {
	width:940px;
	height:100px;
	text-align:left;
	padding:0;
	margin:0;
}

#header p {
	font-size:76%;
}

#hdlogo {
	float:left;
	margin:42px 20px 0 80px; 
}

#hdlink-l {
	float:left;
	margin:70px 30px 0 0; 
}

#hdlink-r {
	float:right;
	margin:40px 80px 0 0;
}

img.bbclogo {
	position:absolute;
	top:25px; left:60px;
	border:0;
}

img.szlogo {
	position:absolute;
	float:right;
	top:5px; right:20px;
	border:0;
}

#board {
	background-image:url(../images/board.jpg);
	height:710px;
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
}

#movie {
	z-index:10;
	position:absolute;
	top: 95px; left:316px;
	height: 279px; width: 320px;
}

#navigation {   
	width:940px;
	height: 710px;
	list-style:none;
	z-index:0;
	position: relative;
}  

#navigation a  {  
	display:block; 
	text-indent:-9000px;  
} 

/* Relaxing */
#navigation li.relax {
	position: absolute;
	width:133px;
	height:58px;
	top: 108px; left: 124px;
}
#navigation li.relax a {
	width:133px;
	height:58px;
	background-image:url(../images/relax.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.relax a:hover {
	background-position:-133px 0px;
}  
/* /Relaxing */

/* Job Shop */
#navigation li.job {
	position: absolute;
	width:136px;
	height:79px;
	top: 105px; left: 668px;
}
#navigation li.job a {
	width:136px;
	height:79px;
	background-image:url(../images/jobshop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.job a:hover {
	background-position:-136px 0px;
}  
/* /Job Shop */ 

/* campus life */
#navigation li.campus {
	position: absolute;
	width:116px;
	height:109px;
	top: 262px; left: 140px;
}
#navigation li.campus a {
	width:116px;
	height:109px;
	background-image:url(../images/campuslife.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.campus a:hover {
	background-position:-116px 0px;
}  
/* /campus life */ 

/* gallery */
#navigation li.gallery {
	position: absolute;
	width:114px;
	height:78px;
	top: 273px; left: 684px;
}
#navigation li.gallery a {
	width:114px;
	height:78px;
	background-image:url(../images/gallery.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.gallery a:hover {
	background-position:-114px 0px;
}  
/* /gallery */   

/* student association */
#navigation li.assoc {
	position: absolute;
	width:129px;
	height:112px;
	top: 453px; left: 138px;
}
#navigation li.assoc a {
	width:129px;
	height:112px;
	background-image:url(../images/studassoc.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.assoc a:hover {
	background-position:-129px 0px;
}  
/* /student association */ 
  
/* celebrations */
#navigation li.celebrate {
	position: absolute;
	width:135px;
	height:54px;
	top: 463px; left: 328px;
}
#navigation li.celebrate a {
	width:135px;
	height:54px;
	background-image:url(../images/celebrations.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.celebrate a:hover {
	background-position:-135px 0px;
}  
/* /celebrations */ 

/* eat out */
#navigation li.eat {
	position: absolute;
	width:109px;
	height:107px;
	top: 483px; left: 528px;
}
#navigation li.eat a {
	width:109px;
	height:107px;
	background-image:url(../images/eatingout.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.eat a:hover {
	background-position:-109px 0px;
}  
/* /eat out */ 

/* the area */
#navigation li.area {
	position: absolute;
	width:140px;
	height:64px;
	top: 448px; left: 674px;
}
#navigation li.area a {
	width:140px;
	height:64px;
	background-image:url(../images/thearea.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:0px 0px;
}  
#navigation li.area a:hover {
	background-position:-140px 0px;
}  
/* /the area */ 

a:link {
	color: #ffff00;
	text-decoration: none;
}
a:visited {
	color: #cccc99;
	text-decoration: none;
}
a:hover {
	color: #cccc99;
	text-decoration: none;
}
a:active {
	color: #ffff00;
	text-decoration: none;
}