/* CSS Document */


html{
	/*height:100%;*/
}
body{
	width:780px;
	height:100%;/**/
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	background-color:#FFFFFF;
	border:1px solid #000000;
	background-image:url(/images/template/backgroundShadow.gif);
	background-position:center;
	background-repeat:repeat-y;
	
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#303070;
}

h1{
	font-size:18px;
	font-weight:normal;
	margin-top:0;
	border-bottom:1px solid #303070;
}

h2{
	margin-top:0;
	font-size:16px;
	font-weight:normal;
}

h3{
	margin-top:0;
	margin-bottom:5px;
	font-size:14px;
	/*font-weight:bold;*/
	font-weight:normal;
	font-style:italic;
	color:#000000;
}

ul{
	padding-left:20px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
}

a{
	color:#DF7F3F;
}

a.selected{
	color:#303070;
	font-style:italic;
}

th{
	vertical-align:top;
	text-align:left;
}
td{
	vertical-align:top;
}

img {
	border:none;
}

#dsoLogo{
}
#dsoLogo img{
	border:0;
	margin:0;
}

#topnav{
	background-color:#DE7A38;
	background-image:url(/images/template/navBG.gif);
	background-position:top;
	background-repeat:no-repeat;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	padding-left:0;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:0;
}
#topnav li{
	list-style-type:none;
	display:inline;
	padding-left:15px;
	padding-right:15px;
}
#topnav li a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#middleSection{
	/*background-color:#F7F2D7;*/
	background-image:url(/images/template/waves.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:120px;
	/*padding-top:0;
	margin-top:0;
	margin-bottom:0;*/
	overflow:auto;
	width:100%;
	/*border:1px solid blue;	*/
}

#contentContainer1{
	float:left;
	width:490px;
	
	background-image:url(/images/template/contentBG.gif);
	background-repeat:repeat-y;
	
	/*border:1px solid blue;*/
}
#contentContainer2{
	background-image:url(/images/template/contentTop.gif);
	background-repeat:no-repeat;
	background-position:top;
	/*border:1px solid blue;*/
}
#contentContainer3{
	background-image:url(/images/template/contentBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:auto;
	width:490px;
	padding-bottom:20px;
	/*border:1px solid red;*/
}
#content{
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:20px;
}

#subnav{
	margin-left:500px;
	background-image:url(/images/template/subnavBG.gif);
	background-repeat:repeat-y;
}
#subnav h2{
	margin-top:0;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #303070;
}
#subnav h3{
	margin-top:0;
	margin-bottom:5px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
}
#subnavBottom{
	background-image:url(/images/template/subnavBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	/*height:30px;
	border:1px solid red;*/
}
#subnavContent{
	padding-top:5px;;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:20px;
}


#footer{
	clear:both;
	
	background-image:url(/images/template/footerBG.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#DE7A38;
	border-top:2px solid #DF7F3F;
	border-bottom:2px solid #DF7F3F;
	margin-top:0;
	
	padding: 10px 5px 5px 5px;
	
	color:#FFFFFF;
	font-size:11px;
}
#footer a{
	color:#FFFFFF;
}





.date{
	margin-bottom:5px;
	color: #DF7F3F;
	font-style:italic;
	text-align:right;
	clear:left;
}

.newsImage{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	max-width:430px;
	border:1px solid #303070;
}

.linkImage{
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:10px;
	max-width:430px;
	border:1px solid #303070;
}

/* news subnav */
.newsSubnav{
	padding-left:0;
}
.newsSubnav li{
	list-style-type:none;
	padding-bottom:10px;
}
.newsSubnav li a{
	text-decoration:none;
}
.newsSubnav li a:hover{
	color:#303070;
}


/* concerts subnav */
.concertSubnav{
}
.concertSubnav td{
	padding-right:5px;
}
.concertSubnav tr.selected td{
	font-style:italic;
}
.concertSubnav td a{
	text-decoration:none;
	color:#303070;
	display:block;
}
.concertDate{
	/*font-style:italic;*/
	white-space:nowrap;
}

table.concert{
	clear:left;/**/
}
table.pieces{
}
table.pieces th{
	border-bottom:1px solid #303070;
	padding:3px;
}
table.pieces td{
	border-bottom:1px solid #8CB3EE;
	padding:3px;
}
table.pieces td.composer{
	font-style:italic;
}
table.pieces td.soloist{
	font-style:italic;
}


/* committee */
table.committee th{
	border-bottom:1px solid #8CB3EE;
	padding:4px;
}
table.committee td{
	border-bottom:1px solid #8CB3EE;
	padding:4px;
	padding-left:10px;
}



/* sitemap tree */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/images/sitemap/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/images/sitemap/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/images/sitemap/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 10pt; }
	ul.mktree  li ul li { font-size: 9pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  ul li ul li ul li li { font-size: 7pt; }
}