/*
 * based on
 * bartender style sheet
 * 
 * Copyright (C) Alessandro Dotti Contra <alessandro@hyboria.org>
 *
 * bartender.css,v 1.1 2005/07/05 13:07:08 adotti Exp
 *
 * This layout is released under the terms of the Creative Commons
 * Attribution-NonCommercial-ShareAlike version 2.5
 *
 * http://creativecommons.org/licenses/by-nc-sa/2.5/
 */




/* Body */

body {
	font-family:		sans-serif;
	background-color:	#333333;
	color:			white;
	margin:			2% 2%;
}

img {
	border:			none;
}

a {
	color:			#D2D2D2;
}

a:hover {
	color:			#EE7B21;
	text-decoration:	none;
}

p {
	margin-left:			2em;
}

#mainframe {
	position: absolute;
	left: 95px; right: 25px;
	top: 26px;
	padding:		0px;
}

#menu {
	position: absolute; 
	top: 26px; 
	left: 0; 
	width: 100px;  
	font: 16px Verdana, sans-serif; 
	z-index: 100;
}

#menu a {
	display: block; 
	text-align: center; 
	font: bold 1em sans-serif; 
   padding: 5px 10px; 
   margin: 0 0 1px; 
   border-width: 0; 
   text-decoration: none; 
   color: #FFC; 
   background: #444;
   border-right: 5px solid #505050;
}

#menu a:hover {
	color: #411; 
	background: #AAA;
   border-right: 5px double white;
}

#menu a span {display: none;}

#menu a:hover span {
	display: block;
   position: absolute; 
   top: 280px; 
   left: 0; 
   width: 65px;
   padding: 5px; 
   margin: 10px; 
   z-index: 100;
   color: #AAA; 
   background: #22232F;
   font: 10px Verdana, sans-serif; 
   text-align: center;
}

/* Content */

#content {
   font: 13px Verdana, sans-serif; 
   min-height:		500px;
/*	margin-bottom:		10px;
*/
	padding:		10px;
	border: solid 5px #444;
	color: #BAA; 
   background: #22232F; 
}

#content h1 {
	margin: -9px -9px 0.5em; 
	padding: 5px 0 5px; 
	text-align: right; 
	background: #333; 
	color: #EE7B21; 
	letter-spacing: 0.5em; 
	font: bold 25px sans-serif; 
	height: 28px; 
	vertical-align: middle; 
	white-space: nowrap;
	}

#studlinks{
	float:			right;
	clear:			right;
	width:			30%;
	text-align:		center;
}

/* SMenu */

.smenu {
	margin:			10px 0 10px 10px;
	padding:		10px 0 10px 10px;
	font-size:			0.7em;
	text-align:		left;
}

.smenu h4 {
	text-align:		center;
	background-color:	#333333;
	color:			#FFFFFF;
	font-size:		1em;
	font-weight:		normal;
	margin:			0;
	padding-bottom:	2px;
	font-weight:		bold;
}

.smenu ul {
	list-style:		none;
	background-color:	#333333;
	color:			#D2D2D2;

	border-top:		1px solid #EE7B21;

	padding-left:		0;
}

.smenu li {
	margin:			0;

	border-bottom:		solid 1px #EE7B21;

	padding:		3px 0;
}

.smenu a {
	color:			#D2D2D2;
	background-color:	#333333;
	
	text-decoration:	none;
}

.smenu a:hover {
	color:			#FFFFFF;
	background-color:	#333333;
	
	text-decoration:	none;
}


 
/* Quick links */

.quicklinks {
/*	background-color:	#333333;*/
	font-size:		0.7em;
	color:			#EE7B21;
	text-align:		center;
/*	border-top:		1px solid #EE7B21;
	border-bottom:		1px solid #EE7B21;*/
}

.quicklinks a {
/*	background-color:	#333333;*/
	color:			#D2D2D2;
	text-decoration:	none;
}

.quicklinks a:hover {
/*	background-color:	#333333;*/
	color:			#FFFFFF;
	text-decoration:	none;
}


/* Miscellaneous classes */
.small {
	font-size:		0.6em;
	font-weight:	normal;
}

/* Footer */

#footer {
	font-size:		0.6em;
/*	text-align:		center;*/
	padding:		5px;
	border: solid 5px #444;
	color: #BAA; 
   background: #22232F; 
   margin-bottom: 25px
}