@charset "ISO-8859-1";
body {
	margin:0px;
	padding:0px;
	height:100%; 
	overflow-y:auto; 
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	background-repeat: repeat;
	background-image: url(Images/StyleImages/tammerlinBkgrndTyle_embSoft.jpg);
}
* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {
	color: #D7E8A1;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
						}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size:1em;
	font-variant: small-caps;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.5em;
}

h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	color: #d7e8a1;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.25em;
	margin-top: .8em;
	font-weight: bold;
}

h5 {
	line-height: normal;
	margin-left: 0px;
	font-variant: normal;
	text-transform: none;
	padding-left: 20px;
}

#column2 h2 {
	font-size: 1.2em;
	padding-left: 20px;
	text-transform: none;
	margin-top: 120px;
}

#column2 h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	color: #d7e8a1;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	padding-left: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.underlineh4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	color: #d7e8a1;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.25em;
	margin-top: 0.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d7e8a1;
	padding-bottom: 10px;
	margin-bottom: 0.6em;
	width: 550px;
	margin-left: 20px;
}
#spanlower {
	text-transform: lowercase;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #a9a000;
	text-decoration: none;
	display: inline;
	width: 100%;
}
a:link {
	color: #a9a000;
}
a:visited {
	text-decoration: none;
	color: #a9a000;
}
a:hover {
	text-decoration: underline;
	color: #a9a000;
}
a:active {
	text-decoration: none;
	color: #a9a000;
}

ul, ol, dl {
}


#bodycopy {
	font-size:0.8em;
	color: #d7e8a1;
	line-height: 1;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 20px;
}

#reviewcopy {
	font-size:0.8em;
	color: #d7e8a1;
	line-height: 1;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 20px;
	clear: both;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

#headerwrapper {
	text-align: center;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}
/* the horizontal menu starts here */
div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left;	 /* draws line on bottom edge of div */
	font-size:0.7em; /* colors the div */
	margin-top:0px;
	height: 32px;
	background-image: url(Images/StyleImages/headerbkgrnd.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	position: fixed;
	z-index: 6;
	}
div#listmenu ul {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 140px;
	list-style-type: none;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#414f17; /* creates dividing lines between the li elements */
	width: 89px;
	height: 16px;
	bottom: 0px;
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	list-style-type: none;
	}
div#listmenu li:hover {
	background-color:#d7e8a1; /*sets the background of the menu items */
	}
div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#A1A000;
	}
div#listmenu a:hover {
	color:#414f17;
	list-style-type: none;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	list-style-type: none;
	}
div#listmenu ul li ul li {
	width:100%;
	list-style-type: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #414f17;
	border-bottom-color: #414f17;
	border-left-color: #414f17;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #414f17; /*the top edge of the dropdown */
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px;
	margin-top: 8px;
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

#logobar {
	height: 180px;
	float: left;
	width: 100%;
	background-image: url(Images/StyleImages/tammerlinLogoWrkng3.jpg);
	margin-top: 32px;
	background-repeat: no-repeat;
}

#captionSongtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.75em;
	color: #d7e8a1;
	height: 50px;
	float: left;
	margin-left: 300px;
	margin-top: 160px;
	margin-bottom: 0px;
	padding: 0px;
}

#soundbuttoncontainer {
	height: 50px;
	margin-top: 130px;
	padding-top: 0px;
	margin-left: 1030px;
}

#midnavbar {
	height: 48px;
	clear: both;
	background-image: url(Images/StyleImages/midNavBarfill.png);
	background-repeat: repeat-x;
}

#midnavbarcontainer {
	width: 800px;
	margin-left: 140px;
}

div#midnavbarcontainer h1 {
	float: none;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #d7e8a1;
	font-size: 1em;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-top: 20px;
	font-weight: bold;
}
#pageheader  {
	float: left;
	width: 380px;
	clear: both;
	height: 48px;
}
#pageheaderR {
	float: right;
	height: 48px;
	width: 410px;
}
div#mainwrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
div#header {
	width:800px;
	height:32px;
	text-align:center;
	padding-top:6px;
}
div#contentarea {
	width:800px;
	background-image:url(Images/StyleImages/faux_2columns_200.gif);
	background-repeat: repeat-y;
}
div#column1 {
	width:200px;
	background-color:#414F17;
	float:left;
}

div#column1 h1 {
	font-size:1em;
	font-variant: small-caps;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.5em;
	border: 1px solid #d7e8a1;
	text-align: center;
}
div#column1container a:link  {
	color: #d7e8a1;
}
div#column1container a:visited  {
	color: #d7e8a1;
}
div#column1container a:hover  {
	color: #A9A000;
	text-decoration: none;
}

div#column1container a:active {
	color: #A9A000;
	text-decoration: none;
}

#column1container {
	width: 200px;
	margin-top: 0px;
	padding-top: 0px;
	position: fixed;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #D7E8A1;
}

#column1 img {
	padding-left: 10px;
	padding-top: 10px;
}

#column1container li {
	font-family: Tahoma, Geneva, sans-serif;
	color: #D7E8A1;
	list-style-type: none;
	line-height: normal;
	font-size: 0.8em;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7E8A1;
	border-right-color: #D7E8A1;
	border-bottom-color: #D7E8A1;
	border-left-color: #D7E8A1;
	margin-right: 5px;
	padding-top: 5px;
}

#column1 p#caption {
	font-family: Tahoma, Geneva, sans-serif;
	color: #D7E8A1;
	font-style: italic;
	font-size: 0.7em;
	padding-left: 10px;
	margin-bottom: 10px;
}
div#column1 ul {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

.navlink {
	font-family: Tahoma, Geneva, sans-serif;
	color: #D7E8A1;
	text-decoration: none;
}
li#navlink a:hover  {
	color: #A1A000;
	text-decoration: none;
	list-style-type: none;
}
li#navlink a:link  {
	color: #d7e8a1;
	text-decoration: none;
	list-style-type: none;
}

li#navlink a:active {
	color: #A1A000;
	text-decoration: none;
	list-style-type: none;
}

li#navlink a:visited {
	color: #d7e8a1;
	text-decoration: none;
	list-style-type: none;
}

li#recipe {
	font-family: Tahoma, Geneva, sans-serif;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.8em;
	color: #d7e8a1;
	margin-right: 30px;
	margin-left: 30px;
	text-indent: 0px;
}

#quotecaption {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: normal;
	text-align: left;
	float: none;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 20px;
	font-style: italic;
}

p#leftSchedule {
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 0.75em;
	font-variant: normal;
	text-transform: none;
	color: #d7e8a1;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
p#schedule {
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 0.75em;
	font-variant: normal;
	text-transform: none;
	color: #d7e8a1;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
div#column2 a:link    {
	color: #11132C;
	font-family: Tahoma, Geneva, sans-serif;
}
div#column2 a:visited   {
	color: #11132C;
	font-family: Tahoma, Geneva, sans-serif;
}
div#column2 a:hover {
	color: #11132C;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}
div#column2 a:active {
	color: #11132C;
	font-family: Tahoma, Geneva, sans-serif;
}
.Date {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	text-transform: uppercase;
	color: #D7E8A1;
	font-variant: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
div#column2 {
	width:600px;
	float:left;
}
div#column2 p {
	font-size:0.8em;
	color: #D7E8A1;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 30px;
	padding-top: 1em;
	line-height: 1.5em;
}
#column2 ul#schedule  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.75em;
	color: #d7e8a1;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 30px;
	line-height: 1.4;
}

#column2 img {
	float: left;
	clear: both;
	margin: 0px;
	padding-left: 0px;
}

#column2 #imgcontainer {
	width: 100px;
	float: right;
}

#column2 #imgcontainer100 {
	width: 100px;
	margin: 0px;
	padding: 0px;
}
#column2 #imgContainer2L179 {
	float: left;
	padding-top: 10px;
	clear: both;
	padding-bottom: 10px;
	margin: 0px;
	padding-right: 15px;
	padding-left: 10px;
}

#column2 #imgcontainer560 {
	width: 560px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#column2 #imgcontainer600 {
	width: 600px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 010px;
}

#column2 #imgcontainer2c {
	width: 200px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#column2 #imgcontainer2c200 {
	width: 200px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#column2 #imgcontainer2cTour200 {
	width: 200px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#column2 #imgcont2c200r {
	width: 200px;
	float: right;
	margin: 10px;
	padding: 0px;
}

#column2 #imgcontainer2c250 {
	width: 210px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#column2 #imgcontainer2c370 {
	width: 361px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#column2 #flashcontainer560 {
	width: 580px;
	padding-left: 0px;
	margin-top: 20px;
	margin-left: 20px;
}

#column2 #imgcontainerHomepage {
	width: 350px;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#column2 #Contactimgcont560 {
	width: 560px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	padding-bottom: 15px;
}
div#flashContainer {
	width: 450px;
	padding-top: 0px;
	float: left;
	margin-left: 50px;
	margin-bottom: 15px;
}
div#discoDescript  {
	font-family: Tahoma, Geneva, sans-serif;
	clear: both;
	margin-bottom: 05px;
	margin-left: 0px;
	float: none;
}

#column2 p#caption {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	line-height: 1.4;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	font-style: italic;
	clear: both;
}

#column2 p#quotecaption {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .7em;
	line-height: normal;
	text-align: center;
	float: none;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	font-style: italic;
}
#column2 #Pcontainer600L {
	width: 600px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}
div#column3 {
	width:100px;
	background-color:#414F17;
	float:left;
}

#column3 img {
	position: relative;
	top: auto;
	right: auto;
}
div#column3 p {margin: 20px 10px 0 10px;}

.holder {
}
div#footer {
	width:800px;
	clear: both;
	background-image: url(Images/StyleImages/footerbkgrnd.jpg);
	height: 32px;
}
p#copyright  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	font-style: italic;
	color: #414F17;
	text-align: left;
	margin-left: 10px;
	padding-top: 5px;
	clear: both;
}
div#footer a:link  {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	color: #62110A;
}

div#footer a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	color: #62110A;
}
div#footer a:hover  {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	text-decoration: underline;
	color: #62110A;
}

div#footer a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	text-decoration: none;
	color: #62110A;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */
.clearfix {display: block;}

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

#div disco {
	font-family: Tahoma, Geneva, sans-serif;
}

.disco {
	font-family: Tahoma, Geneva, sans-serif;
	width: 600px;
}
.songlist {
	font-family: Tahoma, Geneva, sans-serif;
	clear: both;
	font-size: 1em;
	color: #d7e8a1;
	margin-left: 20px;
	padding-left: 20px;
	list-style-position: inside;
	list-style-type: decimal;
	float: left;
	width: 560px;
	margin-bottom: 10px;
}
.songlist a:link   {
	color: #d7e8a1;
	text-decoration: underline;
}

.songlist a:visited {
	color: #d7e8a1;
	text-decoration: underline;
}
.songlist a:hover  {
	color: #A1A000;
	text-decoration: underline;
}

.songlist a:active {
	color: #A1A000;
	text-decoration: underline;
}
#leftcolumn  {
	font-size:0.8em;
	color: #D7E8A1;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1em;
	line-height: 1.5em;
	float: left;
	width: 299px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7e8a1;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d7e8a1;
	font-family: Tahoma, Geneva, sans-serif;
	z-index: auto;
}
#rightcolumn  {
	font-size:0.8em;
	color: #D7E8A1;
	margin-top: 0;
	padding-top: 1em;
	line-height: 1.5em;
	float: right;
	width: 300px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d7e8a1;
	z-index: auto;
}

.workshop {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	text-transform: uppercase;
	color: #D7E8A1;
	font-variant: normal;
}

.addLink {
	font-family: Tahoma, Geneva, sans-serif;
	color: #D7E8A1;
	text-decoration: none;
	list-style-type: none;
	line-height: normal;
	font-size: .8em;
}