* {

font: 12pt Tahoma, Lucida Grande, sans-serif;
margin: 0;
padding: 0;

}

p {

margin: 15px;
line-height: 1.8em;

}

li {

/* font: 12pt serif; */
line-height: 1.8em;


}



/* Layout ----------------------------------------------------------- */

/* pre-defined styles */

h1 {


font: 26pt serif;
font-style: italic;
/* height: 170px; */
padding: 0;
margin: 0;
/* line-height: 170px; */
/* border: 1px white solid;  */
text-align: center;

}

h2 {

text-align: center;
font: 20pt serif;
font-style: italic;


}

h3 {

text-align: center;
font: 16pt serif;
font-style: italic;
margin-top: .5em;

}


h4 {

font-size: 16pt;
/* font-weight: bold; */
text-align: left;
/* border: 1px red solid; */
margin-left: 15px;
margin-right: 1em;
margin-top: 1em;
margin-bottom: 1em;

}

h5 {

font-size: 18pt;
text-align: left;
/* border: 1px red solid; */
/* padding-left: 5em; */
/* padding-right: 5em; */
margin-left: 15px;
padding-bottom: 1em;

}

h6 {

clear: left;
font-size: 15pt;
text-align: center;
/* border: 1px red solid; */
padding-left: 5em;
padding-right: 5em;
padding-bottom: 1em;
line-height: 1.5em;

}



body {
background-color: #000;
/* background-color: #0c501d; */
/* background-color: #9E6A7C; */
/* background-image: url('/images/background4.jpg');
background-repeat: repeat; */

color: #FFF;
/* background-color: #000; */
margin-left: 0px;
margin-right: 0px;
margin-top: 1em; 
margin-bottom: 1em; 
min-width: 760px; 


}

strong {

font-weight: bold;

}

a:link, a:visited {

color: #FFF;

}

a:hover {

color: #00b2ff;

}



/* ID's  */

#logo {

float: left;
margin-top: 0px;
width: 0px;
height: 0px;
background-color: #000;
border: none;
color: black;
}


#header {

/* background-color: #F7C; */
background-color: #CF6F9B;
color: #000;
/* height: 170px; */
margin: 0px;
padding-right: 0em;
padding-left: 0em;
padding-top: 1em;
padding-bottom: 1em;
/* border: 1px red solid; */

/* padding-left: 200px; */
/* width: 79.9%; */
width: 100%;
/* display: inline-block; */  /* apparently invalid in CSS */
overflow: hidden;

}

#header_new {
/* background-color: #F7C; */
background-color: #00504D;
color: #000;
height: 204px; 
margin: 0px;
padding: 0px;
/* border: 1px red solid; */

/* padding-left: 200px; */
/* width: 79.9%; */
width: 100%;
/* display: inline-block; */  /* apparently invalid in CSS */
overflow: hidden;



}

#navbar {

float: left;
background-color: #003850;
color: #FFF;
width: 100%;
padding-top: .4em;
padding-bottom: .4em;
margin: 0px;

}


#navbar ul {

margin: 0;
padding: 0;
list-style: none;
/* border: solid blue 1px; */
/* text-align: center; */
/* float: left; */

}


#navbar li {

/* float: left; */
/* border: 1px red solid; */
/* text-align: justify; */
display: inline;
}


#content {

float: left;
width: 100%;
margin: 0px;
padding-top: 5px;
color: #FFF;
background-color: #00504D;
/* background-color: #86d0cd; */
/* height: 300px; */

}

#wedding_1 {
float: left;
width: 53.9%

}

#wedding_2 {
float: left;
width: 46%;
margin-bottom: 1em;

}

#player_div {
float: left;
width: 100%;

}

#preludes_1 {
float: left;
width: 45.9%;

}

#preludes_2 {

float: left;
width: 54%;
/* border: red solid 1px; */
}



#container {

width: 760px; 
margin: 0px; 
padding: 0px;
border: #003850 solid 5px; 
display: block;
margin-left: auto;
margin-right: auto;
background-color: #00504D;
}

#footer {

clear: both;
background-color:#00504D;
margin: 0px;
padding: 0px;
/* border: red solid 1px; */
}



/* classes */


.name {

font-style: italic;
font-weight: bold;

}


.work_title {

font-style: italic;
font-weight: bold;
}

.link_list {


list-style-type: none;
text-align: center;


}


.link_list li {

padding-right: 1em;
padding-left: 1em;
/* border: solid red 1px; */
/* padding-top: 1em; */
/* padding-bottom: 1em; */

}




.link_list a:link, .link_list a:visited {
  color: #00b2ff;
  font: 17pt Arial;
  text-decoration: none; 
  
}


.link_list a:hover {

color: #FFF;

}

.selected a:link, .selected a:visited {

color: #FFF;


}

/*
.fix_link a: link .fix_link a: visited {

color: #FFF;

}
*/

.rep_list {

padding-left: 15px;
list-style: none;

}


.locations {


font-size: 12pt;
text-align: center;
/* border: 1px red solid; */
/* font-style: italic; */

padding-bottom: 0em;


}

.copyright {


font-size: 10pt;
text-align: center;
/* border: 1px red solid; */
/* font-style: italic; */

padding-bottom: 0em;
padding-top: 0em;


}


p.center {

text-align: center;

}


IMG.center {

display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: #003850 solid 5px;

}


IMG.jane_photo {

float: right;
padding: 0px;
margin: 3px;
border: #003850 solid 5px;

}


IMG.darlene_photo {

float: left;
padding: 0px;
margin: 3px;
border: #003850 solid 5px;

}

IMG.duo_rep {

display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: #003850 solid 5px;

}


IMG.duo_rep_2 {

display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0em;
margin-bottom: 1em;
border: #003850 solid 5px;

}


.names {

/* line-height: 2em; */
padding-bottom: 0em;

}

IFRAME {

display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: #003850 solid 5px;

}