<div id="wrap">
<div id="header"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
{
width:800px;
margin:0 auto;
}

#header {
padding:5px 10px;
}

#footer {
clear:both;
padding:5px 10px;
margin:0;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.4, #AF1D03),
	color-stop(1, #E9A43B)
);
background-image: -o-linear-gradient(bottom, #AF1D03 40%, #E9A43B 100%);
background-image: -moz-linear-gradient(bottom, #AF1D03 40%, #E9A43B 100%);
background-image: -webkit-linear-gradient(bottom, #AF1D03 40%, #E9A43B 100%);
background-image: -ms-linear-gradient(bottom, #AF1D03 40%, #E9A43B 100%);
background-image: linear-gradient(to bottom, #AF1D03 40%, #E9A43B 100%);
}

#main {
float:left;
width:700px;
padding:10px;
font-size: 18px;
}

#sidebar {
float:right;
width:200px;
padding:10px;
font-size: 18px;
}

ul
{
font-size: 1.2em;
color: #d99030; 
}

.menu_div ul
{
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#FFF;
    list-style:none;
    text-indent:15px;
}
.menu_div ul li
{
    background:#AF1C08;
    line-height:28px;
        border-bottom:1px solid #333;
}
.menu_div ul li a
{
    text-decoration:none;
    color:#FFF;
    display:block;
}
.menu_div ul li a:hover
{
    background:#d40203;
}
.menu_div ul li#active
{
    background:#d40203;
}

background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:24px;
font-size: 22px;
}


ul.a 
{
list-style-type:circle;
}


body {
background-color: #1E1815;
} 

p:first-letter 
{
color: #dea847;
font-weight:bold;
}
p
{
font-family: Times New Roman,Georgia,Serif;
color: #dea847;
font-size: 18px;
} 
a:link
{
        color: #c0c0dd;
}
a:visited
{
        color: #f0cfbb;
}
a:hover
{
        color: #b31c01;
}
a:active
{
        color: #b31c01;

}
H1 
{ 
font-size: 4em;
color: #d99030; 
margin: 0;
}
H2 
{ 
font-size: 1.4em;
color: #d99030; 
margin: 0;
}
h3
{ 
font-size: 1.2em;
color: #d99030; 
margin: 0;
}
h4
{
font-size: 1em;
color: #d99030;
margin: 0;
}
h5
{font-size: 1em;
color: #d99030;
margin: 0;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.picture 
{ 
background-color: white; 
border: 1px solid #9d1702; padding: 3px; 
font: 16px ; 
font-family: Times New Roman, Georgia, Serif; 
} 
.picture img 
{ 
border: 2px solid #9d1702; 
vertical-align:middle; margin-bottom: 3px; 
} 
.right 
{ 
margin: 0.5em 0pt 0.5em 0.8em; float:right; 
} 
.left 
{ 
margin: 0.5em 0.8em 0.5em 0; float:left; 
} 


dl.border-around
{
	margin: 2em 0;
	padding: 0;
	width: 30em;
}
	
.border-around dt
{
	background-color: #1e1815;
	color: #d99030;
	padding: .5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #d99030;
	border-right: 1px solid #d99030;
	border-top: 1px solid #d99030;
}
	
.border-around dd
{
	margin: 0 0 1em 0;
	background: #dea847;
        color: #1e1815;
	text-align: center;
	padding: 1em .5em;
	font-style: italic;
	border-left: 1px solid #d99030;
	border-right: 1px solid #d99030;
	border-bottom: 1px solid #d99030;
}
.border-around a:link
{
        color: #e8a326;
}
.border-around a:visited
{
        color: #faa306;
}
.border-around a:hover
{
        color: #fa8a06;
}

#SongsList
{
width:100%;
border-collapse:collapse;
}
#SongsList td, #SongsList th 
{
font-size:1em;
border:1px solid #d99030;
padding:3px 7px 2px 7px;
color:#dea847;
}
#SongsList th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#9d1702;
color:#dea847;
}