/* added styles */

body {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
text-align:left;
}


#content {
display: block;
width: 962px;
margin: 0px auto;
text-align: left;

}

#header, #header-symphony {display: block;
width: 962px;
height: 68px;
margin:0;
padding: 0;
background:url(../images/bluebck_lg.gif);
}

#header-symphony {
background-image:url(../images/redbck_lg.gif);
}

#column-l {
display: block;
width: 213px;
float: left;
margin:0;
padding:0;
}

#column-c {
display: block;
float: left;
padding-left: 10px;
width: 694px;
margin:0;
padding:0;
}

#footer {
clear:both;
display: block;
padding-top: 30px;
background:url(../images/index_r13_c3.gif) repeat-x;
background-position-x: 213px;
height: 90px;
}

#footer p{
display: block;
float: left;
margin:0;
padding:0;
margin-right:10px;
}
#footer ul {
display: block;
margin:0 auto;
padding: 0;
list-style-type: none;
}

#footer li{
display: block;
float: left;
margin-right: 10px;
}

#eventScroller {height: 300px; overflow: hidden}

.clear {clear: both;}
.bold {font-weight: bold;}


.event-row, .webisode-row {
clear: both;
display: block;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #d4d4d4;
}

.event-left-column {display: block;
float: left;
margin=right: 10px;
}

.event-right-column {display:block;
width: 400px;
float: left;
}

#column-l h1 a {text-decoration: none;}
#column-l h1 a:hover {text-decoration: underline !important;}

.summary-event-row {
width: 190px;
display: block;
margin: 0;
padding:5px;
border: 1px solid #d4d4d4;
border-left: 0;
border-right: 0;
min-height: 65px;

}


.summary-event-row .image-placeholder {
display: block;
width: 50px;
height: 50px;
float: left;
margin-right: 5px;
}


.summary-event-row .event-image {
display: block;
width: 50px;
float: left;
}

.summary-event-row .event-w {display: block; float: left; width: 120px;}
.summary-event-row p {font-size: 9px;}
.summary-event-row h3 a {display: block; min-width:120px; font-size:14px !important; text-decoration: none;}
.summary-event-row h3 a:hover {text-decoration: underline;}
.summary-event-row a {display: block; float: left; margin-right:10px; font-size:9px;}
.summary-event-row h3 {margin-top: 0;}
.summary-event-row h4 {font-size: 8px;}

.event-image {
display: block;
float: left;
margin-right: 20px;
width: 200px;
}

.sponsor-link {
font-size: 10px;
font-style: italic;
}

.purchase-link {display: block}

#flashContent {
display: block;
/* float: left; */
width: 513px;
height: 230px;
margin-right: 10px;
}


a img{border: 0;}

.event-row .event-header {
display: block;
padding: 10px 0;
color:#AF6363;
font-family: Georgia, serif;
font-size:1.75em;
font-style:italic;
font-weight:normal;
padding-bottom: 0;
margin-bottom: 0;
}

.event-date {margin: 0; padding:0;margin-bottom: 10px;}

h3.masterworks, h3.masterworks a {color:#336699 !important;}
h3.pops, h3.pops a {color:#c31516 !important;}
h3.general, h3.general a {color:#525252 !important;}
h3.education, h3.education a {color:#336699 !important;}

/* navigation styles */
#nav {
display: block;
float: left;
margin:0;
padding:0;
list-style-type: none;
width: 700px;
padding-top: 33px;
font-family: Georgia, serif;
font-size: 11px;
color: #fff;
z-index: 10000;
}

#nav li {
display: block;
float: left;
padding: 10px 10px;
cursor: pointer;
min-height: 20px;
}

#nav li a {color: #fff; text-decoration: none;}


#nav li ul.subnav li {
margin-right:0;
margin: 0;
padding:0;
}

ul.subnav {
display:none;
position: absolute;
margin-right:0;
margin:0;
padding:0;
z-index: 10;
top: 75px;
list-style-type: none;
text-align: left;
border: 1px solid #666;
background: white;
color: red;
}

ul.subnav li {
display:block;
position: relative;
top: 0px;
left:0px;
clear: both;
margin: 0;
padding:0;
width:160px;

}


ul.subnav li a {
display: block;
border-width: 0px;
min-width: 100px;
padding: 5px 10px;
padding-left: 30px;
background: white;
text-decoration: none;
}


ul#nav li ul.subnav li a {color: red;}
ul.subnav li a:hover {
    background-image: url(../images/r_norm.gif);
    background-repeat: no-repeat;
background-position: 5px 3px;
background-color: red;  
    }

/* nav hover styles */


#nav li:hover, #nav li a:hover {color: red;}
#nav li:hover ul.subnav {display:block;}
#nav li ul.subnav li a:hover {color: #fff;}


/* submenu character styles */
	#nav li.active, #nav ul.nav li.active a {background: none; color:#fff; !important;}



/* misc styles */

#logo {
display: block;
float: left;
}

#main_image {
display: block;
float: right;
margin-left: 10px;
}

.italic {font-style: italic;}

/* original styles */
.body {
	background-color: #FFFFFF;
}

.td, th {
	color: #99CCCC;
}

h1 {
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	letter-spacing: 3px;
}
.a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-top:0;
}


h2 {
	color: #336699;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

h3 {display: block;
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-bottom:0;
}


h4 {
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	margin:0;
	padding:0;
	margin-bottom: 5px;
}
h5 {
	color: #336699;
}
h6 {
	color: #336699;
}

a {
	color: #336699;
}