/* pushes the page to the full capacity of the viewing area */
html, body{
	font-size: 10pt;
	font-family:  Trebuchet MS, verdana, sans-serif;
	color: #000; 
	background:#000;
	min-height: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	scrollbar-base-color:#369;
}

html, body{
	height: 100%;
	width: 100%;
}

/* prepares the background image to full capacity of the viewing area */
#bg {
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index: 0;	
}

/* places the content ontop of the background image */
#content {
	position:relative; 
	z-index:10; 
	text-align: center; 
	width: 100%; 
	height: 100%;
}

#unibygg_main {
	margin-top: 7%;
	margin-left: 13%;
	margin-right: 13%;
	width: 74%;
	height: 80%;
	text-align: left;
	position: fixed;
}

#top_menu {
	border-top: 2px solid #0596C8;
	border-bottom: 2px solid #0596C8;
	width: 100%;
	height: 3%;
	min-height: 3%;
	line-height: 3%;
}

a.menu {
	color: #0596C8;
	text-decoration: none;
}

a.menu:hover, a.menu:active {
	color: #fff;
}

a.top {
	border-top: 2px solid #0596C8;
	border-bottom: 2px solid #0596C8;
	display: block;
	text-align: center;
	font-size: 110%;
}

a.top:hover {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.column {
	height: 100%;
}

#left {
	float: left;
	width: 24%;
}

#middle {
	float: left;
	width: 51.9%;
}

#right {
	float: right;
	width: 24%;
}

#left ul {
	padding: 0px;
	margin: 0px;
}

#left li {
	list-style-type: none;
	background: url(../images/par.gif) no-repeat;
	padding-left: 23px;
	margin-top: 5px;
	line-height: 140%;
	color: #0596C8;
}

#left li a {
	color: #0596C8;
	text-decoration: none;
}

#left li a:hover {
	color: #fff;
}

#middle p {
	color: #aeaeae;
	font-size: 110%;
	text-align: justify;
	margin: 5px;
}

#middle p strong {
	color: #fff;
	font-weight: normal;
}

.jScrollPaneContainer {
	margin-top: 10px;
	height: 90%;
}

#text_content {
	color: #fff;
	text-align: justify;
	height: 90%;
	padding: 0px 10px;
	overflow: auto;
}

#text_content h1 {
	font-size: 140%;
}