@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-image: url(Images/StyleImages/tammerlinBkgrndTyle_embSoft.jpg);
	background-repeat: repeat;
}

* {
	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;
}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

#headerwrapper {
	text-align: center;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

#column2 h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	color: #d7e8a1;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding-left: 20px;
	margin-top: 0px;
	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;
}

#topnavbar {
	background-color: #FF9;
	height: 32px;
}

/* the horizontal menu starts here */
div#listmenu {
	width:1080px; 	/* makes the div full width */
	float:left;	 /* draws line on bottom edge of div */
	font-size:0.8em; /* 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;
}

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: 100px;
	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 */
}

div#listmenu ul li:hover ul {
	display:block;
} /* shows the drop-down when the menu is hovered */

* html a {
	display:block;
} /* makes IE5 & 5.5 accept the padding on the link */

/* 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: 1080px;
	background-image: url(Images/StyleImages/tammerlinLogoWrkng3.jpg);
	background-repeat: no-repeat;
}

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

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.45em;
	margin-top: 20px;
	font-weight: bold;
}

#midnavbarcontainer {
	width: 800px;
	margin-left: 140px;
}
#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:774px;
	height:32px;
	background-color:#CAF;
	text-align:center;
	padding-top:6px;
}

div#contentarea {
	width:800px;
	background-image:url(Images/StyleImages/faux_3columns.gif);
	background-repeat: repeat-y;
}

div#column1 {
	width:150px;
	background-color:#414F17;
	float:left;
}

#mainwrap #contentarea #column1 h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	color: #d7e8a1;
}

.navlink {
	font-family: Tahoma, Geneva, sans-serif;
	color: #D7E8A1;
}

#column1 ul {
	margin-top: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d7e8a1;
}

#column1container {
	margin-top: 0px;
	padding-top: 0px;
	width: 150px;
	position: fixed;
	background-color: #414f17;
}

#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;
}
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;
}

li#navlink {
	font-family: Tahoma, Geneva, sans-serif;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D7E8A1;
	list-style-type: none;
	color: #D7E8A1;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: .8em;
}

#navlink a:link a:visited {
	color: #d7e8a1;
	text-decoration: none;
}

#navlink a:hover a:active {
	color: #A1A000;
	text-decoration: none;
}

div#column2 {
	width:400px;
	float:left;
}
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;
}

p#pageheadline {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.2;
	letter-spacing: 0.2em;
	color: #D8E4A4;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

p#bodycopy {
	font-size:0.8em;
	margin:1em 30px;
	color: #d7e8a1;
	line-height: 1.2;
	text-indent: 1.5em;
}

p#schedule {
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 30px;
	padding-left: 40px;
	text-indent: -0.8em;
	font-size: 0.75em;
	font-variant: normal;
	text-transform: none;
	color: #d7e8a1;
	line-height: 1.4;
}

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;
}

#column2 ul {
	list-style-position: inside;
	list-style-type: none;
	text-indent: 1em;
}

div#column3 {
	width:250px;
	background-color:#414F17;
	float: left;
}

div#column3 p {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

#column3#imagecontainer {
	font-family: Tahoma, Geneva, sans-serif;
	width: 250px;
	margin-top: 0px;
	padding-top: 0px;
	clear: right;
}

#column3 p#caption {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	line-height: 1.2;
	text-align: right;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 10px;
	font-style: italic;
	color: #d7e8a1;
	margin-bottom: 10px;
}

.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#footer {
	width:800px;
	clear: both;
	background-image: url(Images/StyleImages/footerbkgrnd.jpg);
	height: 32px;
}
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 {
	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;
}

div#footer a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	text-decoration: none;
	color: #62110A;
}
p#copyright  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.5px;
	font-style: italic;
	color: #414F17;
	text-align: left;
	margin-left: 10px;
	padding-top: 5px;
}

.sectionheadline {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
	color: #d8e4a4;
	font-size: 1.8em;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

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

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

div#flashContainer400 {
	width: 380px;
	padding-top: 0px;
	float: none;
}