<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html,body{
	margin:0;
	padding:0;
	height:100%;
}
body{
	padding-top:200px;/*match height of fixed header*/
	margin-top:-200px;/*match height of fixed header*/
	padding-left:163px;/*match width of fixed sidebar*/
	margin-left:-163px;/*match width of fixed sidebar*/
	background-color: rgb(11,11,13)
	}
h1{
	font-size: 24pt;
	color: #2d82bc;
	font-family: cursive;
}
h2{
	font-family: cursive;
	color: #2d82bc;
	font-size: 14pt;
	
}
p{ text-indent: 30px;
text-align:justify;
	color: #a5a5a5;
	font-family: serif;
}
p.list{text-indent:0px;
text-align:left;
color: #a5a5a5;
	font-family: serif;}
A {
	color: #99377c;
	text-decoration: none;
}
A:hover {
	color: #e381ff;
	text-decoration: none;
}

A.submenu{color: #2c2c2c;
text-decoration: none;
}
A.submenu:hover{
	text-decoration: none;
	color: #787878;
}
h.submenu{
	padding-left: 10px;
	font-family: cursive;
	}
h.menutitle{
	font-family: cursive;
	font-size: 14pt;
	color: #0f0f0f;
	text-decoration: underline;
}
A.selflink{
	text-decoration: none;
	color: #2d82bc;
}
A.selflink:hover{
	text-decoration: none;
	color: #2d82bc;
}

#outer{
	margin-left:164px;/* match width (at least) of fixed sidebar (#left)*/
	position:relative;
	repeat-y right top;
	border-left:1px solid #000;
}
html>body #outer{
	min-height:100%
}

#inner{
	padding-top:200px;/* matches height of fixed header to clear the content below it*/
	margin-left:163px;/* clear right column*/
	margin-right: 1px
}
#header{
	position:fixed;/* for good browsers*/
	top:0;
	left:0;
	width:100%;
	min-width: 800px;
	
	height:100px;/* the height you want the header to be*/
	z-index:999;
	line-height: 1px;
}
#headerinner{/* header content goes inside here*/
	text-align:left; repeat-x right top;
	height:200px;/* match height of fixed header*/
	position:relative;
	z-index:999;
	background-image: url(images/headerBG.png);
}
#left{/* Bear in mind that as there is no height then scrollbars won't appear in IE and very small screens will be unable to reach the content of his fixed side - so keep content to a minimum */
	line-height: 30px;
	background-image: url(images/sidebarBG.png);
	width:150px;
	position:fixed;/* for good browers */
	left:0;
	top:200px;
	bottom:0px;/* this will enable a vertical scrollbar to appear in good browsers*/
	overflow:hidden;/* auto will enable a vertical scrollbar to appear in good browsers*/}
#right{
	width:0px;	
	position:relative;
	float:right;
	padding-top:200px;/* match height of header*/
	padding-bottom:0px;/* match height of footer*/
}
#footer{
	height:0px;
	background:silver;
	border-top:1px solid #000;
	position:fixed;
	bottom:0;left:0;
	z-index:999;
	width:100%;
}
#clearfooter{/* to clear footer*/
	height:0px;
	clear:both;
}


/* ie only styles below */
/* mac hide \*/
* html, * html body{
	overflow:hidden;
	height:100%;
}
* html #left {position:absolute;}
* html #headerinner{margin-right:-133px;voice-family: "\"}\""; voice-family:inherit; }
* html #headerinner{margin-right:17px;}
* html #header{position:absolute;}
* html #outer {height:100%;overflow:auto}
* html #inner{height:1%}
* html #footer{
	clear:both;
	margin-top:-51px;
	margin-right:17px;	
	position:relative;
	width:auto;
}
/* end hide */

</style>