/*background image*/

body { background-image: url(../images/bachback.jpg); }

/* layout styles */

#logo {   text-align: left;  float: left}

#thumbnail { float: left; }
#details { float: right; width: 60%;}

.header { 
    text-align: center;
    background-color: white;
    font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align: center;
    font-size:6ex; font-weight: bold;
}
    
#sidebar {
   font-family: Calibri, Arial, Verdana;
   font-weight: bold;
   font-size: 2.5ex; 
   text-align: left;
   background-color: White;
   margin: 0px 0px 0px 0px;
   float: left;
}

ul {  list-style-type: none;  padding: 0;  margin: 0;}

#main {
   background-color: White;
   width: 80%;
   margin: 0px auto;
   float: right;
   vertical-align: middle;
}

#footer {
   font-family: Calibri, Arial, Verdana;
   background-color: White;
   clear: both;
   margin: 20px 2px 2px 2px;
   vertical-align: middle;
}

/*text styles*/
/*used on programme page*/
.concertdate {font-family: Calibri, Arial, Verdana;
    color: black;
    text-align:center;
    font-size: 3ex; font-weight: bold;}
.concertwork {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 4ex; font-weight: bold;}
.concertsoloist {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 2ex; font-weight: bold;}
 .newconcertdate {font-family: Calibri, Arial, Verdana;
    color: black;
    text-align:center;
    font-size: 2ex; font-weight: bold;}
.newconcertwork {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 3ex; font-weight: bold;}

/*used on programme page*/
.nconcertdate {font-family: Calibri, Arial, Verdana;
    color: black;
    text-align:left;
    font-size: 3ex; font-weight: bold;}
.nconcertwork {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:left;
    font-size: 4ex; font-weight: bold;}
.nconcertsoloist {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:left;
    font-size: 2ex; font-weight: bold;}
 .nnewconcertdate {font-family: Calibri, Arial, Verdana;
    color: black;
    text-align:left;
    font-size: 2ex; font-weight: bold;}
.nnewconcertwork {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:left;
    font-size: 3ex; font-weight: bold;}

h1 {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align: center;
    font-size:6ex; font-weight: bold;}
h2 {font-family: Calibri, Arial, Verdana;
    color: black;
    text-align:center;
    font-size: 4ex; font-weight: bold;}
.text1 {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 4ex; font-weight: bold;}
.text2 {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 5ex; font-weight: bold;}
.text3 {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:center;
    font-size: 3ex; font-weight: bold;}
.text4 {font-family:Calibri, Arial, Verdana;
    color: #000066;
    text-align: center;
    font-size: 2ex;}
.text5 {font-family:Calibri, Arial, Verdana;
    color: black;
    text-align: center;
    font-size: 2ex;}
.text6 {font-family: Calibri, Arial, Verdana;
    color: #000066;
    text-align:left;
    font-size: 2ex; font-weight: bold;}

/*main text*/
.text7 {font-family:Calibri, Arial, Verdana;
    color: #000066;
    text-align: left;
    font-size: 2ex;}


/* None of these are in use
#text2 {    text-align: center;}
#text3 {    text-align: center;   background-color: White;   vertical-align: middle;}
#text4 {   text-align: left;   background-color: White;   width: 80%;   vertical-align: middle;} 
#text2fl {    font-family: Comic Sans MS;    font-size: 2em;    color: Blue;    text-align: center;    background-color: green;    width: 50%;    margin: 0px auto;}
#text3fl {    font-family: Calibri, Arial, Verdana;   color: red;   font-size: 1em;    text-align: center;   background-color: White;   width: 50%;   margin: 0px auto;   vertical-align: middle;}
*/