html, body {
height: 100%;
margin: 0;
padding: 0;
}

a { 
text-decoration: none; 
}

p,h1,h2 {
margin:0px 10px 10px 10px;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

#content {
position:relative;
z-index:2;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */
}

#header {
width:100%;
height:42px;
background-color:#222200;
color:#FFFFAA;
font-family:Arial,Helvetica,Sans;
font-size:120%;
}

#subheader {
width:100%;
height:3px;
background-color:#888888;
}

#footer {
width:100%;
background-color:#222200;
height:42px;
color:#FFFFAA;
font-family:Arial,Helvetica,Sans;
font-size:80%;
text-align:center;
z-index:3;
bottom:0px;
position:fixed;/*relative;*/
}

#push {
	height: 42px; /* .push must be the same height as #footer */
}

#menutable {
width:500px;
height:40px;
border:0px;
align:center;
}

#playit {
width:962px;
padding:4px;
background-color:#222200;
overflow:auto;
}
	
#arcref { 
color: #EEEE99;
font-family:Verdana,Arial,Helvetica,Sans;
font-size:100%;
text-decoration: none; 
}

#about_content_wrapper {
width:750px;
margin:0;
padding:0;
/* background-color:#664422; */
}

#about_content {
width:546px;
padding:0px;
float:left;
background-color:#ffffEE;
/* background-color:#664422; */
overflow: auto;
border: 1px black solid;
text-align:left;
}

#about_right {
width:196px;
float:right;
background-color:#EEEEDD;
/*background-color:#775533;*/
display:inline;
border:1px black solid;
overflow:auto;
text-align:left;
}

#contact_form td,p{
color:#000044;
font-family:Arial,Helvetica,Sans;
}

h1 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color:#999966;
background-color: transparent;
}
	
h2 {
font-size:12px;
padding-top:10px;
text-transform:uppercase;
color: #449944;
background-color: transparent;
}

h3 {
font-size:16px;
padding-top:10px;
color: #449944;
background-color: transparent;
font-family:Verdana,Arial,Helvetica,Sans;
}

h4 {
margin-top:4px;
margin-left:0px;
margin-bottom:2px;
padding-left:4px;
padding-top:0px;
padding-bottom:0px;
}

pre{
margin:6px;
white-space:normal;
background-color:#f4f4e4;
border-top:1px black dotted;
border-left:1px black dotted;
border-right:1px black dotted;
border-bottom:1px black dotted;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
padding-top:0px;
}

.pre {
margin:6px;
font-family:monospace;
font-size:13px;
white-space:normal;

background-color:#f4f4e4;
border: 1px gray solid;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
padding-top:0px;

border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}

.menulink {color:#ffffaa; text-decoration: none; padding: 0px 8px 0px 4px;}
.menulink:hover {color:#ffffff; text-decoration: none; padding: 0px 8px 0px 4px;}

.linkimage {border:none; padding:5px;}
.aboutdiv {
  font-family:Arial,Helvetica,Sans;
  font-size:16px;
  color:#000044;
}