@charset "utf-8";

/* CSS Document */

body {
	font: 90% verdana, sans-serif, helvetica;
	background-image:url(/images/Vos_Back.jpg);
	background-repeat:repeat-x;
	background-color:#015794;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}

.oneColFixCtrHdr #navbar {
	height:107;
	padding: 0 0px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.oneColFixCtrHdr #navbar h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 30px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #A3B5D6;
}

.oneColFixCtrHdr #header {
	width: 780px;
	height:107px;
	background-image:url(/images/VOS_Header_text.gif);
}

.oneColFixCtrHdr #mainContent {
	margin: 0;
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColFixCtrHdr #mainContentText {
	margin: 1px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#f7ec9f;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.oneColFixCtrHdr #mainContentText h1{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	color:#24618E;
}

.oneColFixCtrHdr #mainContentText h2{
	font-weight:bold;
	font-size:20px;
	color:#24618E;
	text-align:center;
	padding-left:auto;
	padding-right:auto;
}

.BrochureLink{
	font-weight:bold;
	font-size:15px;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 10px;
}

.oneColFixCtrHdr #mainContentText p{
	color:#24618E;
}

.oneColFixCtrHdr #footer {
	padding: 5px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:50px;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0 8px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFFFFF;
	font-size:93%;
	text-align:center;
}

.oneColFixCtrHdr #footer a {
	padding: 0 10px;
	color:#f7ec9f;
	font-size:93%;
}

.footnote{
	color:#f7ec9f;
	font-size:80%;
	text-align:center;
}

.ShowBanner{
	text-align:center;
	background-color:#F7ECD3;
	border-style:solid;
	border-width:thin;
	width:260px;
	margin-top: 10px;
	margin-right: 38px;
	margin-bottom: 10px;
	margin-left: 38px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.ShowBanner img{
	width:260px;
	height:60px;
	border-width:0;	
}

.tagline{
	margin:10px 0;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	color: #24618E;
}

.showdates{
	margin:20px 0;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color: #24618E;
}

.songheading{
	margin:20px 0 5px 0;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	color: #24618E;
}

.songlist{
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	text-align:center;
	color: #000000;
}



.showsynopsis{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.87em;
	color: #000000;
	padding-right:20px;
}

.showLogo{
	margin:0 auto;
	padding:10px;
	height:150px;
	color: #24618E;
	font-weight:bold;
	font-size:15px;
	border:solid 3px #24618E;
	background-color:#F7ECD3;
}

.showLogo img{
	width:150px;
	height:150px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

.showLogo songlist{
	text-align:justify;
}

.synopsis{
	text-align:center;
	margin:0px 0 5px 0;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color: #24618E;
}

.castList{
	font-size:15px;
	color: #24618E;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height:normal;
	text-align:center;
}

ol.toc {
	list-style-type:none;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
	width:350px;
} 

ol.toc li {
    clear:left;
    border-bottom:dashed 1px #aaa;
    height:1.05em;
    margin-top:10px;
    position:relative;
}
ol.toc span.right, ol.toc span {
    background:#f7ec9f;
    padding:0 3px 0 0;
    float:left;
    position:absolute;
    text-decoration:none;
}
ol.toc span.right {
    padding:0 0 0 3px;
    right:0;
}
ol.toc ol {
    list-style:none;
    margin:1.5em 0 1em 5%;
    padding:0;
    background:#f7ec9f;
    float:left;
    display:block;
    width:100px;
}

.castList table tr td{
	text-align:left;
}

.castList h1{
	font-size:15px;
	color: #24618E;
}

.framed {
	width:100;
	font-size:18px;
	border: 3px solid #24618E;
	background-color: #F7ECD3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #24618E;
	list-style:none;
	margin-top: 20px;
	margin-right: 100px;
	margin-bottom: 5px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.ticketFramed {
	width:100;
	font-size:18px;
	border: 3px solid #24618E;
	background-color: #F7ECD3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #24618E;
	list-style:none;
	margin-top: 20px;
	margin-right: 100px;
	margin-bottom: 5px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.ticketFramed a:link{
	color:#CC6666;
	text-decoration: none;
}

.ticketFramed a:visited{
	color:#CC6666;
	text-decoration: none;
}

.listOfLinks{
	list-style:none;
}

.listOfLinks li{
	padding:5px;
}

.framed li{
	list-style:none;
	padding:5px;
}

.framed h2{
	padding-top:2px;
	color: #FF3399;
}

.oneColFixCtrHdr #mainContentText table tr td{
	color: #24618E;
}

.framed li a{
	list-style:none;
	padding:5px;
}

.directions li{
	font-size:12px;
	padding: 2px;
}

.reviews h1{
	color:#CC0000;
}

.reviews framed{
	color:#FF0000;
}

/* primary nav */

#navprimary {
	width: 778px;
	background-color: #f3dd99;
	position: relative;
	margin: 0 0 0 1px;
	z-index: 1000;
}



#navprimary ul, #navprimary li {
	margin: 0;
	padding: 0;
	list-style: none;
}



#navprimary ul {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c8bb63;
}



#navprimary li {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 4px 6px 5px 11px;
	position: relative;
	float: left;
	width: 14em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #c8bb63;
	border-right-color: #c8bb63;
	border-left-color: #c8bb63;
	background-image: url(/images/bullet-red.gif);
	background-position: 3px 8px;
	background-repeat: no-repeat;
	background-color: #F0DA98;
}

#navprimary li:hover ul {
	display: block;
}

#navprimary ul li:hover {
	color: #cc0000;
	background-color: #f7f0c4;
}

#navprimary ul li a:hover {
	text-decoration: underline;
	text-indent: 0;
}

#navprimary li.one, #navprimary li.two, #navprimary li.three, #navprimary li.four, #navprimary li.five, #navprimary li.six, #navprimary li.seven {
	font-size: 1em;
	line-height: 1.2em;
	padding: 4px 9px 5px 20px;
	background-image: url(/images/triangle-red.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	color: #cc0000;	
	background-color: #F0DA98;
	font-weight:bold;
}

#navprimary li.onethere, #navprimary li.twothere, #navprimary li.threethere, #navprimary li.fourthere, #navprimary li.fivethere, #navprimary li.sixthere, #navprimary li.seventhere {
	font-size: 1em;
	line-height: 1.2em;
	padding: 4px 9px 5px 20px;
	background-image: url(/images/triangle-red-hover.gif);
	background-position: 7px 9px;
	background-repeat: no-repeat;
	font-weight:bold;
}

#navprimary li.one {
	width: 60px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #c8bb63;
	border-right-color: #c8bb63;
	border-bottom-color: #c8bb63;
	border-left-style: none;
}

#navprimary li.onethere, #navprimary li.twothere, #navprimary li.threethere, #navprimary li.fourthere, #navprimary li.fivethere, #navprimary li.sixthere, #navprimary li.seventhere {
	color: #cc0000;
	background-color: #f7f0c4;	
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #c8bb63;
	border-right-color: #c8bb63;
	border-bottom-color: #c8bb63;
	border-left-style: none;
}

#navprimary li.two, #navprimary li.three, #navprimary li.four, #navprimary li.five, #navprimary li.six {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c8bb63;
	border-right-color: #c8bb63;
	border-bottom-color: #c8bb63;	
}

#navprimary li.onethere {
	width: 60px;
}

#navprimary li.two, #navprimary li.twothere {
	width: 70px;
}

#navprimary li.three, #navprimary li.threethere {
	width: 70px;
}

#navprimary li.four, #navprimary li.fourthere {
	width: 90px;
}

#navprimary li.five, #navprimary li.fivethere {
	width: 100px;
}

#navprimary li.six, #navprimary li.sixthere {
	width: 89px;
}

#navprimary li.seven, #navprimary li.seventhere {
	width: 90px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c8bb63;
	border-bottom-color: #c8bb63;
	border-right-style: none;
}

#navprimary ul ul {
	margin: 5px 0 0 0;
	top: auto;
	left: .75em;
}

#navprimary li ul {
	display: none;
	position: absolute;
	top: 1.5em;
	left: 1.4em;
	border-bottom:solid gray thin;
	z-index:2000;
}

/* links */

a:link {
	color: #284388;
	text-decoration: none;
} 

a:visited {
	color: #284388;
	text-decoration: none;
}

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

.clearfloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

#events table {
	position: relative;
	font-size: .7em;
	line-height: 1.2em;
	z-index:600;
}

#maincontent span.events {
	position: relative;
	z-index:600;
	font-size: 1em;
	font-weight: bold;
}

#events table td{
	position: relative;
	z-index:600;
	color: #acb2e6;
	margin: 0px;
	height: 1px;
}
#events table {
	position: relative;
	width: 95%;
	margin: 1em auto 0 auto;
	border: 2px solid #A83E3C;
	z-index:600;
}
#events table td.desc {
	position: relative;
	z-index:600;
	padding: 6px 6px 6px 9px;
}
#events {
	position: relative;
	padding: 25px 0 15px 30px;
	width: 630px;
	height: 45px;
	z-index:500;
}