html{
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	background: url('bg6.jpg');
}

#frame{
background: #000000;
right-margin: auto;
left-margin: auto;
width: 763px;
}

#header {
background: url('dodbg6.jpg') no-repeat 50% 50%;
background-color: #000000;
float: left;
width: 763px;
height: 111px;
color:#000000;
weight: Bold;
border-color: #000000;
border-right: 4px solid black;
border-left: 4px solid black;
}

#header .padding {
	padding: 5px;
}

h1 {
text-decoration: none;
font-size: 24pt;
weight: bold;
margin-top: 17px; 
margin-left: 340px;
margin-bottom: 0;
text-align: center;
}

h2 {
text-decoration: none;
color: #800000;
font-size: 24pt;
weight: bold;
margin-top: 0; 
margin-bottom: 0;
text-align: center;
}

h3 {
text-decoration: none;
font-size: 20pt;
weight: bold;
margin-top: 0; 
margin-bottom: 0;
}

h4 {
text-decoration: none;
font-size: 16pt;
weight: bold;
margin-top: 0; 
margin-bottom: 0;
}

#banner {
background: #800000;
float: left;
top: 111px;
width: 763px;
height: 25px;
color:#ffffff;
text-align: center;
border-color: #000000;
border-right: 4px solid black;
border-left: 4px solid black;
border-bottom: 4px solid black;
}

#banner .padding {
	padding: 5px;
}


#content {
background: #ffffff;
float: static;
top: 155px;
right-margin: auto;
left-margin: auto;
width: 763px;
color:#000000;
weight: bold;
border-color: #000000;
border-right: 4px solid black;
border-left: 4px solid black;
border-bottom: 4px solid black;
text-align: left;
z-index: 1;
}


#content .padding {
	padding: 5px;
}

.charity {
background: tan;
color: black;
border-color: #800000;
border: 2px solid black;
padding: 5px;
}

.charity a:hover{
color: #000000;
text-decoration:  underline overline;
}

.charity a{
color: #800000;
text-decoration:  underline overline;
}

.link a{
color: #800000;
text-decoration:  underline;
}

.link a:hover{
color: #000000;
text-decoration:  underline overline;
}

#cssdropdown{
padding-left: 20px;
margin: 0px;
list-style: none;
z-index: 10;
}

#cssdropdown ul {
z-index: 10;
padding: 0px;
margin-left: 0px;
list-style: none;

}

#cssdropdown li {
z-index: 10;
float: left;
position: relative;
}

.mainitems{
background-color: #800000;
color:#ffffff;
text-align: center;
}

.mainitems a{
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
color:#ffffff;
}

.mainitems li a:hover{
text-decoration:  underline overline;
background-color: #ffffff;
color:#800000;
}

.subuls {
display: none;
z-index: 10;
position: absolute;
width: 14.0em;
top: 1.0em;
left: 0;
background-color: #000000;
color:#ffffff;
text-align: left;
}

.subuls li{
z-index: 10;
width: 100%;
}

.subuls li a{
text-decoration: none;
}

.subuls li a:hover{
text-decoration:  underline overline;
background-color: #ffffff;
color:#800000;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside a div with id=content*/
clear: left;
}