html, body {
    height: 100%;
}

body {
	background-color: #222222;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

div#outer {
	position:relative;
	width: 800px;
	background-color:#000000;
   	margin: 0 auto;
	padding: 0px;
	min-height: 100%;
	border: thin solid #000000;
}
div#header {  
	padding: 0px;    
	margin: 0px;    
	text-align: center; 
	height:427px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

div#footer {
	position:relative;  
	padding: 0px;    
	margin: 0px;    
	height:180px;
	background-image: url(../images/clarinet.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-align:left;
}

div#footertext {
	position:absolute;
	top:160px;
	width:800px;
	margin:auto;
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

div#pagetitle {
	position:absolute;
	left: 570px;
	top: 320px;
	width:200px;
	color:#FFFFFF;
	font-size:20px;    
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

div#menu {
	position:absolute;
	color:#FFFFFF;
	left: 130px;
	top: 220px;
	font-size:14px;    
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-align:left;
}

.subheading1 {
	color:#000000;
	font-size:16px;    
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.subheading2 {
	color:#000000;
	font-size:14px;    
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.subtext1 {
	color:#000000;
	font-size:12px;    
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.subtext2 {
	color:#000000;
	font-size:14px;    
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

a.menu:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.menu:hover {
	text-decoration: underline;
	color: #0000FF;
}
a.menu:active {
	text-decoration: none;
	color: #FFFFFF;
}

a.sublink:link {
	color: #000000;
	text-decoration:underline;
}
a.sublink:visited {
	text-decoration:underline;
	color: #000000;
}
a.sublink:hover {
	text-decoration: underline;
	color: #FF0000;
}
a.sublink:active {
	text-decoration:underline;
	color: #000000;
}

a.pagelink:link {
	color: #FFFFFF;
	text-decoration:underline;
}
a.pagelink:visited {
	text-decoration:underline;
	color: #FFFFFF;
}
a.pagelink:hover {
	text-decoration: underline;
	color: #FF0000;
}
a.pagelink:active {
	text-decoration:underline;
	color: #FFFFFF;
}

