/*****************************************************************
	Victoria Symphony 
	CSS Styles
	Copyright 2004 zero one design inc. 
	No portions of this code may be duplicated
	without explicit written permission
	Created and coded by Jeff Werner
	zero one design, Victoria, Canada
	www.zeroonedesign.com

	Last updated May 12, 2004
*****************************************************************/

/*----------------------------------------------------------------
	Global first-order styles. 
	Note: Subsequent styles may overwrite these ones...
	Be sure to check for more specific styles pertaining to
	the specific element you wish to change before editing
	these.
----------------------------------------------------------------*/

body {
	padding: 0;
	background: white;
	color: black;
	margin: 0;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 100%; 
	text-align: left; }

#wrapper { /*--- wraps around and constrains all content ---*/
	color: #000;
	padding: 0;
	margin: 0 auto;
	background: #fff url(../images/bg_main.gif) repeat-y;
	border: 1px solid #fff;
	border-top: none;
	width: 100%; }

#pagebody { /*--- wraps around all content between subhead and footer ---*/
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0; }

/* ----------------------------------------------------------------
	Headlines
----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	padding: 2px 15px 2px 15px;
	margin: 0 0 10px 0;
	font-family: arial, sans-serif;
	letter-spacing: 0.1em; }

h1 {
	background: #b9be99;
	font-size: 0.75em;
	text-transform: uppercase;
	padding: 1px 10px 1px 15px;
	color: #333;
	font-family: arial, helvetica, arial, sans-serif; }

h2 {
	padding: 0 15px 0 15px;
	margin-bottom: 5px;
	font-size: 0.75em; }

h2 a {
	color: #b22a32;
	text-decoration: none; }

h2 a:hover {
	color: #b22a32;
	text-decoration: none; }

h3 {
	padding: 2px 15px 2px 15px;
	margin: 0 0 15px 0;
	background: #ebece1;
	color: #000;
	font-size: 0.7em;
	font-weight: normal; }

h3.listingindex { /*--- Used for grouping index listings ---*/
	margin: 0 0 2px 0;
	 }

h5 {
	font-size: 0.6em;
	color: #666;
	letter-spacing: 0; }

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

p {
	padding: 0 15px 0 15px;
	line-height: 135%;
	margin: 0 0 1em 0;
	font-size: 0.7em; }

a {
	font-weight: bold;
	color: #b22a32;
	text-decoration: none; }

a:hover {
	color: #333;
	text-decoration: none; }

.linktop {
	font-size: 0.6em;
	text-align: right; }

.linktop a {
	color: #999;
	font-weight: normal; }

.linktop img {
	border: 0; }

/* ----------------------------------------------------------------
	Buttons for "Buy Tickets", "Listen", etc.
----------------------------------------------------------------*/

.buttonone a { 
	padding: 1px 0px 1px 1px;
	margin: 1px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #b22a32;
	width: 75px;
	display: block;
	text-decoration: none;
	border: 1px solid #999; }

.buttonone a:hover {
	background: #ccc;
	color: #333; }

.buttontwo a { 
	padding: 1px 0px 1px 1px;
	margin: 1px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #b22a32;
	width: 100px;
	display: block;
	text-decoration: none;
	border: 1px solid #999; }

.buttontwo a:hover {
	background: #ccc;
	color: #333; }

/* ----------------------------------------------------------------
	Tables of data
----------------------------------------------------------------*/

.tabular {
	padding: 5px;
	line-height: 1.5em; 
	font-size:10pt;
	}

.tabular caption {
	font-weight: bold; }

.tabular .on {
	background: #EBEBEB; }
	
.tabularFix{
	font-size: 0.7em;
}

/*----------------------------------------------------------------
	Forms
----------------------------------------------------------------*/

#submit {
	font-size: 9px;
	width: 50px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 1px solid #333;
	text-transform: none;
	background: #eee; }

#searchfield {
	font-size: 9px;
	width: 70px;
	padding: 0;
	margin: 0;
	background: #fff; }

b {
	font-weight: bold; }

/* ----------------------------------------------------------------
	Misc.
----------------------------------------------------------------*/

.clearall { /*--- Used anytime a multi-column clean break is needed ---*/
	clear: both; }

.caption { /*--- Photo captions ---*/
	font-size: 0.6em;
	color: #666;
	padding: 0;
	margin: -8px 0 10px 0;
	line-height: 110%; }

img.gallery {
	margin: 0 15px 5px 0;
	border: 0; }


/*----------------------------------------------------------------
	Head
----------------------------------------------------------------*/

#head {
	padding: 0;
	height: 45px;
	border-bottom: 1px solid #fff;
	background: #333;
	margin: 0;
	color: #fff;
	font-family: arial; sans-serif;
	color: #ccc;
	text-align: left; }

#head img {
	border: 0;
	padding: 0;
	margin: 0; }

#head a {
	padding: 0px;
	margin: 0px;
	color: #ccc;
	text-decoration: none; }

#head a:hover {
	text-decoration: underline; }

#head p {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 10px; }

#head p#headone {
	padding: 0;
	width: 250px;
	margin: 0 25px 0 0;
	float: left; }

#head p#headtwo {
	padding-top: 23px;
	margin: 0 25px 0 0;
	width: 130px;
	float: left; }

#head p#headthree {
	padding-top: 18px;
	margin: 0;
	float: left;
	width: 100px; }

#head p#headthree a.btnprint {
	padding: 1px 5px 1px 20px;
	margin: 0;
	font-size: 10px;
	height: 17px;
	border: 1px solid #999;
	background: #333 url(../images/icon_print.gif) no-repeat;
	color: #fff;
	width: 80px;
	height: 15px;
	display: block;
	text-decoration: none; }

#head p#headthree a.btnprint:hover {
	background: #ccc url(../images/icon_print.gif) no-repeat;
	color: #000; }

#head p#headfour {
	display: none;
	padding: 18px 15px 0 0;
	margin: 0px;
	text-align: right;
	float: right; }




/*----------------------------------------------------------------
	Subhead
----------------------------------------------------------------*/

#subhead {
	height: 115px;
	padding: 0;
	margin: 0;
	clear: both;
	text-align: left; }

#subhead a#btnhome { /* ---- The invisible "home" button ---*/
	width: 195px;
	height: 115px;
	display: block;
	border: 0; }

#subhead img {
	border: 0;
	margin: 0;
	padding: 0; }




/* ----------------------------------------------------------------
	Column left (Nav)
-----------------------------------------------------------------*/

#columnleft {
	padding: 0;
	margin: 0;
	background: transparent;
	width: 195px;
	float: left;
	height: 100%;
	display: none; }

#columnleft img {
	border: none; }

#columnleft a {
	color: #333;
	text-decoration: none; }

#columnleft a:hover {
	color: #999;
	text-decoration: underline; }

#columnleft ul {
	padding: 0 15px 0 15px;
	margin: 0 0 15px 0;
	border: none;
	list-style-type: none;
	text-align: left;
	font-family: arial, sans-serif; }

#columnleft dd ul {
	padding: 0;
	margin-left: -40px; }

#columnleft dl {
	padding: 0 15px 0 15px;
	margin: 0 0 15px 0;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	line-height: 140%; }




/* ----------------------------------------------------------------
	Main Navigation styles
-----------------------------------------------------------------*/

#nav {
	padding: 0;
	margin: 0;
	border: 0; }

#nav ul {
	padding: 0;
	margin: 0 0 15px 0;
	border: none;
	list-style-type: none;
	text-align: left;
	font-family: arial, sans-serif; }

#nav ul li {
	padding: 0;
	margin: 0; }

#nav ul li a {
	padding: 2px 15px 2px 15px;
	height: 100%;
	border-bottom: 1px solid #fff;
	margin: 0;
	background: #b22a32 url(../images/bg_nav.jpg) no-repeat;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
	line-height: 1.3em; }

#nav ul li a:hover {
	background: #fff;
	color: #333;
	text-decoration: none; }

#nav ul li#navone a { /* ---- Specific background for first nav ---*/
	background: #b22a32 url(../images/btn_navone.jpg) no-repeat; }

#nav ul li#navone a:hover { 
	background: #fff }

#nav ul li.subnav a {
	background: #ccc;
	display: block;
	font-size: 0.7em;
	FONT-WEIGHT: bold;
	text-transform: none;
	margin: 0;
	padding: 1px 15px 1px 15px;
	line-height: 1.3em;
	height: 100%;
	color: #333;
	border-bottom: 1px solid #fff; }

#nav ul li.subnav a:hover {
	background: #fff;
	color: #333; }

#nav ul li.subsubnav a {
	background: #ccc;
	display: block;
	text-transform: none;
	margin: 0;
	padding: 1px 15px 1px 25px;
	color: #333;
	line-height: 1.3em;
	height: 100%;
	border-bottom: 1px solid #fff;
	border-top: 0; }

#nav ul li.subsubnav a:hover {
	background: #fff;
	color: #333; }




/*----------------------------------------------------------------
	Column Main 
	Used for single column of content to the right 
	of Column Left 
----------------------------------------------------------------*/

#columnmain {
	padding: 0;
	margin: 1px 0 10px 0;
	float: left;
	width: 100%;
	background: #fff;
	page-break-before: avoid;
	page-break-after: avoid;
	page-break-inside: avoid; }

#columnmain ul li {
	margin: 0 0 0 15px;
	font-size: 0.7em; }


#columnmain ol {
	list-style-type: number;
	font-size: 0.7em;
	padding-right: 15px; }

#columnmain ol li {
	margin: 0 0 15px 0; }

#columnmain ol li ul {
	font-size: 100%; }

#columnmain ol li ul li {
	list-style-type: disc;
	padding: 0;
	margin: 0; }




/*----------------------------------------------------------------
	Column Middle
	Used for two columns of content, a middle and right, to
	the right of Column Left
----------------------------------------------------------------*/

#columnmiddle {
	padding: 0;
	margin: 0;
	width: 60%;
	text-align: left;
	float: left;
	page-break-before: avoid;
	page-break-after: avoid;
	page-break-inside: avoid; }




/*----------------------------------------------------------------
	Column Right
	Used for two columns of content, a middle and right, to
	the right of Column Left
----------------------------------------------------------------*/

#columnright {
	padding: 0;
	margin: 0;	
	text-align: left; }

#columnright a {
	color: #b22a32; }

#columnright a:hover {
	color: #333; }

#columnright img {
	border: 0; }





/*----------------------------------------------------------------
	Listings
	Used when ever multiple, self-contained columns of 
	content needed within Column Main or Column Middle
----------------------------------------------------------------*/
	
.listing { /*--- wrap around entire listing ---*/
	padding: 0;
	margin: 0 0 20px 0; }
	
.listing img {
	border: 0;
	margin: 0 0 10px 0; }

.listingleft {
	padding: 0 0 0 15px;
	margin: 0;
	float: left;
	width: 100px; }
	
.listing .listingmiddle { /*--- Use when three columns in listing ---*/
	padding: 0;
	margin-left: 115px;
	margin-right: 100px; }

.listing .listingright {
	padding: 0 15px 0 0;
	margin: 0;
	float: right;
	text-align: left;
	width: 90px; }

.listingmain { /*--- Use when two columns in listing ---*/
	margin: 0 0 0 115px;
	padding: 0;
	height: 100%;/* Fix IE 3px jog bug */ }

.listing dl {
	padding-left: 15px;
	padding-right: 0;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	line-height: 110%; }

.listing dl dd {
	padding: 0;
	margin: 0;
	font-family: verdana, sans-serif;
	margin: 0 0 5px 0;
	line-height: 110%; }

.listing ul {
	margin: 0 0 15px 0;
	padding: 0; }

.listing ul li {
	list-style-type: none;
	font-size: 0.7em; }




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

#calendar {
	border-collapse: collapse;
	text-align: center;
	color: #333;
	background: #fff;
	margin-bottom: 15px; }

#calendar caption {
	font-weight: bold; }

#calendar caption a {
	color: #333;
	font-size: 14px;
	margin: 0 3px 0 3px;
	padding: 3px;
	text-decoration: none;
	font-weight: bold; }

#calendar caption a:hover {
	color: #999;
	text-decoration: none; }

#calendar th {
	font-weight: normal; }

#calendar td {
	font-size: 11px;
	padding: 1px;
	border: 1px solid #ccc; }

#calendar .on {
	background: #ccc;
	padding: 0; }

#calendar .on a {
	color: #333;
	margin: 0;
	padding: 1px;
	text-decoration: none;
	font-weight: normal;
	background: #ccc; }

#calendar .on a:hover {
	background: #efefef;
	color: #333; }




/*----------------------------------------------------------------
	Footer
----------------------------------------------------------------*/

#footer {
	border: 0;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 10px;
	clear: both;
	text-align: left; }

#footer #left {
	width: 195px;
	height: 66px;
	padding: 0;
	margin: 0;
	float: left;
	background: #ebece1 url(../images/bg_foot.gif); }

#footer #right {
	padding: 3px 0 4px 0;
	background: #b9be99;
	TEXT-INDENT: 10px;
	margin: 45px 0 0 197px; }

#footer #right a {
	text-decoration: underline;
	color: #000;
	font-weight: normal; }

#footer #right a:hover {
	text-decoration: none;
	color: #333; }

#zeroone {
	height: 20px;
	text-align: right;
	padding: 5px 15px 5px 0;
	margin: 0;
	background: #fff;
	clear: both; }

#zeroone img {
	border: none; }




/*----------------------------------------------------------------
	Section settings
	Sets the subhead background banner image as well as 
	disengaging rollover for that section's main nav.
	Note: the first nav button has a specific background 
	image
----------------------------------------------------------------*/

body#sectiontwo #nav li#navtwo a:hover,
body#sectionthree #nav li#navthree a:hover,
body#sectionfour #nav li#navfour a:hover,
body#sectionfive #nav li#navfive a:hover,
body#sectionsix #nav li#navsix a:hover,
body#sectionseven #nav li#navseven a:hover {
	background: #b22a32 url(../images/bg_nav.jpg) no-repeat;
	color: #fff; }

/*----------------------------------------------------------------
	Section one
----------------------------------------------------------------*/
body#sectionone #subhead {
	background: url(../images/bg_subhead_one.jpg) #ccc no-repeat; }

body#sectionone #nav li#navone a:hover {
	background: #b22a32 url(../images/btn_navone.jpg) no-repeat;
	color: #fff; }

/*----------------------------------------------------------------
	Section two
----------------------------------------------------------------*/
body#sectiontwo #subhead {
	background: #ccc url(../images/bg_subhead_two.jpg) no-repeat; }

/*----------------------------------------------------------------
	Section three
----------------------------------------------------------------*/
body#sectionthree #subhead {
	background: #ccc url(../images/bg_subhead_three.jpg) no-repeat; }

/*----------------------------------------------------------------
	Section four
----------------------------------------------------------------*/
body#sectionfour #subhead {
	background: #ccc url(../images/bg_subhead_four.jpg) no-repeat; }

/*----------------------------------------------------------------
	Section five
----------------------------------------------------------------*/
body#sectionfive #subhead {
	background: #ccc url(../images/bg_subhead_five.jpg) no-repeat; }

/*----------------------------------------------------------------
	Section six
----------------------------------------------------------------*/
body#sectionsix #subhead {
	background: #ccc url(../images/bg_subhead_six.jpg) no-repeat; }

/*----------------------------------------------------------------
	Section seven
----------------------------------------------------------------*/
body#sectionseven #subhead {
	background: #ccc url(../images/bg_subhead_seven.jpg) no-repeat; }

img.padded{padding-right:10px;}	
/* ----------------------------------------------------------------
	Section Home
----------------------------------------------------------------*/

#subhead a#subheadleft {
	padding: 0;
	width: 380px;
	margin-right: 2px;
	background: #ccc;
	float: left; }

#subhead a#subheadmiddle {
	padding: 0;
	width: 183px;
	margin-right: 2px;
	background: #ccc;
	float: left; }

#subhead a#right {
	padding: 0;
	width: 183px;
	margin: 0;
	background: #ccc;
	float: left; }

body#sectionhome #subhead a {
	padding: 0;
	float: left; }

body#sectionhome #subhead {
	padding: 0;
	height: 175px;
	margin: 0;
	clear: both;
	text-align: left; }




/*----------------------------------------------------------------
	Popups
	General settings for generic popup content
----------------------------------------------------------------*/

body#sectionpopup {
	background: #fff;
	padding: 0;
	margin: 0; }

#columnpopup ol {
	list-style-type: number;
	font-size: 0.7em;
	padding-right: 15px; }

#columnpopup ol li {
	margin: 0 0 15px 0; }

#columnpopupol li ul {
	font-size: 100%; }

#columnpopup ol li ul li {
	list-style-type: disc;
	padding: 0;
	margin: 0; }




/*----------------------------------------------------------------
	Blob News, Mailing list and Press Release
----------------------------------------------------------------*/

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000; }

.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; }

.default { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; }

.smallsmall { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight: normal; 
	font-style: normal; }

/*----------------------------------------------------------------
	End of document. Have a nice day.
----------------------------------------------------------------*/