
body { background-color: #ffffff; color: #000000; margin-top: 5px; margin-left: 5px;
	font-family: arial, helvetica, sans-serif; font-size: 8pt;  }

a:link { color: #0000a0 }
a:visited { color: #0000a0 }
a:hover { color: #ff0000 }

ol {
	margin-left: 30px;
	padding-left: 0px;
}


/* *********************** */
/* <a class=  ...          */
/* *********************** */

/* This prevents a hyperlink from being underlined.  Otherwise it will be a normal hyperlink (bold etc.)  */
a.NotUnderscore { text-decoration: none }

/* This controls the appearance of a pseudo-hyperlink, which opens a new window. */
a.NewWindowLink { font-size: 8pt; color: #0000a0 }
a.NewWindowLink:hover { color: #ff0000 }


/* *********************** */
/* <p class= ... >         */
/* *********************** */

p.MediumBold { font-weight: bold; font-size: 8pt }

p.NormalText {
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal;
	font-size: 10pt;
}

p.VenueName {
	font-family: Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0;
}

p.VenueAddress {
	font-family: Verdana, sans-serif;
	font-size: 11pt;
	margin-top: 0;
}

p.HowToGetThere {
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 6px;
}

/* *********************** */
/* <font class= ... >      */
/* *********************** */

font.Smallest { 
	font-family: arial, verdana, helvetica, sans-serif; 
	font-size: 7pt 
}

font.NamesHeader {
	font-weight: bold;
	text-decoration: underline;
}


/* *********************** */
/* table and td classes    */
/* *********************** */

table.std { 
	width: 750px; 
	border: 0; 
	border-spacing: 0; 
	padding: 0; 
	margins:0; 
}

td {
	margin-top: 0pt;
	margin-bottom: 0pt;
	table-layout: fixed;
	vertical-align: top 
}

/* *********************** */
/* Tag-independent formats */
/* *********************** */

/* This controls the format of any <div class=Sponsor ... >    */
.Sponsor { font-family: arial, verdana, helvetica, sans-serif; font-size: 7pt; font-style: italic; 
		margin-top: 12pt; margin-bottom: 3pt }

.ShopName {margin-bottom: 1pt; }
.ShopAddress {margin-left:40;  margin-top: 0pt; margin-bottom: 7pt; }

.ConcertSupertitle {font-family: arial, verdana, helvetica, sans-serif; font-size: 7pt;
		margin-top: 0pt; margin-bottom: 4pt }

.ConcertArtist {font-family: arial, verdana, helvetica, sans-serif; font-size: 11pt; font-weight: bold;
		margin-top: 0pt; margin-bottom: 8pt }

.ConcertDate {font-family: arial, helvetica, sans-serif; font-size: 8pt; 
		margin-top: 0pt; margin-bottom: 8pt }

.Repertoire {font-family: arial, helvetica, sans-serif; font-size: 8pt; 
		margin-top: 1pt; margin-bottom: 1pt }

.NormalText { font-family: arial, helvetica, sans-serif; 
		font-weight: normal; font-size: 10pt }

.JustifiedText {
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal;
	font-size: 10pt;
	text-align: justify;
}

.ArtistTitle {font-size: 18pt; font-family: verdana, sans-serif; }

.SecondaryArtistTitle {font-size: 14pt; font-family: verdana, sans-serif; }

.FlashAnnouncement { font-family: arial, helvetica, sans-serif;
			font-size: 8pt; color: #ff0060;
			margin-top: 6pt;  margin-bottom: 6pt;}

/* The next few apply only to the index page.  I'd like to clean them up further. */

.IndexPageBold {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.IndexPageSmall {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.IndexPageArial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* The next two govern class=VenueDates and any <a> tags within it. */
.VenueDates p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
}

.VenueDates a {
	text-decoration: none
}

/* ***************************************************************************************************************** */
/*                                             horizontal css menu styles                                            */
/* ***************************************************************************************************************** */

/* The following applies to everything within the horizontalcssmenu, except where a more specific Selector applies.  */
.horizontalcssmenu * {
font-size: 11pt; 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* <ul> elements style */
.horizontalcssmenu ul {
margin: 0;
padding: 0px 0px;
list-style-type: none;
}

/* <li> elements style */
.horizontalcssmenu ul li {
position: relative;
display: inline;
float: left;
}

/* <a> elements normal style*/
.horizontalcssmenu ul li a {
display: block;
width: 150px; /*Width of top level menu link items*/
padding: 0px 0px;
text-decoration: none;
background: #dddddd;
color: #0000a0;
}

/* <a> elements when hovered over */
.horizontalcssmenu ul li a:hover {
color: #ff0000;
background: #eeeeee;
}

/* Any <ul> that's within an <li> that's within another <ul> */
.horizontalcssmenu ul li ul {
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/* Any <li> within submenus */
.horizontalcssmenu ul li ul li {
width:240px;
display: inline;
float: none;
}

/* Any <a> within submenus */
.horizontalcssmenu ul li ul li a {
width: 240px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 9px;
padding-right: 0px;
}

