/* CSS Document */

body {margin: 0; padding: 0; color: #64645A; background: #A09B7D url(../images/jpg/fabric.jpg) top center no-repeat; text-align: center; behavior: url(http://www.harpforyourwedding.com/style/csshover.htc);} 

* {
padding: 0;
margin: 0;
}

a:link {
text-decoration: none;
color: #8C5226;
}

a:visited {
text-decoration: none;
color: #8C5226;
}

a:hover {
text-decoration: underline;
color: #8C5226;
}

a:active {
text-decoration: none;
border-bottom: 1px solid #AAA08C;
color: #8C5226;
}

h3 {font: 85% Georgia, Palatino, Times, Times New Roman, serif; margin: 0; padding: 0; line-height: 17px; color: #8C5226; font-weight: bold; }

h1 {font: 90% Georgia, Palatino, Times, Times New Roman, serif; margin: 0 0 0 13px; padding: 0 0 10px 0; line-height: 17px;}

li {margin: 3px 0 0 0; text-align: left;}

/* ~~~ Text Properties ~~~ */

p { 
font: 80% Georgia, Palatino, Times, Times New Roman, serif; 
line-height: 17px;
margin-top: 0px; 
margin-left: 13px;
margin-right: 200px;
text-align: left;
padding-bottom: 10px;
}

span {font-weight: bold;}

#container {width: 774px; height: auto; margin-left: auto; margin-right: auto;}

/* page styling */

#header {width: 750px; height: 126px; margin: 15px auto 0 auto; background: url(../images/gif/card.gif) top center no-repeat;}
#top {width: 730px; height: 660px; margin: 14px 0 0 12px; background: url(../images/jpg/music.jpg) no-repeat; float: left; }
* html #top {width: 730px; height: 660px; margin: 19px 0 0 7px; background: url(../images/jpg/music.jpg) no-repeat; float: left;}

#nav {width: 750px; margin: 0 0 0 12px; float: left; background-color: #A10106; border-top: 2px solid #EDBF9D; border-bottom: 2px solid #EDBF9D; border-right: 2px outset black; border-left: 2px inset black; font: 80% Georgia, Palatino, Times, Times New Roman, serif;}
#nav ul { margin: 0 0 0 30px;}
#nav li {float: left; font-weight: bold; list-style-type: none; background-color: #A10106; border-right: 1px solid #EDBF9D; }
nav# li:first-child { border-left: 1px solid #EDBF9D;}
#nav li:hover {background-color: #EDBF9D;}
#nav a {padding: 0 6px; text-decoration: none; color: #EDBF9D; }
#nav a:hover {color: #A10106;}
#message {width: 700px; height: 500px; margin: 40px 0 0 55px; text-align: left; }
* html #message {width: 700px; height: 500px; margin: 44px 0 0 45px; text-align: left; }
#message ul {margin: 10px 0 5px 35px; font: 80% Georgia, Palatino, Times, Times New Roman, serif;}

#sounds {height: 60px; text-align: left; background: url(../images/gif/harpheading.gif) no-repeat;}
#image1 {width: 315px; height: 258px; margin: 1px -10px 0 0; background: url(../images/jpg/sarah1.jpg) no-repeat; float: right;}
* html #image1 {width: 315px; height: 258px; margin: -3px -20px 0 0; background: url(../images/jpg/sarah1.jpg) no-repeat; float: right;}
#image2 {width: 315px; height: 258px; margin: 1px -10px 0 0; background: url(../images/jpg/sarah1.jpg) no-repeat; float: right;}
* html #image2 {width: 315px; height: 258px; margin: -3px -20px 0 0; background: url(../images/jpg/sarah1.jpg) no-repeat; float: right;}

#artist {height: 60px; text-align: left; background: url(../images/gif/artistheading.gif) no-repeat;}
#booking {height: 60px; text-align: left; background: url(../images/gif/bookingsheading.gif) no-repeat;}
#repertoire {height: 60px; text-align: left; background: url(../images/gif/repertoireheading.gif) no-repeat;}
#contacts {height: 60px; text-align: left; background: url(../images/gif/contactheading.gif) no-repeat;}
#contact {width: 500px; margin:25px 0 0 55px; padding: 8px 0 0 0; background: url(../images/gif/end.gif) 50% 100% no-repeat; }
* html #contact {width: 500px; margin:25px 0 0 27px; padding: 8px 0 0 0; background: url(../images/gif/end.gif) 50% 100% no-repeat; text-align: left; float: left;}

#contact p {margin: 2px 0 0 0; line-height: 2px; font-size: 12px;}
#copyright {width: 770px; height: 25px; margin: 50px 0 0 0; padding: 4px 0; color: #EDBF9D; background-color: #A10106; border-top: 2px solid #EDBF9D; border-bottom: 2px solid #EDBF9D; font: 90% Georgia, Palatino, Times, Times New Roman, serif; float: left;}
* html #copyright {width: 773px; margin: 50px 0 0 -2px; padding: 4px 0; color: #EDBF9D; background-color: #A10106; border-top: 2px solid #EDBF9D; border-bottom: 2px solid #EDBF9D; font: 90% Georgia, Palatino, Times, Times New Roman, serif;}

#copyright p {margin: 2px 0 0 0; line-height: 2px; font-size: 12px; font-weight: bold; text-align: center;}
* html #copyright p {margin: 2px 0 0 0; line-height: 5px; font-size: 12px; font-weight: bold; text-align: center;}
#copyright a:link {text-decoration: underline; color: #EDBF9D; }
#copyright a:hover {text-decoration: underline; color: #EDBF9D;}
#copyright a:visited {text-decoration: underline; color: #EDBF9D; }
#verse {margin: 20px 0 20px 20px;}
#verse p {margin: 2px 0 0 0; line-height: 8px; font-size: 90%; font-style: italic;}
#scroll {margin: 10px 0 0  15px; height: 225px; width: 325px; border-top: 1px solid #edbf9d; border-bottom: 1px solid #edbf9d; overflow: auto;}
#scroll ul{height: 90%; margin: 12px 0 15px 5px; border-bottom: 1px dashed #ccc;}
#scroll li{ margin: 4px 0 0 0; padding: 0 0 0 20px; }
.header {margin: 5px 0 2px 5px; font: 95% Georgia, Palatino, Times, Times New Roman, serif; font-weight: bold; color: #8C5226}
.song {margin: 0 0 2px 0; float: left; height: 30px; width: 280px;  font-weight: bold;}
.name {margin: 0 0 0 30px; height: 20px; font-weight: normal;}
* html div#nav {width: 750px; margin: 0 0 0 6px; float: left; background-color: #A10106; border-top: 2px solid #EDBF9D; border-bottom: 2px solid #EDBF9D; border-right: 2px outset black; border-left: 2px inset black; font: 90% Georgia, Palatino, Times, Times New Roman, serif;}

* html div#nav ul { margin: 0 0 0 15px;}