* {

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

}

p {

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

}

li {

font: 12pt Tohoma, Lucidia Grande, sans-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: 1.5em;

}

h6 {

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; 
color: #000;
/* 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: #000;

}



/* 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: #133a97;
color: #000;
/* height: 170px; */
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: #133a97;
color: #FFF;
width: 100%;
padding-top: .5em;
padding-bottom: .5em;
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: #000;
background-color: #3468a7;
/* height: 300px; */

}

#rep_photo {

float: left;
width: 47.9%;
/* height: 400px; */

/* border: solid red 5px; */

}

#concert_rep {
float: left;
width: 52%;
/* height: 400px; */
/* margin-bottom: .5em; */
/* border: solid red 5px; */

}

#wedding_1 {
float: left;
width: 47.9%

}

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



}

#player_div {
float: left;
width: 100%;
padding-bottom: .5em;
}

#preludes_1 {
float: left;
width: 47.9%

}

#preludes_2 {

float: left;
width: 52%;

}

#calendar_left {
float: left;
width: 46.9%

}

#calendar_right {

float: left;
width: 53%;

}

#container {

width: 760px; 
margin: 0px; 
padding: 0px;
border: #133a97 solid 5px; 
display: block;
margin-left: auto;
margin-right: auto;

}

#footer {

clear:left;

}



/* 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: .7em;
padding-left: .7em;
/* border: solid red 1px; */
padding-top: .5em;
padding-bottom: .5em;

}


/*
.link_list a {

color: #0FF;
font: 12pt Arial;

}
*/


.link_list a:link, .link_list a:visited {
  color: #FFF;
  font: 17pt Arial;
  margin-left: 0em;
  margin-right: 0em;
  text-decoration: none; 
  
}


.link_list a:hover {

color: #3468a7;

}

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

color: #FFF;

}
*/

.rep_list {

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

}

.piece_title {


font: 13pt Arial;
color: #FFF;

}


.piece_title_single {


font: 13pt Arial;
color: #FFF;
padding-bottom: 1em;

}

.piece_caption {
font: 10pt serif;
padding-bottom: 2em;
padding-top: .1em;
}

.movement {
padding-left: 1em;
/* font: 13:pt Arial; */

}

.movement_final {
padding-left: 1em;
padding-bottom: 1em;
/* font: 13:pt Arial; */
}

.calendar_listing {

font-size: 10pt;
padding-bottom: 2em;



}


.calendar_listing a:link, .calendar_listing a:visited {

font-size: 10pt;

}


.copyright {


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

/* padding-bottom: 1em; */


}

.os_note {

font-size: 10pt;
text-align: center;


}

.os_note a:link, .os_note a:visited {

font-size: 10pt;

}

.picture_caption {

font-size: 10pt;
padding-bottom: 2em;
text-align: center;


}


.picture_caption a:link, .picture_caption a:visited {

font-size: 10pt;

color: #FFF;

}


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

color: #000;


}

.quote {

font-style: italic;
margin-top: 2em;
margin-left: 4em;
margin-right: 4em;

}

.quote_credit {

font-style: italic;
margin-bottom: 1em;
margin-left: 8em;
margin-right: 4em;

}


/*
.submitLink {

color: #00f;
background-color: transparent;
text-decoration: underline;
border: none;
cursor: pointer;
cursor: hand;

}
*/

p.center {

text-align: center;

}


IMG.center {

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

}


IMG.rebecca_photo {

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

}

IMG.duo_photo {

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

}

IMG.calendar_1 {

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

}

.names {

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

}


IFRAME.main_player {

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

}


IFRAME.small_player {

margin: 0px;
padding: 0px;
/* border solid !!comment out- #3468a7 -!! red 0px; */

}