/*  
Theme Name: ReLion Template (Standard - 3 Columns, 100% Width)
Theme URI: http://www.reliablyonline.com
Description: This is the standard WordPress Template for the websites of Reliably Online's clients.
Version: 1.0
Author: Xander
Author URI: http://www.reliablyonline.com
*/


/* ---------------------------------------------- start The Basics */
* html #content, * html .entry_firstpost, * html .entry, * html img { position: relative; }
.clearthis { clear: both; }

a img { border: none 0px; text-decoration: none; }

body {
	background-color: #FFD90F;
	margin: 0px; padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000; text-align: center;
}

#container1 { /* contains ALL CONTENT */
	margin: 0px; padding: 0px;
	text-align: left;
	background: #FFF url('images/col-left-bgd.gif') repeat-y top left; /* ----- column bgd: left ----- */
}

#container2 {
	background: url('images/col-right-bgd.gif') repeat-y top right; /* ----- column bgd: right ----- */
}

ul.readmore {
	list-style: none;
	background: url('images/content_bullet.gif') no-repeat 0 8px;
	padding: 2px 0px 6px 12px; margin: 0px;
}

.main a img {
	float: right; width: auto; 
	margin: 0px 0px 10px 20px; padding: 5px;
	background-color: #FFF; border: 1px solid #A0BBDD;
}
.main a img:hover { background-color: #A0BBDD; border: 1px solid #4277BC; }

.entry {
	background: none; border: 0px solid #000;
	padding: 0px 25px 20px 25px; margin: 0px;
}

.entry_firstpost{
	background-color: #FFF; border: 0px solid #CCC; /* ----- white space around first entry ----- */
	padding: 0px 25px 20px 25px; margin: 0px;
}
	
#skip { display: none; }

hr { border: 0px; color: #4277BC; background-color: #4277BC; height: 1px; text-align: left; margin: 20px 0px 0px 0px; }

/* ----------------------- end The Basics */


/* ---------------------------------------------- start Styles */

/* ---------------------------------------------- start Header */	
#header {
	border-top: 1px solid #000; /* ----- weird, but this needs to be here ----- */
	background-color: #000; 
	margin: 0px; padding: 0px; 
	height: auto; width: auto;
	}	

#header img {
	margin: 0px; padding: 0px; 
	height: 100px; width: 770px;
	border: none 0px;
}

#header a {
	border: none 0px;
}
/* ----------------------- end Header */

/* ---------------------------------------------- start Main Navbar */

#navcontainer { width: auto; height: auto; margin: 0px auto; padding: 0px auto; background-color: #FFD90F; border-top: 1px solid #000; border-bottom: 1px solid #000; }

#navcontainer ul { list-style-type: none; text-align: center; margin: 7px 0px; padding: 0px; }
#navcontainer li { display: inline; text-align: center; margin: 0px; padding: 0px; font-weight: bold; font-size: 14px; }
#navcontainer li a { margin: 0px 2px; padding: 2px 8px; color: #000; background: url('images/navlink-bgd1.gif') repeat-x; border-top: 1px solid #FFD90F; border-bottom: 1px solid #4277BC; border-left: 1px solid #FFD90F; border-right: 1px solid #FFD90F; text-decoration: none; }
#navcontainer li a:hover { color: #4277BC; background: url('images/navlink-bgd2.gif') repeat-x bottom; border-top: 1px solid #000; border-bottom: 1px solid #FFD90F; border-left: 1px solid #FFD90F; border-right: 1px solid #FFD90F; }
#navcontainer li a:active { color: #FFD90F; background: none; background-color: #000; border: 1px solid #000;}

/* ----------------------- end Main Navbar */

.date { width: auto; margin: 0px 0px 10px 0px; padding: 0px; background: #FFF url('images/date-bgd.gif') repeat-x bottom; border-bottom: 1px solid #000; }
.date p { margin: 0px; padding: 10px 0px; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-align: center; color: #4277BC; background: url('images/kootenay-lake-right.gif') no-repeat top left; }
.date img { margin: 0px; padding: 0px; border: none 0px; }

.specialdate { width: auto; margin: 0px; padding: 0px; background: #FFF url('images/date-bgd.gif') repeat-x bottom; border-bottom: 1px solid #000; }
.specialdate p { margin: 0px; padding: 10px 0px; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-align: center; color: #4277BC; background: url('images/kootenay-lake-right.gif') no-repeat top left; }
.specialdate img { margin: 0px; padding: 0px; border: none 0px; }

#specialnote { width: auto; height: auto; margin: 0px 0px 10px 0px; padding: 0px; background-color: #F1F1F1; border-bottom: 1px dotted #000; }
#specialnote ul { list-style-type: square; margin: 0px 20px 0px 40px; padding: 8px 0px; }
#specialnote li { font-size: 10px; line-height: 16px; margin: 0px; padding: 0px; }

#newsfeed { width: auto; height: auto; margin: 20px 0px; padding: 10px 25px; background-color: #D1DEEE; border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
#newsfeed img { float: right; margin: 0px 0px 10px 10px; padding: 0px; border: none 0px; }
#newsfeed h2 { color: #000; font-size: 14px; margin: 0px; padding: 5px 0px; background: none; }
#newsfeed ul { list-style-type: square; margin: 0px 0px 0px 25px; padding: 5px 0px; }
#newsfeed li { font-size: 12px; line-height: 18px; margin: 5px 0px; padding: 0px; }


/* ---------------------------------------------- start Main Content Structure */
#wrapper { /* contains MAIN content area */
	padding: 0px; margin: 0px;
}
	
div#content { /* main column */
	width: auto; 
	padding: 0px; margin: 0px;
	margin-left: 201px; /* ----- change this to adjust column widths ----- */
	margin-right: 201px; /* ----- change this to adjust column widths ----- */
	color: #000; background: none;
}

#leftcol { /* left column */
	float: left; position: absolute; /* IE8 needs this position: absolute; tag, it helps a bit but doesn't fully fix the problem ... piece of crap */
	height: 100%; width: 201px; /* ----- change this to adjust column widths ----- */
	margin: 0px; padding: 25px 0px 0px 0px; background: url('images/kootenay-lake-logo.gif') no-repeat;
}

#rightcol { /* right column */
	float: right;
	height: 100%; width: 201px; /* ----- change this to adjust column widths ----- */
	padding: 0px; margin: 0px;
}

/* ----------------------- end Main Content Structure */

/* ---------------------------------------------- start Column Stuff */
#leftcol img { 
	margin: 0px; padding: 0px;
	border: none 0px; display: block;
}
/* ----------------------- end Column Stuff */

/* ---------------------------------------------- start Footer */
#footer { 
	margin: 0px; padding: 20px 0px 0px 0px; 
	height: auto; width: 100%;
}

#footerrow1 { 
	margin: 0px auto; padding: 0px;
	height: auto; width: 100%;
	border-top: 1px solid #000; border-bottom: 5px solid #4277BC; background-color: #A0BBDD;
}

#footerrow1 p { 
	color: #4277BC; font-size: 11px; font-weight: bold; text-align: center;
	margin: 0px; padding: 3px 5px;
}

#footerrow2 {
	margin: 0px; padding: 25px 0px 10px 0px;
	height: auto; width: 100%;
	background-color: #000;
}

#footerdivlinewrap { 
	background-color: #000;
	margin: 0px; padding: 0px;
	height: 1px; width: 100%;
}

#footerdivline { 
	background-color: #FFD90F;
	margin: 0px 90px; padding: 0px;
	height: 1px; width: auto;
}

#footerdivline img { margin: 0px; padding: 0px; border: none; }

#footerrow3 {
	margin: 0px; padding: 10px 0px 25px 0px;
	height: auto; width: 100%;
	border-bottom: 5px solid #FFD90F; background-color: #000;
}

#footerrow3 img { 
	padding: 1px; margin: -2px 5px 0px 0px;
	border: 1px solid #000; background-color: #FFF;
	float: left;
}
 
#footerrow3 img:hover { border: 1px solid #B91806; background-color: #FFF; }

#footerrow3 p {
	margin: 0px; padding: 0px 100px;
	font-size: 10px; line-height: 15px; color: #FFF; text-align: left;
}

#footer a { color: #FFD90F; text-decoration: none; }
#footer a:hover { color: #4277BC; text-decoration: underline; }
#footer a:active { color: #FFD90F; text-decoration: underline; }

ul#footernavlist {
	margin: 0px; padding: 0px 100px;
	font-size: 10px; line-height: 15px; color: #FFF;
	white-space: nowrap;
}

ul#footernavlist ul {
	margin: 0px; padding: 0px;
	white-space: nowrap;
}

#footernavlist li {
	display: inline; list-style-type: none;
	padding: 0px; margin: 0px;
}
/* ----------------------- end Footer */

#topentry_bg {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #369;
	margin: 0px;
	padding: 0px;
	line-height: 104px;
	height: 104px;
	width: auto;
	background: url('images/topentry_bg.png') repeat-x;
}
	
#topentry {
	border-bottom: 1px dotted #000;
	margin: 0px;
	padding: 25px;
	font-size: 1.1em;
	line-height: 1.1em;
	width: auto;
	background: transparent;
}

h1 {
	color: #000; font-size: 20px;
	margin: 0px 0px 15px 0px; padding: 2px 0px;
	border-bottom: 1px solid #4277BC;
}

h2 {
	color: #000; font-size: 14px;
	margin: 0px; padding: 10px 0px 5px 0px;
	background: none;
}

h3 {
	color: #4277BC; font-size: 14px;
	margin: 25px 0px 0px 0px; padding: 10px 0px 0px 0px;
	border-top: 1px solid #4277BC;
	background: none;
}

h4 {
	color: #4277BC; font-size: 14px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

h5 {
	color: #4277BC; font-size: 12px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

h6 {
	color: #000; font-size: 12px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

h7 { 
	color: #4277BC; font-size: 11px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

a { color: #4277BC; font-weight: bold; text-decoration: underline; }
a:hover { color: #FFD90F; text-decoration: none; }
a:active { color: #000; text-decoration: underline; }

blockquote {
	margin: 0 25px;
}

code {
	display: inline; padding: 2px;
	color: #333; background: #EFEFEF;
	font-family: Courier New, Courier, mono;
}

.main ol { list-style-type: decimal; margin: 0px 40px; padding: 5px 0px; }
.main ol li { font-size: 12px; line-height: 18px; padding: 2px 0px; }
.main ul { list-style-type: square; margin: 0px 40px; padding: 5px 0px; }
.main ul ul { margin: 0px 30px; padding: 5px 0px; }
.main li { font-size: 12px; line-height: 18px; }
.main li li { list-style-type: circle; font-size: 10px; line-height: 14px; padding: 0px; }

p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 18px; color: #000; text-align: justify; }
	
img { border: none 0px; }
/* ----------------------- end Styles */
	

.meta { /* the Details for a Post */
	font-size: 10px;
	padding: 5px 0px; margin: 0px 0px 5px 5px;
	border-bottom: 0px dotted #4277BC;
	width: auto;
	}

.highlight { /* Basic highlight for text */
	background: #FCC;
	}

/* ---------------------------------------------- start Comment Stuff */
.comments { font-size: 10px; margin: 0px; padding: 0px 25px; text-align: left;}

.comments a { color: #4277BC; font-weight: bold; text-decoration: underline; }
.comments a:hover { color: #FFD90F; text-decoration: underline; }
.comments a:active { color: #000; text-decoration: underline; }

.commentlist {
	padding: 0px; margin: 0px;
	}

.commentlist li { /* even comment bgd */
	list-style: none;
	padding: 10px 10px 0px 10px; margin: 10px 0px;
	background: #EEE;
	border: 1px solid #000;
	color: #000;
	}
	
.commentlist li:hover {
	border: 1px solid #4277BC;
	}

.alt { /* odd comment bgd */
	background: #FFF !important; 
	border: 1px solid #000 !important;
	margin: 10px 0px;
	padding: 10px 10px 0px 10px !important;
	}

.alt:hover {
	border: 1px solid #4277BC !important;
	}

p.metadate {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
	}

p.comment_meta {
	margin: 0 0 10px 10px;
	font-size: 1em;
	}

.comment_author a:visited {
	font-weight: bold;
	text-decoration: none;
	}

.reply {
	color: #4277BC;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0px; padding: 5px 0px;
	}
/* ----------------------- end Comment Stuff */

.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url('images/warning.gif') no-repeat left;
	height: 160px;
	padding: 20px 0 0 90px; margin: 0 0 0 10px;
	font-size: 1.5em;
	}

.postinput {
	margin-left: 0px;
	margin-bottom: -10px; /* see if there is a better way to do this, something is causing a space between Wrapper and Footer on pages with comments */
	}

#author li {
	list-style: none;
	margin: 0;
	padding: 0 5px 20px 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	}

#author ul {
	padding: 20px 0 0 0;
	margin: 0;
	}

/* ---------------------------------------------- start SIDEBAR Links Styles */
.links {
	margin: 5px 0px 10px 0px; padding: 0px;
	background: none;
}

.links li {
	list-style: none;
	background: none;
	padding: 0px 0px 2px 0px; margin: 0px;
	border-bottom: 0px solid #FFF;
}

div.links ul li#linkcat-1 {
	list-style: none; display: inline;
	background: none;
	padding: 0px; margin: 0px;
}

.links ul li {
	padding: 0px 0px 2px 0px; margin: 0px;
	border-bottom: 0px solid #FFF;
}

.links ul li ul li {
	border-top: 0px solid #efefef;
	border-bottom: 0px solid #efefef;
	margin-left: 5px;
}

.links li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 2px 1px 2px 13px;
	font-size: 1em !important;
}
	
.links li li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 3px 0px 2px 13px;
	font-size: 1em !important;
}

.links ul { /* Use to set spacing of Links divs within the Sidebars */
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.links ul ul {
	padding: 0 !important;
	margin: 2px 0 0px 0 !important;
	}

.links ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}
	
.links h2 {
	font: bold 1.4em Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px; padding: 2px 0px;
	color: #000; list-style: none;
	background: url('images/links-h2-bgd.gif') no-repeat bottom right;
}

.links h3 {
	font-size: 1.4em;
	line-height: 31px;
	height: 41px;
	margin: 0px;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
	background: url('images/h3_bg.gif') no-repeat;
}
/* .links a width is column width minus '.links ul margin' minus '.links a padding' */
.links li a { display: block; padding: 2px 2px 2px 14px; width: 193px; font: bold 1.2em'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }
.links li a:hover { color: #FDE943; text-decoration: none; background-color: #900; }
.links li a:active { color: #900; text-decoration: none; background: #FDE943 url('images/links-bullet3.gif') no-repeat 0px 6px; }

.links li li a { display: block; padding: 2px 2px 2px 14px; width: 175px; font: bold 1em'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }
.links li li a:hover { color: #FDE943; text-decoration: none; background-color: #900; }
.links li li a:active { color: #900; text-decoration: none; background: #FDE943 url('images/links-bullet3.gif') no-repeat 0px 6px; }

.sidelinks {
	margin: 10px 20px; padding: 0px;
	background: none;
}
.sidelinks p { margin: 0px; padding: 5px 0px; font-size: 12px; font-weight: normal; line-height: 18px; color: #000; text-align: left; }
.sidelinks h2 {
	margin: 0px 0px 5px 0px;
	padding: 2px 0px;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #4277BC;
}
.sidelinks h3 {
	margin: 2px 0px 6px 0px;
	padding: 0px;
	font-size: 16px;
	color: #4277BC;
	border: none;
}
.sidelinks h6 {
	margin: 0px; padding: 0px; font-size: 10px; font-weight: lighter; color: #000; border: none;
}
.sidelinks ul {
	list-style: none;
	background: none;
	padding: 0px; margin: 0px;
}

.sidelinks li {
	list-style: none;
	background: none;
	padding: 2px 0px; margin: 0px; 
	font: 12px/18px Verdana, Helvetica, Arial, sans-serif; color: #000;
}
#bgd1 { padding: 1px 3px; margin: 2px 0px; background-color: #ffe86f; }
#bgd2 { padding: 1px 3px; margin: 2px 0px; background-color: #ffec87; }
#bgd3 { padding: 1px 3px; margin: 2px 0px; background-color: #fff09f; }
#bgd4 { padding: 1px 3px; margin: 2px 0px; background-color: #fff4b7; }
#bgd5 { padding: 1px 3px; margin: 2px 0px; background-color: #fff7cf; }
#bgd6 { padding: 1px 3px; margin: 2px 0px; background-color: #fffbe7; }
#hideit { visibility: hidden; width: 0px; height: 0px; }

#addthis { width: auto; height: auto; margin: 2px 0px 10px 0px; padding: 0px; }

.mixlinks li a { color: #900; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #900; }
.mixlinks li a:hover { color: #FDE943; text-decoration: none; border-bottom: 1px solid #FDE943; }
.mixlinks li a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

.mixlinks img { float: right; margin: 0px; padding: 0px; }

#imglinks { margin: 10px 21px 10px 20px; padding: 0px; }

#imglinks h2 { margin: 0px 0px 10px 0px; padding: 2px 0px; font-size: 14px; color: #000; border-bottom: 1px solid #4277BC; }
#imglinks ul li h2{
	margin: 0px 0px 10px 0px;
	padding: 2px 0px;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #4277BC;
}

#imglinks ul { list-style: none; padding: 0px; margin: 0px; }
#imglinks li { display: inline; list-style: none; padding: 0px; margin: 0px; }

#imglinks img { float: left; margin: 2px; padding: 3px; }
#imglinks img:hover { background-color: #000; }

#sponsorssidebar { width: auto; height: auto; margin: 10px 21px 0px 20px; padding: 5px 0px; border-top: 1px solid #4277BC; }
#sponsorssidebar h2 { margin: 0px 0px 5px 0px; padding: 2px 0px; font-size: 14px; line-height: 20px; color: #000; border-bottom: 1px solid #4277BC; }
#sponsorssidebar img { float: left; margin: 0px 0px 13px 0px; padding: 0px; border-bottom: 1px solid #FFF9D8; }
#sponsorssidebar img:hover { border-bottom: 1px solid #000; }

/* ---------------------------------------------- start Right Column Stuff */
#postersidebar img { margin: 0px 0px 0px 1px; padding: 10px; }
#postersidebar img a { border-bottom: 1px solid #FFF9D8; }
#postersidebar img:hover { background-color: #000; }
/* ----------------------- end SIDEBAR Links Styles */

/* ---------------------------------------------- start Form Stuff */
#search {
	padding: 0px 0px 8px 0px;
}

.searchfield {
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #B91806;
	color: #000;
	width: 150px;
	font-size: 10px;
	height: auto;
}

.searchfield:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
	
.searchsubmit {
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	background: #B91806;
	border: 1px solid #FFF;
	color: #FFF;
	width: 50px;
	font-size: 10px;
	height: auto;
}

.searchsubmit:hover {
	background: #CCC;
	border: 1px solid #000;
	color: #000;
	}

textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	border: 1px solid #CCC;
	color: #000;
	padding: 5px;
	margin: 2px 0px;
	width: 90%;
	background: #FFF;
	}

textarea:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}

select { font: 11px/16px Verdana, Arial, Sans-Serif; }

.commentfield {
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	width: 220px;
	font-size: 10px;
	height: auto;
}

.commentfield:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
	
.commentfieldmid {
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	width: 150px;
	font-size: 10px;
	height: auto;
}

.commentfieldmid:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}

.commentfieldsmall {
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	width: 50px;
	font-size: 10px;
	height: auto;
}

.commentfieldsmall:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
	
label { font: 11px/15px Verdana, Helvetica, Arial, sans-serif; color: #000; padding: 0px 5px; }
#itsaform { margin: 25px 0px; padding: 0px; border-top: 1px solid #4277BC; }
#itsaform p { text-align: left; }
.subdivider {margin-top: 15px; border-top: 1px solid #A0BBDD; }

/* ----------------------- end Form Stuff */

/* ---------------------------------------------- start Other Stuff */
#linklists h2 { color: #000; font-size: 1.4em; font-weight: bold; margin: 0px; padding: 0px 2px; border: none; background: none; }
#linklists ul { font-size: 1.2em; line-height: 1.4em; }
#linklists li { list-style-type: square; padding-bottom: 5px; }

#categorytitle { padding: 0px 0px 20px 25px; margin: 0px; }

#gallery { margin: 0px; padding: 0px; }
#gallery img { border: 1px solid #A0BBDD; margin: 10px; padding: 5px; width: auto; background-color: #FFF; }
#gallery img:hover { border: 1px solid #4277BC; background-color: #A0BBDD; }

#friday { margin: 0px; padding: 0px; width: auto; height: auto; clear: left; }
#saturday { margin: 0px; padding: 1px 0px 0px 0px; width: auto; height: auto; clear: left; }
#sunday { margin: 0px; padding: 1px 0px 0px 0px; width: auto; height: auto; clear: left; }
.bandphotos { float: left; width: 207px; height: auto; margin: 5px; padding: 0px; border: 1px dotted #CCC; }
.bandphotos img { float: none; display: block; padding: 0px; margin: 0px auto; border: none 0px; }
.bandphotos p { font-size: 11px; font-weight: bold; line-height: 16px; text-align: center; margin: 0px; padding: 0px 0px 5px 0px; }

#viewcart { float: right; margin: 5px 0px 10px 10px; padding: 0px; width: 150px; height: auto; text-align: right; }
#viewcart label { margin: 0px; padding: 0px; font-size: 14px; font-weight: lighter; line-height: 18px; color: #4277BC; }
#viewcart form { margin: 5px 0px; padding: 0px; width: auto; height: auto; }
.ppbuttons { float: left; width: 200px; height: auto; margin: 10px 10px 0px 0px; padding: 10px 5px; border: 1px dotted #4277BC; }
.ppbuttons p { font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; margin: 0px; padding: 2px; }
.ppbuttons h3 { color: #4277BC; font-size: 16px; line-height: 22px; text-align: center; margin: 0px; padding: 2px; border: none; }
.ppbuttons form { text-align: center; margin: 0px; padding: 5px; }

#sponsors { width: auto; height: auto; margin: 0px; padding: 0px; }
#sponsors img { border: 1px solid #FFF; margin: 5px; padding: 0px; width: auto; background-color: #FFF; }
#sponsors img:hover { border: 1px solid #4277BC; background-color: #A0BBDD; }

embed { margin: 0px auto; padding: 10px; background-color: #000; }
.center { text-align: center; }

#mainpic { width: auto; height: 555px; margin: 0px 0px 0px 0px; padding: 0px; background: #000 url('images/kaslo-jazz-festival.jpg') repeat top center; }
#mainpictext { float: leftt; width: auto; height: auto; }
#mainpictext h1 { color: #FFF; margin: 0px; padding: 60px 10px 5px 10px; font-size: 36px; font-weight: bold; letter-spacing: 1px; line-height: 40px; border: none 0px; background: none; }

#contentcolumns { width: 100%; height: auto; margin: 0px; padding: 0px; }
#contentcolumns p { font-size: 1.2em; line-height: 1.6em; text-align: left; }
#contentcolumns img { float: right; padding: 0px 0px 5px 10px; }
#leftcolumn { float: left; width: 250px; margin: 10px; padding: 10px; border: 1px dotted #B91806; }
#leftcolumn:hover { border: 1px solid #B91806; background-color: #EFEFEF; }
#rightcolumn { float: left; width: 250px; margin: 10px; padding: 10px; border: 1px dotted #B91806; }
#rightcolumn:hover { border: 1px solid #B91806; background-color: #EFEFEF; }

#spacer { width: auto; height: 1px; background-color: #000; margin: 40px 0px; }
#spacer img { border: none 0px; }
#spacer2 { width: auto; height: 1px; background-color: #000; margin: 5px 0px; }
#spacer2 img { border: none 0px; }
.bigred { color: #B91806; font-size: 1.4em; }

#orderform { margin: 20px 25px; }
#orderform p { font-size: 1.2em; line-height: 1.2em; }
#orderform p:hover { background: #EFEFEF; color: #000; }
#orderformspacer { margin: 25px 0px 5px 0px; height: 1px; border-bottom: 1px dotted #000; }

#payments { width: 150px; height: auto; margin: 25px; padding: 10px; background-color: #FFF; border: 1px dotted #B91806; }
#payments:hover { border: 1px solid #B91806; background-color: #EFEFEF; }

#menusnav p { text-align: right; padding: 0px 25px; }

#cattitlepic p img { float: right; width: auto; margin: 0px 0px 20px 20px; padding: 10px; border: 1px solid #900; background-color: non; }
#cattitlepic p img:hover { border: 1px solid #900; background-color: #FEF9D0; }

#map { margin: 0px 25px 20px 25px; padding: 0px; width: 450px; position: relative; }
#map img { margin: 0px; padding: 0px; border: none 0px; }
#map h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.4em; }
#map h5 { color: #900; background-color: #FDE943; border-bottom: 1px solid #000; margin: 0px; padding: 5px; font-size: 1.2em; }
#map p { margin: 0px; padding: 0px; border: none 0px; }

/* ----------------------- end Other Stuff */

/* ---------------------------------------------- start Table Stuff
#reztable { margin: 50px 0px; }

#itsatable { margin: 25px 0px; padding: 2px 0px; border-top: 1px solid #4277BC; }

table {
	background-color: transparent; margin: 0px; padding: 0px;
	color: #000; font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
}

table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #4277BC; text-decoration: none;
}

table a:hover {
	background: transparent;
	color: #000; text-decoration: underline;
}

table caption { color: #4277BC; font-size: 12px; font-weight: bold; padding: 0px 0px 10px 2px; text-align: left; }

table, td, th { margin: 0px; padding: 0px; }

tbody td, tbody th {
	background-color: #FFF; border-top: 1px solid #FFF;
	padding: 2px;
}

tbody tr.odd th, tbody tr.odd td {
	background-color: #F9F9F9; border-top: 1px solid #FFF;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #FFF; border-top: 1px solid #A0BBDD;
}

td, th {
	vertical-align: top;
}

tfoot td, tfoot th {
	font-weight: bold;
	padding: 5px;
}

thead th {
	font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;
	padding: 0px;
	white-space: nowrap;
}
----------------------- end Table Stuff */