.print_only {
	display: none;
}

.ingredients {
	color: #CCFFCC;
}

body {
	background-color: #6F7A9E;
	color: #FFFFFF;
	margin: 0 0 0 0;
	/*  Wallpaper for content area of site */
	/* background-image: url(graphics/bar_shield_bkg.jpg); */
	/* background-image: url(graphics/blue_carpet_bkg.jpg); */
	background-image: url(graphics/blue_granite_bkg.jpg);
	/* background-image: url(graphics/blue_old_paper_bkg.jpg); */
}

hr {
	color: #696969;
	background-color: #696969; /* for Gecko based browsers */
	border: thin solid; /* for Gecko based browsers */
	height: 2px;
	width: 80%;
}

p.center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

p.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

p.fine_print {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}

p.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF66;
	letter-spacing: 2px;
}

p.four_inch_stud_gig_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	color: #E25F17;
	letter-spacing: 5px;
	text-align: center;
}

p.four_inch_stud_gig_location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #E25F17;
	letter-spacing: 2px;
	text-align: center;
}

p.four_inch_stud_gig_details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF66;
	letter-spacing: 2px;
	text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

table.page {
	border: none;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
}

table.content {
	border: none;
	padding: 3px 3px 3px 3px;
	width: 97%;
}

table.sec_major {
	border: none;
	padding: 0px 0px 0px 0px;
	border-collapse:collapse;
	width: 100%;	
}

table.sec_minor {
	border: none;
	padding: 0px 0px 0px 0px;
	width: 50%;	
}

table.specs {
	border: thick groove #008080; /* #008080 = Teal */
	width: 500px;
	border-collapse: collapse;
}

table.acc {
	border: thick groove #008080; /* #008080 = Teal */	
	border-collapse: collapse;
}

th.acc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	background-color: #6699CC;
	border-bottom: 1px solid #000080; /* #000080 = Navy */
	border-top: 1px solid #000080; /* #000080 = Navy */
}

th.specs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 10px;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	background-color: #6699CC;
	border-bottom: 1px solid #000080; /* #000080 = Navy */
	border-top: 1px solid #000080; /* #000080 = Navy */
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

td.header {
	background-image: url("graphics/topbg_steel.jpg");
	/* background-image: url("graphics/topbg.jpg"); */
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td.nav_area {
	background-image: url("graphics/left.jpg");
	/* by defining the width for this area in pixels it will ensure that it will not end up larger than the background image */
	/* width: 11%; */
	width: 151px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td.content_area {
	/* by not defining the width for this area it will by default take the remainder of the window */
	/* width: 89%; */
	/* 5/4/08 Seems that the above causes issues in IE. By defining this "column" as 100% this will ensure that the column uses the remainder of the viewport in FX and IE */
	width: 100%;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td.sec_header {
	/*  border: outset 1pt; */
	padding: 1pt 2pt;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #9999CC;
	background-image: url("graphics/section_bg.jpg");
	height: 20px;
	vertical-align: top;
}

td.sec_header_center {
	/*  border: outset 1pt; */
	padding: 1pt 2pt;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #9999CC;
	background-image: url("graphics/section_bg.jpg");
	height: 20px;
	vertical-align: top;
}

td.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url("graphics/bottom_bg.jpg");
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td.date {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 14%;
	vertical-align: top;
}

td.specs {
	width: 50%;
	border-top: thin groove #008080; /* #008080 = Teal */
	padding: 3px 3px 3px 3px;
}

td.acc_left {
	border-top: thin groove #008080; /* #008080 = Teal */
	padding: 3px 3px 3px 3px;
	text-align: left;
}

td.acc_center {
	border-top: thin groove #008080; /* #008080 = Teal */
	padding: 3px 3px 3px 3px;
	text-align: center;
}

td.acc_borderless_left {
	padding: 3px 3px 3px 3px;
	text-align: left;
}

td.acc_borderless_center {
	padding: 3px 3px 3px 3px;
	text-align: center;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A:link {
	/* unvisited links */
	color: #99CCFF;
}

A:visited {
	/* visited links #000099 #99CCFF */
	color: #003399;
}

A:hover {
	/* user hovers  */
	color: #FFFFCC;
	text-decoration: underline;
}

A:active {
	/* active links */
	color: #FFFFCC;
	text-decoration: underline;
}

img {
	border: none;
}

img.top {
	vertical-align: top;
	border: none;
}

img.middle {
	vertical-align: middle;
	border: none;
}

img.framed {
	vertical-align: middle;
	border: medium ridge #008080; /* #008080 = Teal */
}

.tooltiptitle {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	cursor: default;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

.tooltipcontent {
	/* old color #000000 */
	color: #FFFFFF;
	text-decoration: none;
	cursor: Default;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.tooltipborder {
	background-image: url(graphics/caption_bg.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
}

#ToolTip {
   position:absolute;
   width: 100px;
   top: 0px;
   left: 0px;
   z-index:4;
   visibility:hidden;
}

/* Calendar style settings */
table.calendar {
	font-family: Arial, Helvetica, sans-serif;
	border: medium groove #000080; /* #000080 = Navy */
	width: 420px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

th.calday {
	font-family: Arial, Helvetica, sans-serif;
	border: thin groove #000080; /* #000080 = Navy */
	vertical-align: middle;
	width: 100px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	background-color: #008B8B;
}

td.caldate {
	font-family: Arial, Helvetica, sans-serif;
	border: thin groove #000080; /* #000080 = Navy */
	vertical-align: top;
	width: 100px;
	padding: 2px 3px 2px 3px;
}

td.calplaceholder {
	vertical-align: top;
	width: 100px;
	padding: 2px 2px 2px 2px;
}

abbr, acronym {
	border-bottom: 1px dotted #FFFFFF; /* #FFFFFF = White */
	cursor: help;
}

.humor_quote {
	color: black;
	margin: 0px 0px 0px 620px;
}

.humor_quote A:link {
	/* unvisited links */
	color: #0066CC;
}

.humor_quote A:visited {
	/* visited links #000099 #99CCFF */
	color: #003399;
}

.humor_quote A:hover {
	/* user hovers  */
	color: #FFFFCC;
	text-decoration: underline;
}

.humor_quote A:active {
	/* active links */
	color: #FFFFCC;
	text-decoration: underline;
}