body{
text-align: center;
min-width: 800px;
background-color: #000000;
}

#container{
text-align:left;
width: 800px;
height: 1000px;
background-image: url("sandboxbackground.jpg");
background-repeat: no-repeat; 
margin: 0 auto; 
padding: 0; 
}

h1{
 font-family: "Arial Black", sans-serif;
 font-style: italic;
 letter-spacing: -4pt;
 font-size: 40pt;
 color: #888888;
 margin: 0 0 0 0;
}

h2{
 font-family: "Verdana", serif;
 letter-spacing: -1pt;
 font-size: 8pt;
 color: #000000;
 margin: 0px;
}

h3{
 font-family: "Times New Roman";
 font-style: italic;
 font-size: 10pt;
 color: #bbbbbb;
 margin: 0px;
}

h4{
 font-family: "Times New Roman";
 font-size: 20pt;
 font-style: normal;
 color: #000000;
 margin: 0px;
}

h5{
 font-family: "Times New Roman";
 font-size: 10pt;
 color: #bbbbbb;
 margin: 0px;
 }


p{
font-family: "Verdana", sans serif;
font-style: normal;
font-size: 9pt;
}


ul{
margin: 0;
padding: 0;
list-style: none;
}

li{
float: left;
position: relative;
width: 10em;
}

ul li{
position: relative;
}

li ul{
position: absolute;
left:0;
top: 1.4em;
display:none;
}

ul li a{
font-family: verdana;
font-style: normal;
display: block;
text-decoration: none;
text-align: right;
font-size:7pt;
color: #ffffff;
background: #000000;
padding: 5px;
border: 1px solid #000000;
border-bottom: 0;
}

ul li a:hover{
font-family: verdana;
display: block;
text-decoration: none;
font-size:7pt;
color: #00ff00;
background: #222222;
padding: 5px;
border: 1px solid #000000;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac\*/
* html ul li {float: left; }
* html ul li a {height: 1%;}
/*End*/

li:hover ul, li.over ul{
display: block; 
}

.banner{
position: absolute;
top:0px;
left:0px;
height: 75px;
text-align: left;
}

.subbanner{
position: absolute;
top:40px;
right:20px;
text-align: right;
background-color: transparent;
}

.tagline{
position: absolute;
top:87px;
left:0px;
padding: 0px;
text-align: left;
}

.menu{
position: relative;
left:0px;
top:100px;
font-family : "verdana";
z-index: 4;
}
.mainbox{
	position: relative;
	width: 100%;
	left: 0px;
	top: 100px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	z-index: 2;
}

.mainbox p:first-letter{
float: left;
font-family: "Times New Roman";
font-size: 300%;
margin: 0.05em 0.05em 0  0;
}

a:hover {
color: #ffffff;
text-decoration: none;
}
