* {outline: none}

/* Style definitions for body and block containers ---------------------------*/

body
  {margin: 0px; 
   padding: 0px;
   font-size: 12px;
   line-height: 1.25;
   color: black;
   text-align: center;
   background-image: url(../Images/background.jpg);
   background-repeat: repeat}

div.centre      
  {position: absolute;
   text-align: center;
   top: 50%;
   left: 50%;
   margin: -255px 0px 0px -490px;
   padding: 10px 0px 0px 10px;
   width: 980px;
   height: 510px}     

iframe
  {width: 633px;
   height: 473px}
   
@media screen and (min-device-width: 769px)
              and (min-width: 981px) and (max-height: 510px)
{   
   div.centre      
     {top: 0%;
      margin: 0px 0px 0px -490px}          
}

@media screen and (min-device-width: 769px)
              and (max-width: 980px) and (min-height: 511px)
{   
   div.centre      
     {left: 0%;
      margin: -255px 0px 0px 0px}   
}

@media screen and (min-device-width: 769px)
              and (max-width: 980px) and (max-height: 510px)
{   
   div.centre      
     {top: 0%;
      left: 0%;
      margin: 0px 0px 0px 0px}          
}

@media screen and (min-device-width: 481px)
              and (max-device-width: 769px)
{ 
   /* Style definitions for iPad are included in a separate stylesheet 
      instead, which is hidden from the iPad's auto-align feature by 
      including it user-side via Javascript */   
}

@media screen and (max-device-width: 480px)
{   
   html
     {-webkit-text-size-adjust: none}
  
   div.centre      
     {top: 0%;
      left: 0%;
      margin: 0px 0px 0px 0px}          
}

div.columnlogoleft
  {float: left;
   width: 120px;
   height: 500px;
   padding: 0px;
   margin: 0px;
   background-image: url(../Images/logoleft.gif);
   border-right: 3px solid black}  
   
div.columnmenu
  {float: left;
   text-align: left;
   width: 130px;
   height: 488px;
   padding: 12px 0px 0px 8px;
   margin: 0px;
   font-size: 18px}  
   
div.columntext
  {float: left;
   width: 460px;
   height: 489px;
   padding: 11px 8px 0px 0px;
   margin: 0px;
   text-align: justify}      
   
div.columnpics 
  {float: left;
   width: 174px;
   height: 500px;
   padding: 0px 14px 0px 8px;
   margin: 0px}    
   
div.columnlogoright
  {float: left;
   width: 33px;
   height: 500px;
   padding: 0px;
   margin: 0px;
   background-image: url(../Images/logoright.gif);
   border-left: 3px solid black}     
  
div.left
  {float: left;
   width: 230px;
   white-space: nowrap;
   overflow: visible}
  
div.right
  {float: right;
   width: 230px;
   text-align: right;
   white-space: nowrap;
   overflow: visible}
  
div.programme
  {float: left;
   width: 460px}     
   
div.memberlistleft
  {float: left; 
   padding: 0px 30px 0px 0px} 
   
div.memberlistright
  {float: left}          

/* Page Viewer style definitions ---------------------------------------------*/

div.navbar
  {position: absolute; 
   top: 477px; 
   left: 271px; 
   width: 460px; 
   height: 21px}   
 
div.navbarprevious
  {position: absolute; 
   top: 477px; 
   left: 261px; 
   width: 240px; 
   height: 21px; 
   text-align: left}   
   
div.navbarnext
  {position: absolute; 
   top: 477px; 
   left: 501px; 
   width: 240px; 
   height: 21px; 
   text-align: right}     

div.link
  {padding: 3px 0px 0px 0px}   
   
a.navbar
  {width: 240px; 
   height: 21px;
   padding: 0px 17px 0px 17px;
   text-decoration: none;
   font-weight: normal;
   color: black}
   
a.navbar:hover
  {font-weight: bold}   
   
.opaque
  {filter: alpha(opacity=10); 
   opacity: .1; 
   background: #444444}       
                
/* Style definitions for headings, paragraphs and links ----------------------*/  

p {margin: 0px;
   padding: 0px 0px 13px 0px;
   font-family: arial}

ul{margin: 0px 0px 0px 20px;
   padding: 0px;
   font-family: arial}  
   
li{font-family: arial}    
   
.exception
  {color: blue}
   
.nopadding
  {margin: 0px;
   padding: 0px}   
   
h1{margin: 0px;
   padding: 0px 0px 13px 0px;
   font-family: times;
   font-size: 18px;
   font-weight: bold;
   text-transform: uppercase}   

a.navlink
  {text-decoration: none;
   font-weight: normal;
   color: black}
   
a.navlink:hover
  {font-weight: bold}   
   
a.navlinkselected
  {text-decoration: none;
   font-weight: bold;
   color: black}     
   
a.textlink
  {text-decoration: underline;
   font-weight: normal;
   color: #AAAAAA}   
   
a.textlink:hover
  {color: black}   

a.exception
  {color: #7777FF}   

a.exception:hover
  {color: blue}  
 
span.tl
  {font-size: 12px;
   font-family: arial;
   color: black} 
   
span.tlgrey
  {font-size: 12px;
   font-family: arial;
   color: gray}    

span.exception
  {font-size: 12px;
   font-family: arial;
   color: blue}  
  
/* Style definitions for tables ----------------------------------------------*/
       
table
  {margin: 0px;
   padding: 0px;
   border-collapse: collapse;
   text-align: left;
   font-family: arial}   

table.concertlist
  {width: 230px}    

table.times
  {font-family: times}   
   
table.pic
  {height: 500px}
  
td{vertical-align: top}   

td.verticalcenter
  {vertical-align: middle}
  
td.photo
  {width: 425px; 
   height: 425px; 
   margin: 0px 35px 0px 0px}  
  
td.main
  {margin: 0px;
   padding: 0px;
   height: 30px}
   
td.sub
  {margin: 0px;
   padding: 0px 0px 0px 30px}   
 
td.socnet
  {margin: 0px;
   padding: 0px;
   height: 27px;
   width: 27px} 
   
td.composer
  {margin: 0px;
   padding: 0px 10px 0px 0px}
   
td.composition
  {margin: 0px;
   padding: 0px;
   font-style: italic}   

td.exception  
  {color: blue}         
   
td.membername
  {width: 120px}    
   
td.venuename
  {width: 150px} 
  
td.venueaddress
  {width: 272px}  
   
td.venuemap
  {width: 38px}  
      
td.role
  {padding: 0px 0px 0px 30px}
   
/* Style definitions for pictures --------------------------------------------*/
   
img.pic
  {border: 1px solid #DDDDDD} 
  
img.pic:hover
  {border: 1px solid #AAAAAA}   
 
img.backgroundpic
  {position: absolute;
   width: 85px;
   height: 125px;
   filter: alpha(opacity=40); 
   opacity: .4;
   border: 0px;
   z-index: -1}
   
img.arrow
  {border: 0px}   
  
/* Style definitions for input form ------------------------------------------*/
 
#age
  {display: none} 
 
select.tickets
  {width: 45px;
   margin: 0px 0px 1px 3px;
   border-width: 1px 0px 0px 1px;
   border-style: solid;
   border-color: #AAAAAA;
   font-family: arial;
   font-size: 12px}   
   
select.voice
  {width: 335px;
   margin: 0px 0px 1px 3px;
   border-width: 1px 0px 0px 1px;
   border-style: solid;
   border-color: #AAAAAA;
   font-family: arial;
   font-size: 12px}    
   
input.bar
  {width: 331px;
   height: 15px;
   margin: 0px 0px 0px 3px;
   padding: 0px 0px 1px 3px;
   border-width: 1px 0px 0px 1px;
   border-style: solid;
   border-color: #AAAAAA;
   font-family: arial;
   font-size: 12px}
  
form
  {padding: 0px;
   margin: 0px}  

table.formtable
  {width: 426px;
   margin: 8px 0px 0px 0px;
   padding: 0px;
   border-collapse: collapse}
   
td.label
  {width: 90px;
   height: 20px;
   text-align: right} 
   
div.label
  {padding: 2px 8px 4px 0px;
   font-weight: bold}    

td.selectconcert
  {width: 48px}   
 
td.selectworkshop
  {width: 18px} 

td.priceconcert
  {width: 120px;
   height: 20px;
   text-align: left} 
     
td.priceworkshop
  {width: 150px;
   height: 20px;
   text-align: left} 
   
div.price
  {padding: 2px 8px 4px 6px}         
  
td.seatingplan
  {padding: 3px 0px 0px 3px}  
  
td.buttons
  {text-align: right;
   padding: 0px 3px 0px 0px;
   margin: 0px}