/* colours for this website:
light blue: #6699CC
dark orange: #fbaa29
light blue: #c2dbe8
not-as-light blue: #8dc1da
med blue: #61abcf
dark blue: #007bb6
light green: #6699CC
dark green: #6699CC
*/

body 
	{background: #007bb6;
	color: #000;
	font-family: helvetica, tahoma, arial, sans-serif;}

div#all
	{position: absolute;
	top: -2px;
	left: -2px;}
/* takes care of extraneous margins on all sides */

table#main
	{width: 1000px;
	border-top: 15px solid #007bb6;}
	
td#header
	{background: #6699CC;
	color: #6699CC;
	width: 100%;
	text-align: center;}

td#header img
	{margin-top: -1px;
	margin-bottom: -5px;
	padding: 0;}
	
div#header_bw
	{display: none;}

td#contact
	{background: #e3efcd;
	color: #4f8636;
	text-align: left;}
/* buytickets pix is the only thing here */

div#contact_bw
	{display: none;}

td.menu 
	{background: #c2dbe8; 
	color: #007bb6;
	width: 15%;
	vertical-align: top;}
	
td.menu b 
	{display: block; 
	color: #007bb6; 
	font-size: 90%; 
	padding: 1px; 
	padding-left: 3px; 
	border-top: 1px solid #007bb6; 
	border-bottom: 1px solid #007bb6;}
/* these are the headers i the menu; not links */

td.menu b.top
	{border-top: 0px none;}
	
td.menu a 
	{display: block; 
	color: #000; 
	text-decoration: none; 
	padding: 1px 0 0 3px; 
	font-size: 80%; 
	border-bottom: 1px dotted #8dc1da;
	font-family: times, serif;}
	
td.menu a:hover 
	{color: #000; 
	background: #fff;}
	
.here
	{background: #61abcf;
	font-weight: bold;}
/* use this tag in menu to indicate current page */

td.content 
	{background: #fff;
	color: #000; 
	width: 70%;
	vertical-align: top;
	padding: 10px;
	font-family: times, serif;}
	
td.content b
	{color: #007bb6; 
	font-weight: bold;}
/* use for important text as needed */

td.content a
	{color: #4f8636;
	text-decoration: none;}

td.content a:hover
	{text-decoration: underline;}

.small
	{color: #8b8b8b;
	font-size: 70%;
	font-family: helvetica, tahoma, arial, sans-serif;}
/* use for stuff like "to be a sponsor..." */

table#special
	{width: 100%;
	border: 0px none;}
/* use this for special lists like the contact list, restaurants, etc */

td.content img
	{padding: 0.5em;}

h1 
	{color: #007bb6; 
	font-size: 150%; 
	font-weight: bold;
	margin-top: -2px;
	font-family: helvetica, tahoma, arial, sans-serif;}
	
h2 
	{color: #4f8636; 
	font-size: 125%; 
	font-weight: bold;
	font-family: helvetica, tahoma, arial, sans-serif;}
	
h3
	{color: #000;
	font-size: 110%;
	font-family: helvetica, tahoma, arial, sans-serif;}
	
h4
	{color: #000;
	background: #fbaa29;
	font-size: 125%;
	font-weight: bold;
	margin-top: 0;
	padding: 3px 3px 3px 7px;
	border-bottom: 3px solid #007bb6;
	font-family: helvetica, tahoma, arial, sans-serif;}
/* use only for highlighted stuff div */

div.highlight
	{background: #e3efcd;
	float: right;
	width: 210px;
	border: 3px solid #007bb6;
	margin-left: 0.5em;
	font-size: 80%;
	font-family: helvetica, tahoma, arial, sans-serif;}

div.highlight p
	{padding: 0 0.5em;}

div.highlight a
	{color: #007bb6;
	text-decoration: none;}
	
div.highlight img
	{text-align: center;}

td.quicklinks 
	{background: #febf50 url('images/bte_logo.jpg') no-repeat 50% 95%; 
	color: #000; 
	width: 155px;
	text-align: center; 
	vertical-align: top;
	font-size: 80%;}
	
td.quicklinks a 
	{display: block; 
	color: #000; 
	text-decoration: none;}
	
td.quicklinks a:hover 
	{background: #fbaa29; 
	color: #000;}

.serif 
	{border: 2px solid #fbaa29; 
	padding: 1px; 
	font-family: times, serif;}
/* this is the contact info for BTE */

table#bottom 
	{color: #000; 
	width: 1000px;
	font-size: 70%; 
	font-weight: bold;
	padding: 0 5px;}
/* this contains the "top" link and copyright info */
	
table#bottom a
	{color: #000;
	text-decoration: none;}
	
table#bottom a:hover
	{color: #c2dbe8;}
	
td#right 
	{text-align: right;}