/* ******************************************** CBSO Styles - basic ******************************************** */ 

/* HTML ==========================================*/ 

body {background: white; color: black; padding: 0px; margin: 0px; font-size: medium; font-family: arial, helvetica, sans-serif; text-align: center} 
p {font-family: arial, helvetica, sans-serif; color: black; background: none; font-size: 75%; line-height: 1.6em; margin: 0px 0 8px 10px}

p img {margin:10px 0;}
 
table {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 100%;} 
th {font-size: 90%}
td {font-size: 80%;} 

ul, ol {font-size: 100%; margin: 0px 160px 0px 0px } 
li {line-height: 1.4em; font-size: 75%; line-height: 1.4em;} 
li ul {font-size:120%} 
dl {margin: 0px 160px 0px 0px; font-size: 100%} 
dt {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 90%; font-weight: bold; margin: 5px 0px 5px 0px; border-top: 1px solid silver} 
dd {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 75%; margin: 8px 0px 0px 10px} 

hr {background: black; color: white; border: 0px; height: 1px; margin: 0px 160px 0px 0px; width: 410px; text-align: left; display: inline}

h1 {font-family: arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; padding:0; color: black; font-size: 
130%; height: 44px; font-weight: bold; background: url(h1bg_full.png) no-repeat right top;} 
h2 {font-family: arial, helvetica, sans-serif; font-size: 100%; font-weight: bold; margin: 5px 160px 8px 0px; border-bottom: 1px solid #D4D4D4} 
h3 {font-family: arial, helvetica, sans-serif; font-size: 90%; font-weight: bold; margin: 5px 0px 5px 8px;} 
h4 {font-family: arial, helvetica, sans-serif; font-size: 80%; font-weight: bold; margin: 5px 0px 0px 0px;} 
h5 {font-family: arial, helvetica, sans-serif; font-size: 70%; font-weight: bold; margin: 5px 0px 0px 0px;} 
h6 {font-family: arial, helvetica, sans-serif; font-size: 60%; font-weight: bold; margin: 5px 0px 0px 0px;}

a {}

a:link {font-weight: bold; color: #FF3333;} 
.wpbutton { font-weight: bold; text-align: right; margin: 0px; background: #f1f1f1; border: 1px solid #f1f1f1;} 

form {}
.form, select, input {font-family: arial, helvetica, sans-serif; color: black; background: white } 
label {font-size: 70%; float: left; width: 130px; margin:0; font-weight: bold;} 
#quiz label {font-size: 70%; float: left; width: 170px; margin: 0px 0px 0px 0px; font-weight: bold; clear: left;}
fieldset {margin: 0px 0px 12px 0px ; border: 1px dashed #ccc; font-size: 100%; width: 400px} 

legend {font-size: 80%; font-weight: bold; background: white; margin: 0px 0px 12px 0px; width: 350px} 

abbr, acronym, .help {border-bottom: 1px dotted #888; cursor: help; } 

blockquote {font-size: 100%; background: none; color: #663399; font-weight: bold; margin: 18px 20px 18px 20px}

blockquote p {color: #663399; }
applet {border-right: 1px solid black; border-left: 1px solid black; width: 350px}

.error {color: red; font-weight: bold;}

/* LAYOUT =====================================================*/ 

/* General ------------------------------------*/

 
#widthfixer {width: 960px;  background: white; color: black; text-align: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto} 
.imagefloatright {float: right; margin: 0px 8px 0px 15px;  text-align: center;} 
.imagefloatright p {margin: 0px 0px 0px 0px; font-size: 65%}
.imagefloatleft {float: left; margin: 0px 8px 0px 15px; border: 1px solid black; text-align: center} 
.oramofloatleft {float: left; margin: 18px 8px 15px 15px; border: 1px solid black; text-align: center} 

.alignright {text-align: right;} 
.floatleft {float: left;} 
.trick {clear: both} 
.clearleft {clear: left} 
.clearright {clear: right} 
.imageright {float: right; margin: 0px 7px 0px 7px; padding: 4px} 
.imageBGRightHolder {background: #FBD9ED; float: right; width: 126px; height: 161px; margin: 25px 0px 0px 20px} 
.imageBGRightContent {position: relative; margin: -5px 10px 0px -5px; width: 126px; height: 161px} 
.imageBGLeftHolder {float: left; border: 1px solid red; width: 126px} 
.submitbutton {margin: 3px 0px 3px 0px; border: 0px;} 
#rightpanel {float: right; margin: 0px 5px 0px 15px;} 
.postal, .online {font-weight: bold; font-size: 90%; color: black; background: none; vertical-align: super} 

.screensaverthumb {float: left; margin: 0px 10px 0px 0px;} 
.concertsTable {font-size: 100%}

.concertheader  {text-align: left; font-weight: bold; }

.glossary dt, .shortcuts dt {border: 0px; font-size: 70%; margin: 10px 0px 0px 0px;}
.shortcuts {margin: 0px 0px 15px 0px}

.remindMe {
 margin:0 0 5px 0;
 }
 
.remindMe label {
 font-size:100%;
 }


 /* Header -----------------------------------*/ 
 
#ahem {text-align: center} 
#header {padding: 0px; margin: 0px;  height: 230px; position:relative; background: url(headerimg.php) no-repeat right bottom;} 
#header img {margin-top:30px;}
.headerMusicians {margin: 12px 12px 0px 0px; float: right} 
.headerMusicians img {margin: 0px 0px 0px 10px; border: 1px solid black}
#headerlogo {float: left;} #colourSwitcher {text-align: right; font-size: 100%; 
width: 380px; float: right; background: url(../../templates/main1/colourSwitcherCurve.gif) 
no-repeat #DAD9D9; padding: 4px 5px 3px 0px} 
#header a:hover {background: none}

/* Content -------------------------------------*/ 

#middle {margin: 30px 0px 0px 190px; padding: 0px; background: white; color: black} 
.sketchlinebottom {margin: 0px; padding: 0px; text-align: right;}
#floofbox { margin-bottom: 8px;} 
.sketchlinebottom {margin: 0px; padding: 0px; text-align: right; clear: both;} 
#contentbox {border: 1px solid white; background: white; color: black; padding: 0px; margin: 0px; display: block;} 

#featuredconcert {border-top: 1px dotted #ccc; background: white; color: black; padding: 12px 0px 0px 0px ; margin: 0px 160px 0px 0px;} 
.featuredconcertcopy {margin: 10px 0px 0px 10px;} 
#features {background: white; color: black; padding: 0px; margin: 15px 160px 0px 0px;} 
#recentnewsbox {border-top: 1px dotted #ccc; background: white; color: black; padding: 12px 0px 0px 0px ; margin: 0px;} 
#sitefeaturesbox {border-top: 1px dotted #ccc; padding: 12px 0px 0px 0px; margin: 0px 160px 0px 0px } 
#sitefeaturesbox p {margin: 4px 10px 15px 0px;}
.screensaverbox {background: white; color: black; padding: 12px 0px 0px 0px; margin: 0px 0px 0px 0px ; border-top: 1px dotted #ccc} 
#floofbox {width: 30%; border: none; padding: 0px 0px 0px 10px;} 

.symphonyHallIpix {text-align: center; float: left; margin: 0px 20px 0px 0px; width: 140px; border: 1px solid black; padding: 5px}
.symphonyHallIpix p {margin: 0px; font-size: 70%}


dt.vacancy {border: 0px;}
dd.vacancy {margin: 0px 0px 20px 0px}
.philipDowns img {margin: 0px 0px 10px 10px} 

/* Concerts -------------------------------------*/ 

.concert, .news {color: black; background: #FBD9ED; font-size: 100%; padding: 0px 0px 10px 5px; margin: 0px 160px 10px 0px; }
.concert h2, .news h2 {border-bottom: 1px solid #FBD9ED; margin: 0px 0px 10px 0px; font-size: 80% }
.concert h2 span, .news h2 span {float: right; padding: 0px 5px 0px 5px; color: white; background: #FBD9ED}
.concert h2 a, .news h2 a {text-decoration: none;}
.location {margin: 0px; font-weight: bold}
.concert p, .news p {margin: 0px 0px 8px 0px}
.performers {font-style: italic; font-weight: bold;}

/* Items -------------------------------------*/ 
.itemRight {float: right; margin: 0px 2px 10px 5px;}
.itemLeft {float: left; margin: 0px 5px 10px 2px;}
.itemRight, .itemLeft {font-size: 70%;}
.itemRight a, .itemLeft a {text-decoration: none;}

/* Search -------------------------------------*/ 

.searchNav { border: 1px solid black; margin: 0px 160px 12px 0px; padding: 2px 0px 3px 8px}
ol.searchResults {list-style: none; margin: 0px 160px 20px 10px; padding: 0px}
ol.searchResults li {margin: 0px 0px 8px 0px}
.searchResultNum {background: #FBD9ED; color: white; margin: 0px 10px 0px 0px; width: 18px; float: left; text-align: center}


/* Left menu + buttons -----------------------------------------------

.menu {display: block; font: 100% verdana, arial, sans-serif; padding: 2px 0px 2px 0px; text-decoration: none; width: 160px; background: white; color: #333;} */ 
.submenu {color: black; font-size: 65%; font-weight: normal; text-align: right; margin: 0px; padding: 0px; list-style: none;}

#leftsidebar {padding: 0px; margin: 20px 0px 0px 0px; float: left; width: 150px; text-align: left; background: white; color: black; font-size: 100%} 

#leftsidebar form {text-align: center; width: 162px}
#leftsidebar fieldset {width: 158px}
/*subnav */

#subnav {width:160px; border-top:10px red solid; padding-bottom:10px;}

#subnav ul {margin-left: 0;
padding-left: 0;
list-style-type: none;
border-top:1px dotted #e6e6e6;
font-size:1.2em;
width:160px;
}

#subnav li {width:160px; border-bottom:1px dotted #333; padding:1px 0; margin:0; list-style:none;}

#subnav a {display: block;
line-height:30px;
width: 150px;
height:30px;
background-color: #d1c4ed;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding-left:10px;
margin-left:0;
text-decoration:none;
font-weight:normal;
font-size:90%;
color:#333;
}
#subnav a:hover {background-color:#ED1C2E; color:#FFF;}

#subnav a.current {background:#666; color: #FFF;}


/* Search box + subscription box -------------------------------------*/ 

.searchBox {text-align: center; background: #FFDFCC; border: 2px solid #FF5E00; padding: 0px; margin: 0px; } 
.searchBoxInput {width: 140px; margin: 5px 0px 0px 0px; border: 1px solid black}
.searchBoxTitle {background: #FF5E00; color: white; margin: 0px 0px 0px 2px; text-align: center; font-weight: bold; border: 1px solid #FF5E00} 


.emailBox {text-align: center; background: #E9DFF8; border: 2px solid #905FDA; padding: 0px; margin: 0px; } 
.emailBox fieldset {width: 130px}

.emailBoxInput {width: 140px; border: 1px solid black; margin: 5px 0px 0px 0px}
.emailBoxTitle {background: #905FDA; color: white; margin: 0px; text-align: center; font-weight: bold; border: 1px solid #905FDA} 

/* Right sidebar-----------------------------------------------*/
 
#rightSidebar {color: black; background: #FBD9ED; width: 140px; float: right; margin: 10px 2px 10px 10px; text-align: center; font-size: 100%; border: 1px solid black;} 
#rightSidebar p {margin: 0px}
.rightSidebarTitle {background: #FBD9ED; font-weight: bold; margin: 0px; padding: 2px 0px 3px 0px; color: white} 

/* Calendar -----------------------------------------------*/ 

.date {border-top: 1px dotted black; margin: 0px; font-size: 80%; font-weight: bold} 
.calNav {border-bottom: 1px dotted black; margin: 0px; padding: 0px 0px 8px 0px; font-size: 65% } 
.calendar {border: 1px solid black; margin: 0px 0px 0px 5px} 

.today {background: silver; border: 1px solid black; font-weight: bold} 
.todayEvent {background: #FBD9ED; border: 1px solid black; font-weight: bold} 
.emptyDay {background: white} .otherDay {background: silver} 
.otherDayEvent {background: #FBD9ED;} 
.findConcerts {border: 0px} 
.hiddenField {height: 0px}

/* Footer ---------------------------------*/ 
#footer {padding: 2px 0px 7px 
0px; margin: 0px; color: black; border: 1px solid white; background: #F1F1F1; 
clear: both; text-align: center; font-size: 100%;}