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

body {
	margin: 0;
	background-color: #ffffff;
	background-image: url(images/bg1.jpg);
	}
#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	}
#right {
	position: absolute;
	padding: 0;
	margin: 0;
	left:650px;
	top: 275px;
	z-index: 100;
	}
#content {
	width: 900px;
	margin: 0 auto;
	}
#header {
	width: 900px;
	height: 135px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	}
#left {
	width: 250px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 160px;
	padding-right:490px;
	background-image: url(images/middle.png);
	background-repeat: repeat-y;
	}
	
#more {
	width: 250px;
	}


#footer {
	width: 900px;
	height: 111px;
	text-align: center;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	}
p, ul, ol {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color:#666;
}

.text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 122px;
  height: 192px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

/* hit area */
#menu .print {
  width: 122px;
  height: 48px;
  background: url(images/menu_print.png) no-repeat;
  left: 0px;
  top: 0px;
}

/* over area */
#menu .print span {
  width: 122px;
  height: 48px;
  background: url(images/menu_print_over.png) no-repeat;
  left: 0px;
  top: 0px;
}

/* hit area */
#menu .web {
  width: 122px;
  height: 48px;
  background: url(images/menu_web.png) no-repeat;
  left: 0px;
  top: 48px;
}

/* over area */
#menu .web span {
  width: 122px;
  height: 48px;
  background: url(images/menu_web_over.png) no-repeat;
  left: 0px;
  top: 0px;
}


/* hit area */
#menu .photo {
  width: 122px;
  height: 48px;
  background: url(images/menu_photo.png) no-repeat;
  left: 0px;
  top: 96px;
}

/* over area */
#menu .photo span {
  width: 122px;
  height: 48px;
  background: url(images/menu_photo_over.png) no-repeat;
  left: 0px;
  top: 0px;
}

/* hit area */
#menu .students {
  width: 122px;
  height: 48px;
  background: url(images/menu_students.png) no-repeat;
  left: 0px;
  top: 144px;
}

/* over area */
#menu .students span {
  width: 122px;
  height: 48px;
  background: url(images/menu_students_over.png) no-repeat;
  left: 0px;
  top: 0px;
}