/* CSS Document */

#contain {
float: center;
width: 500;
margin: 10px;
}

#topleft {
position: relative;
float: left;
width: 495px;
height: 45px;
background-color: #e3481f;
}

#topleft h1, #topleft h2 {
color: #fff;
background-color: #e3481f;
margin: 7px;
}

#topright {
position: relative;
float: left;
width: 5px;
height: 45px;
background-color: #e3481f;
}

#topright a {
background: url(images/downloads_comb.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#topright a:hover {
background-position: -76px 7;
}

#topleftopt {
position: relative;
float: left;
width: 420;
height: 42px;
background-color: #e3481f;
}

#topleftopt h1, #topleftopt h2 {
color: #fff;
background-color: #e3481f;
margin: 7px;
}

#toprightopt {
position: relative;
float: left;
width: 80;
height: 42px;
background-color: #e5a391;
}

#toprightopt a {
background: url(images/downloadsopt_comb.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 67px;
height: 37px;
background-position: 7px 3;
}

#toprightopt a:hover {
background-position: -51px 3;
}

#middle {
text-align: left;
width: 500;
height: 55px;
clear: left;
background-color: #e5a391;
}

#middle a {
background: url(images/downloadsopt_comb.png);
background-repeat: no-repeat;
display: block;
float: left;
width: 51px;
height: 37px;
background-position: 7px 3;
}

#middle a:hover {
background-position: -51px 3;
}

#bottom {
text-align: left;
width: 500;
clear: left;
background-color:#e4e4e4;
}

#bottom p {
color: #4e4f4d;
font-size: 8pt; 
margin: 0px 7px 7px 7px;
padding: 7px 0px 0px 0px;
}

#tutorials a {
background: url(images/tutorials_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#tutorials a:hover {
background-position: -76px 7;
}

#manual a {
background: url(images/manual_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#manual a:hover {
background-position: -76px 7;
}

#bibles a {
background: url(images/bibles_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#bibles a:hover {
background-position: -76px 7;
}

#songs a {
background: url(images/songs_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#songs a:hover {
background-position: -76px 7;
}

#compare a {
background: url(images/compare_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#compare a:hover {
background-position: -76px 7;
}

#upgrade a {
background: url(images/upgrade_page.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 83px;
height: 53px;
background-position: 7px 7;
}

#upgrade a:hover {
background-position: -76px 7;
}

#length {
clear: left;
background-color:#fff;
margin-left: 7px;
}


.dtopleft, .dtopright, .dbottom{
 display:block;
 background:#fff;
clear: both;
}
.dtopleft b
{
 display: block;
 height: 1px; 
 background-color: #e3481f;
 overflow: hidden;
}

.d1{margin: 0 0 0 5px}
.d2{margin: 0 0 0 3px}
.d3{margin: 0 0 0 2px}
.d4{margin: 0 0 0 1px; height: 2px}
.d5{margin: 0 5px 0 0}
.d6{margin: 0 3px 0 0}
.d7{margin: 0 2px 0 0}
.d8{margin: 0 1px 0 0; height: 2px}
.d12{margin: 0 5px}
.d11{margin: 0 3px}
.d10{margin: 0 2px}
.d9{margin: 0 1px; height: 2px}

.dtopright b
{
 display: block;
 height: 1px; 
 background-color: #e5a391;
 overflow: hidden;
}

.dbottom b
{
 display: block;
 height: 1px; 
 background-color: #e4e4e4;
 overflow: hidden;
}