/* inspired by Zen Garden default style - 'Tranquille' by Dave Shea - http://www.mezzoblue.com/ */
/* Copyright 2005, Frank Kibbish Jr, WB6MRQ */

/* Color palette */
/* color: #896900   Gold, used for active, visited and mid-paragraph links */
/* color: #7D775C   Dark gold/brown, used for h1-h3 links, also summary and header text */
/* color: #988F5E   Brownish-gold used for side links and link lists */
/* color: #400080   Dark blue, used for links at the bottom of the page */
/* color: #203E75   Dark blue, used for link list title */
/* color: #004080   Dark blue, used with hover and active links */
/* color: #425981   Dark Blue-gray, used for main body text */
/* color: #663399   Dark purple (not currently implemented), used for the Form legend */
/* color: #FF7F00   Orange, used in hovered links */
/* color: #DDDDB9 Light gold, used as background for address info on Schedule page */
/* color: #99B6E5  Light blue, used as separator between addresses on Schedule page */
/* color: #009900  Dark green used in "Next Performance" banner */
/* color: #666699  Gray-blue, used in Next Performance text */
/* intls_08.css:    30-Jun-2008; updated to use CSS for schedule table creation    */


/* basic elements */
body {
	font: 9pt/16pt verdana;
	color: #425981;        /* Dark Blue-gray, used for text */
	background: #fff url('../jpegs/blueparchment.jpg');
	margin: 0px;
	}

.clear {               /* white background (no image) for printable schedule page */
    font: 9pt/16pt verdana;
    color: #425981;       /* Dark Blue-gray, used for text */
	background: #fff;
	margin: 0px;
    }

hr {
	width: 95%;
	text-align: center;
	height: 5px;
	border: 1px;
	color: #425981;
	background-color: #425981;
}

p {
	font: 9pt/16pt verdana;
	margin-top: 0px;
	text-align: justify;
    }

p.std {
    font: 10pt/12pt verdana;
    margin-top: 0px;
    text-align: center;
    }

p.small {
    font: 8pt/12pt verdana;
	color: #425981;
	margin-top: 0px;
	text-align: center;
}

p.large {
		font: 16pt georgia;
	font-weight: strong;
	color="#400080";
	text-align: center;
}

p.center {
    text-align: center;
    font: 8pt "comic sans";
    color: #7D775C;
    }

p.nxtPerfBanner {
	font: 8pt verdana;
	color: #009900;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
}

p.nxtPerfText {
	font: 8pt verdana;
	color: #666699;
	text-align: center;
	margin-top: 0px;
}
p.footer {                  /* footer text 31-jan-08 */
    font: 9pt/11pt verdana;
    margin-top: 0px;
    text-align: center;
    }

.ahem {
	display: none;
    }

.name {     /* Use this for the Member name on the Profile pages */
    font: 9pt/16pt verdana;
    font-weight: bold;
    margin-top: 0px;
    text-align: justify;
    }

/* classes for printing the schedule page */
.print  {
    font: 8pt/14pt verdana;
    margin-top: 0;
    }

a.print {
    font-weight: bold;
	text-decoration: none;
    color: blue;
    }

h2.print {
    font: italic normal 16pt georgia;
    letter-spacing: 1px;
    margin-bottom: 0px;
	color: #004080;        /* dark blue, as used in the header */
    }

h2.booking {
	font: 16pt georgia;
	font-weight: strong;
	color="#400080"
}
h4.booking {
	font: 8pt/14pt verdana;
	text-decoration: none;
}

h1 {
    font: italic normal 20pt georgia;
    letter-spacing: 1px;
    margin-bottom: 0px;
	color: #7D775C;        /* dark gold/brown, used for links and header text */
    }

h2 {
    font: italic normal 16pt georgia;
    letter-spacing: 1px;
    margin-bottom: 0px;
	color: #7D775C;        /* dark gold/brown, used for links and header text */
    }

h2.shout {
    font: italic bold 14pt georgia;
    letter-spacing: 1px;
    margin-bottom: 0px;
	color: red;
    }

h3 {
	font: italic normal 12pt georgia;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #7D775C;        /* dark gold/brown, used for links and header text */
    }
	
h4  {
    font: 12pt comic;
    font-weight: bold;
    text-align: center;
    margin: 0px;
  }

h5  {                       /* header for addresses on printed schedule 31-jan-08 */
    font: 9pt/12pt verdana;
    font-weight: normal;
    text-align: center;
    margin: 5px;
    }

h5.sked {					/* header for Address & Contact Info header on online schedule 30-jun-08 */
    font: 9pt/12pt georgia;
    font-weight: bold;
    text-align: center;
    margin: 5px;
	background-color: #DDDDB9;
}

h6  {
    font: 7pt verdana;
    letter-spacing: 1px;
    margin-bottom: 3px;
    color: #696969;		/* Dim Gray (std color) */
}

a:link {
	/* letter-spacing: 1px; */
	font-weight: bold;
	text-decoration: none;
	color: #896900;        /* Gold, used for links */
	}
a:visited {
	font: italic 9pt verdana;
	text-decoration: none;
	color: #896900;        /* Gold, used for links */
	}
a:hover, a:active {
	font: bold 10pt arial;
	text-decoration: none;
	color: #FF0000;        /* red, used with text and links */
    }

a:link.snipet {
	font-weight: bold;
	text-decoration: none;
	color: red;         /* red, used for snipet links */
	}
a:visited.snipet {
	font: italic 9pt verdana;
	text-decoration: none;
	color: red;        /* red, used for snipet links */
	}
a:hover.snipet, a:active.snipet {
	font: italic bold 10pt arial;
	text-decoration: none;
	color: red;        /* red, used with text and links */
    }


acronym {
	border-bottom: none;
	}


a.line {                    /* links in the middle of lines/paragraphs */
	font: bold 10pt verdana;
	/* font-weight: bold; */
	text-decoration: none;
	color: #988F5E;        /* Gold, used for links */
    }

a:hover.line {
	font: bold 10pt arial;
	text-decoration: none;
	color: #FF0000;        /* red, used with text and links */
    }

a.side {
	font-weight: bold;
	text-decoration: none;
	color: #988F5E;        /* Brownish-gold used for links */
}

a.bottom {
    font-weight: normal;
    text-decoration: none;
    color: #400080;         /* dark blue */
    }

table.booking
{ 
	table-layout: auto;
	width: 680px;
	text-align: center;
	vertical-align: top;
	/* background-color: #fafafa; */
	/* border: 1px #000000 solid; */
	border-collapse: collapse;
	border-spacing: 0px; 
}

table.sked
{ 
	width: 500px;
	background: transparent;
	color: #000;
	vertical-align: top;
	height: 14px;
	/* margin-top: 300px; */
	/* margin-left: 89px; */
	border: 1px #99B6E5 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}

table.skedPrint {
	vertical-align: top;
	width: 500px;
	height: 14px;
	/* margin-top: 300px; */
	/* margin-left: 89px; */
	border: 1px #99B6E5 dashed;
	border-collapse: collapse;
	border-spacing: 0px; 
}

table.address 
{
	width: 250px;
	vertical-align: top;
	table-layout: auto;
	/* margin-top: 300px; */
	/* margin-right: 89px; */
	/* border: 1px #000000 solid; */
    text-align: center;
	border-collapse: collapse;
	border-spacing: 0px; 
}

tr {
	background: transparent;
}

tr.zero {
	background-color: #ffffff;
	}

tr.one {
	background-color: #D2D2D2;
	}

th {
		background-color: #DDDDB9;
}

td  {
    margin: 0px 0px 0px 0px;
    font: 8pt/12pt verdana;
    }

td.spacer {
	text-align: center;
}

td.date
{ 
border: 1px #99B6E5 solid;
text-align: center;
font: 7pt/9pt verdana;
color: #404040; 
background-color: transparent;
}

td.venue
{ 
border: 1px #99B6E5 solid;
text-align: center;
font: 7pt/9pt verdana;
color: #404040;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
background-color: transparent;
}

td.time
{ 
background-color: transparent;
border: 1px #99B6E5 solid;
text-align: center;
font: 7pt/9pt verdana;
color: #404040; }

td.add {
	text-align: center;
	font: 7pt/9pt verdana;
}

td.add_separator {
	height: 1px;
	border-bottom: 1px #99B6E5 solid;
}

td.main {
    margin: 0px;
    text-align: center;
    font: 8pt/12pt verdana;
	border-top: 1px #99B6E5 solid;	
}

.announce {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.sked {
	margin: 0px;			/* move table over from left edge of page */
	padding: 0px;
	border: 0px;
}

.addresses {
	margin: 0px 0px 0px 3px;		/* put a small space between schedule and addresses */
	padding: 0px;
	border: 0px;
}

.booking {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
    font: 7pt/10pt verdana;
}

td.print {
    margin: 0px;
    font: 7pt/9pt verdana;
	text-align: center;
	/* border-top: 1px #99B6E5 dashed; */
    }

td.printName {
    margin: 0px;
    font: 7pt/9pt verdana;
	font-weight: bold;
	text-align: center;
	border-top: 1px #99B6E5 solid;
    }

/* specific divs */
#container {        /* the outer container for the page */
	position: relative;
    padding: 0px 5px 0px 5px;
	margin: 0 auto;    /* adding "auto" to this command centers the div in the browser window */
	width: 810px;
	height: 900px;
	/* border: 3px coral solid; */
	}

#homeHeader {       /* container for the block header on the Home page; uses image replacement from kryogenix.org */
    clear: both;
    padding:150px 0px 0px 0px;
    overflow: hidden;
    background-image: url("../jpegs/test_hdr5.JPG");
    background-repeat: no-repeat;
    float: left;
    margin: 0px 0px 10px 5px;
    height: 0px !important;  /* for most browsers */
    height /**/:150px;   /* for IE5.5's bad box model */
    width: 800px;
    /* border: 3px yellow solid; */
    }

#pageHeader {           /* generic page header id */
	margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    
    /* border: 3px yellow solid; */
	}

#pageHeadPhoto {        /* photo for home page, with rotation (loads a different picture each time)
    /* clear: left; */
    float: right;
    /* z-index: 1; */
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 320px;
    /* height: 240px; */
    background: transparent url("rotator.php") top no-repeat;
    }

	
#stdBrowser { margin: 0px; }

#pageHeadPhoto span { display: none; }

#cdCoverPhoto {         /* CD cover */
    float: right;
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 180px;
    height: 177px;
    }

#lowerPhoto {       /* photo on left below quickSummary */
    float: left;
    clear: left;
    margin: 10px 5px 5px 5px;
    padding: 10px 10px 0px 0px;
    width: 320px;
    height: 240px;
    background: transparent url("rotator.php") top no-repeat;
    }


/* image replacement from kryogenix.org, http://www.kryogenix.org/code/browser/lir/ -- works with IE and Firefox */
h1#nuHeader {
    padding:179px 0px 0px 0px;
    overflow: hidden;
    background-image: url("../gifs/int_logo2.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 10px 0px 10px 10px;
    height: 0px !important;  /* for most browsers */
    height /**/:179px;   /* for IE5.5's bad box model */

}

h2#nuHeader {
    padding:100px 0 0 0;
    overflow: hidden;
    background-image: url("../gifs/dance2.gif");
    background-repeat: no-repeat;
    float: right;
    height: 0px !important;  /* for most browsers */
    height /**/:100px;   /* for IE5.5's bad box model */

}

#JanHeader {
    float: right;
    z-index: 1;
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 188px;
    height: 240px;
    background: transparent url("../jpegs/meere_th.jpg") top no-repeat;
}

#JanHeader span { display: none; }

#BobHeader {
    float: right;
    z-index: 1;
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 170px;
    height: 277px;
    background: transparent url("../jpegs/bobbie05.jpg") top no-repeat;
}

#BobHeader span { display: none; }

#StevieHeader {
    float: right;
    z-index: 1;
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 170px;
    height: 277px;
    background: transparent url("../jpegs/stevie05.jpg") top no-repeat;
}

#StevieHeader span { display: none; }

#PortorHeader {
    float: right;
    z-index: 1;
    margin: 10px 3px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 167px;
    height: 240px;
    background: transparent url("../jpegs/goltz_th.jpg") top no-repeat;
}

#PortorHeader span { display: none; }

#quickSummary {         /* descriptive box near upper left of page */
    /* clear: right; */
  	margin: 5px 20px 5px 10px;
  	padding: 10px 5px 0px 5px;
	width: 160px;
	background: url('../jpegs/goldparchment.jpg');
	border: 1px solid blue;
	float: left;
	}
#quickSummary p {
	font: italic 10pt/30pt georgia;
	color: #7D775C;        /* Dark gold/brown used for text in summaries */
	text-align:center;
	}
#quickSummary p.name {
	font: bold 10pt/20pt georgia;
	color: #7D775C;       /* Dark gold/brown used for text in summaries */
	text-align:center;
	}
	
#home_title {                /* title for whatever is on the home page */
	/* clear: right; */
	float: left;
    width: 800px;
    text-align: center;
	margin: 30px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
    /* border: 1px orange solid; */
	}

#title {                /* title for whatever is on the page */
    /* clear: both; */
	float: left;
	width: 800px;
    text-align: center;
	margin: 10px 0px 0px 5px;
    padding: 5px 0px 5px 0px;
    /* border: 1px orange solid; */
	}

#text_area {            /* main text area on the page */
    /* width: 790px; */
    margin: 10px;
    padding: 10px 10px 0px 10px;
    text-align: center;
    /* border: 3px blue solid; */
	}

#supportingText {       /* some backup or notational info about the content of a page */
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	/* border: 1px red solid; */
}

#indent_text {
    padding-left: 50px;
    text-align: left;
}

#bannerText {       /* php code that displays the next performance location, date and time */
	/* clear: right; */
    float: left;
    /* top: 665px; */
    padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 5px;
	width: 450px;
	text-align: center;
	background: url('../gifs/topbluefade.gif') top left repeat;
	border: 1px solid orange;
	/* border: 1px #004080 solid; */
}

#favlink_list {
    float: left;
    width: 400px;
    padding-left: 10px;
    text-align: left;
    font: 9pt/12pt georgia;
    /* border: 1px purple solid; */
}

#favlink_list li a:link {
	font: 12pt/20pt georgia;
	font-weight: bold;
    color: #988F5E;
}

#favlink_list li a:link.snipet {
	font: 10pt arial;
    color: red;
}

#clear_text {            /* for pages that need an open center section of the page (sked, etc.) */
    clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
    /* padding: 10px 10px 0px 0px;	10px on top */
    text-align: center;
    /* border: 3px green solid; */
}


#addresses {              /* addresses in sked */
	float: left;
	padding: 0px;
	margin: 5px;
	color: #000040;
	/* background: #ffffff; */
	/* width: 250px; */
    /* border: 3px red solid; */
}

#sked {                 /* dates in sked */
	float: left;
	padding: 0px;
	margin: 10px;
	color: #000040;
	/* background: #ffffff; */
	/* width: 500px; */
    /* border: 3px blue solid; */
}

#booking_add {
    clear: both;
	width: 800px;
	clear: left;
	margin: 0 auto;
    text-align: center;
	padding: 0px;
	color: #000040;
	/* background: #ffffff; */
	width: 650px;
    /* border: 3px orange solid; */
}

#prn_table{                 /* dates in sked */
    clear: both;
	width: 800px;
	margin: 0 auto;
    /* padding: 10px 10px 0px 0px;	10px on top */
    text-align: center;
    /* border: 3px green solid; */
}

.but{
	height: 22px;
	width: 116px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	text-align: center;
	border-top: .1em solid #fff;
	border-right: .15em solid #333;
	border-bottom: .15em solid #555;
	border-left: .15em solid #fff;
	/* white-space: nowrap; */
	color: #000;
	background: #ccc;
}


form fieldset {
    width: 499px;
    /* border: 3px green solid; */
}

.switchform {
	clear: left;
	float: left;
	}

form legend {
    font-family: georgia;
    font-size: 12px;
    color: #663399;
    /* background-color: #fff; */
    font-weight: normal;
    margin: 0 5px 0 5px;
    padding: 0;
    position: relative;
    /* Gecko ignores this, but IE moves the legend up accordingly */
    top: -1em;
}

#orderform {
    float: left;
    margin-left: 0px;
    margin-top: 25px;
    padding-left: 110px;
    /* max-width: 500px; */
    text-align: left;
}

#std {      /* create a standard black type for text that needs to be printable */
    font: 12pt/16pt verdana;
    color: black;
    margin: 0 auto;         /* centers the text on the page */
}

#footer {
	clear: left;
	float: left;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
    /* background-color: #8EA3CA; */
}

#w3cTag {
	float: right;
	margin-right: 0px;
	margin-top: 25px;
}

#footer a:link, #footer a:visited {
	margin-right: 0px;
}

#linkList {
    float: right;
    margin: 10px 3px 5px 10px;
    padding: 0px;
	width: 160px;
	/* height: 150px; */
	/* background: url('../gifs/back0056.gif') top left repeat-y; */
	line-height: 1em;
	list-style-type: none;
	text-align: center;
	font: 9pt/11pt verdana, sans-serif;
	color: #203E75;                /* dark blue, used for link list title */
	border-left: 2px blue solid;
}

#linkList ul {
	margin: 0px;
	padding: 0px;
}

#linkList li {
	line-height: 1.3em;
	list-style-type: none;
	text-align: center;
	/* background: transparent url(cr1.gif) no-repeat top center; */
	display: block;
	padding-top: 5px;
	margin-bottom: 5px;
}

linkList li a:link {
	color: #988F5E;
}

linkList li a:visited {
	color: #EEC350;
}


#bottomLinkList {
   	clear: both;
	float: left;
    margin: 10px 0px 20px 0px;
	background: url('../gifs/topbluefade.gif') top left repeat;
	padding: 0px;
	font: normal 9pt arial;
	color: #896900;        /* The gold used for links */
    text-align: center;
	width: 800px;
}

#extraDiv1 {
	background: transparent url(cr2.gif) top left no-repeat;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 148px;
	height: 110px;
}