@import url(modifiers.css);

html{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	font-family:"Myriad Pro",arial,verdana,sans-serif;
 	font-size: 11px;
	background-color: #d3c4a8;
	height: 100%;
	margin: 0;
	padding: 0;
}

.link {
	
}

#frame {
	width:900px; 
	height:400px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin:-200px auto auto -450px; 
	border:1px solid #463738; 
	text-align:center;
}

#frame .col {
	height: 400px;
	float: left;
	overflow:hidden;
	margin:0;
	padding:0;
}

#frame .leftCol {
	background: url("../images/gx_colLeft.png") no-repeat scroll 0 0 transparent;
	width: 180px !important;
}
#frame .centerCol {
	background-color: white;
 width: 450px !important;
}

#frame .rightCol {
	background: url("../images/gx_colRight.png") no-repeat scroll 0 -25px transparent;
	width: 270px !important;
}

#frame #home {
	height: 60px;
	width: 240px;
	overflow: hidden;
	margin-top:100px;
}

#frame #home:hover{
	cursor: pointer;
}


#frame .menu {
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0;
	height: 20px;
}

#frame .menu ul {
	list-style: none;
	padding: 0;
	margin:0;
}

#frame .menu li {
	overflow: hidden;
	float: left;
	margin: 0;	
	font-weight: bold;
	width: 85px;
	padding-left: 20px;
	text-align: left;
	text-decoration: underline;
	color: #f10505;
}
#frame .menu li.sep {
	width: 50px !important;
}

#frame .menu li.over, 
#frame .menu li.selected {
	background: url("../images/gx_linkIcon.png") no-repeat scroll 4px -3px transparent;
	cursor: pointer;
	color: #f10505;
	
}

#frame .content {
 text-align: left;
 height: 330px;
 overflow: hidden;
 margin: 0 20px;
 padding: 0;
}

#frame .content h1 {
	font-size: 14px;
}

#frame .footer {
	text-align: center;
	height: 35px;
	background: url("../images/gx_bottom.png") no-repeat scroll 50px 0px transparent;
}

.timetable{
	width:80%;
}

h1, h2 {
	font-size: 14px;
}