/* CSS Document 
*
{
margin: 0;
padding: 0;
}
#content ul { margin: 1em 2em; }
p
{
margin: 1em 0 1em 0;
}*/
body
{
font-family: "Trebuchet MS", Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;
background: black;
}
a img 
{
border:none; 
}
#container
{
background: url(../images/bg.gif) repeat-y;
text-align: center;
margin: 0 auto;
padding: 0;
width: 1200px;
}
#wrapper
{
background: url(../images/wrapper.jpg) no-repeat;
text-align: center;
margin: 0 auto;
padding: 0;
width: 1200px;
}
#top
{
width: 1200px;
height: 155px;
margin: 0;
padding: 0;
}
#top a
{
width: 1200px;
height:155px;
display: block;
text-decoration:none;
}
#top a span {
visibility: hidden;
}
#menu
{
width: 700px;
height: 36px;
font-size: 32px;
color: white;
line-height:26px;
margin-left: 145px;
}
#menu ul
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#menu li
{
margin: 0;
display: inline;
list-style-type: none;
padding: 0 8px 0 8px;
}
#menu a
{
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 15px;
color: white;
background-color: transparent;
text-decoration: none;
font-weight: 100;
letter-spacing: 0px;
padding: 0 0px;
}
#menu a:link, #menu a:active, #menu a:visited
{
color:#FFFFFF
}
#menu a:hover 
{
color:#c2a15c;
}
#content
{
background: url(https://dbqoneacts.org/images/content_top.jpg) no-repeat;
font-size: 14px;
line-height: 18px;
margin: 0 auto;
padding: 0;
width: 780px;
padding:130px 10px 0 10px;
text-align:left;
}
#content a:link, #content a:active, #content a:visited
{
color:#AB0303
}
#content a:hover 
{
color:#c2a15c;
}
/*
If you don't want linked images witin the content area to have the same mouse-over as textlinks give the
element a class (<a href="website.com" class="nohighlight"><img src"..."></a> and add the following code to stylesheet:
#content a.nohighlight:hover 
{
background: none;
}
*/
h1
{
color:#AB0303;
}
h2
{
color:#c2a15c;
}
h3
{
padding-top:0px;
}
h5
{
font-family:serif;
font-style:italic;
font-weight:bold;
font-size:18px;
color:#666666;
}
#footer
{
margin-left:1px;
clear: both;
width: 778px;
height: 110px;
text-align:center;
background-color:#FFFFFF;
}
#footerFooter
{
clear: both;
width: 798px;
height: 20px;
text-align:center;
background-color:#000000;
}
#spacer
{
height:350px;
float:left;
}
.smallprint
{
color:#666666;
font-size:12px;
text-align:center;
}