/* PortobelloStyle.css */
body 
{ text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14;
}

h2
{ color: #660066;
  font-size: 16;
}

h3
{ color: #440044;
  font-size: 15;
}


/* Used in the list of past concerts */
table.ConcertList
{ font-size: 10pt;
}

/* used in the programme notes */
table.notes
{  font-size: 12pt;
   max-width: 900px;
}
img.notes
{  height: 250;
   padding-left: 20px;
}
/* end of programme notes special styles */

table.menu
{ background: #5070b0;
  width: 900;
}

td.menu
{ padding-right: 1cm;
}

a.menu
{  text-decoration: none;
   font-size: 13;
   font-weight: bold;
   color: #ffffff;
}
a:hover.menu 
{	
     font-weight: bold; 
     color: #000000;
}

a
{  text-decoration: none;
     color:  #5070b0;
}
a:hover
{	
       color: #000000;
}

/* styles for the main divisions */
/* style for the outermost divisions */
#container 
{  position: relative;
   width: 900px; 
   padding: 20px;
   padding-bottom: 40px;  /* needs to include the spacing of the internal divisions; */
   margin-left: auto;
   margin-right: auto;
   border:solid 0px;
   background-color: #f0f0f0;
   text-align: left;
}

#imageviewer 
{  position: relative;
   width: 900px; 
   padding: 15px;
   margin-left: auto;
   margin-right: auto;
   background-color: #f8f8f8;
   text-align: left;
}

/* normal content division using one column */
#content
{   position: relative; 
    top: 20px; 
    padding: 10px;
    background-image: url(Images/PaleBeethoven.jpg);
}

#history
{  position: absolute; 
   top:0; 
   left: 0;
   height: 255;
   width:290; 
   padding:5px;
   background: #ffffff;
}

#away
{   position:absolute; 
    top: 265; 
    left: 0; 
    width:290; 
    height: 500;
    padding:5px;
    background: #ffffff;
}

#finance
{   position:absolute; 
    top: 775; 
    left: 0; 
    width:290; 
    height: 315;
    padding:5px;
    background: #ffffff;
}

#repertoire
{   position:absolute; 
    top: 0; 
    left:300; 
    width:290; 
    height: 550;
    padding:5px;
    background: #ffffff;
}

#trips
{   position:absolute; 
    top: 560; 
    left:300; 
    width:290; 
    height: 530;
    padding:5px;
    background: #ffffff;
}

#soloists
{   position:absolute; 
    top: 0; 
    left:600; 
    width:290; 
    height: 520;
    padding:5px;
    background: #ffffff;
}


#fundraising
{   position:absolute; 
    top: 530; 
    left:600; 
    width:290; 
    height: 250;
    padding:5px;
    background: #ffffff;
}

#constitution
{   position:absolute; 
    top: 800; 
    left: 600; 
    width:290; 
    height: 300;
    padding:5px;
    background: #ffffff;
}