/* eric meyer's reset reloaded, minus table elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #668172;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =ELEMENT SELECTORS */

body {
	margin: 8px 0;
	background: #32455a url(images/bg_body.png) repeat-x;
	color: #000;
	text-align: center;
}
body, table, td, div, input {
	line-height: normal;
	font-size: 10pt;
	font-family: "trebuchet ms", trebuchet, helvetica, arial, sans-serif;
}
a:link, a:visited {	
	color:#29568f;
	text-decoration: underline;
	}
a:visited {
	color: #12325c;
	}
a:hover, a:active {
	color:#612a2f;
	text-decoration: none;
	}

a img { border: none; }
	
h1 {
	margin-bottom: 10px;
	color: #a10000;
	font-size: 18pt;
	line-height: 28px;
	}
h2 {
	margin: 0 0 8px 0;
	color: #3b1f22;
	font-size: 14pt;
}
h3 {
	margin: 0 0 6px 0;
	color: #FFFFFF;
	font-size: 13pt;
}
h4 {
	margin: 0 0 6px 0;
	color: #21394f;
	font-size: 13pt;
}

p {
	padding: 0 0 12px 0;
}
hr {
	background: #612a2f;
  	border: 0;
  	color: #612a2f;
  	height: 1px;
	margin: 15px 0;
	}

ol li {/* set this back to numerals after the reset */
	list-style-type: decimal;
	}

table {	font-size: 100%; /* IE font-size inheritance fix */ }
	
/* =CUSTOM CLASSES */

/* =table appearance */
.tableheader {
	background: #4E768F;
	color: #fff;
	font-weight: bold;
	}
	
th {
	border-bottom: 2px solid #9db6ce;
	color:#000;
	text-align: left;
}
	
td {
	border-bottom: 0px solid #9db6ce;
}

tr.alt td, td.alt {/* classes for alt row td background color, alt td color across rows, respectively */
	border-bottom: 0px solid #ccc;
	background-color:#edf4fa;
}
.align_r { text-align: right; }

/* general use =input appearance */
	


.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}


/****** =LAYOUT *******/


/* various methods to =clear floats */

/* clearfloat and clear0 require 'junk markup' element with this class */
.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	height: 0;
	clear: both;
	}
/* 'self-clearing float' method, as seen at position is everything . net ; */
/* class="clearfix" is applied to parent of floated children, e.g. class="content clearfix", when .content contains floating columns */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}/* have misgivings about telling this to FF, but doesn't seem to hurt */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* give old IE 'hasLayout'. Using zoom: 1; may be better? haven't tested. *//* if zoom works, may eliminate need to filter to IE lt7, hide from IEmac */
.clearfix {display: block;}
/* End hide from IE-mac */
/* end float kludges. begin page layout */

.wrap {
	width: 1000px;
	margin: 0 auto;
	border-top: 2px solid #954b4e;
	border-bottom: 5px solid #954b4e;
	background: #fff url(images/bg_content.gif) repeat-y;
	text-align: left;
	}

/* =masthead */
.mast {
	position: relative;
	height: 101px;
	background: #fff url(images/bg_mast.gif) repeat-x;
	}
.mastL {
	float: left;
	width: 612px;
	}
.mastR {
	position: absolute;
	top: 30px;
	right: 12px;
}
.mastR img {
	margin-left: 10px;
}

.searchField {
	width: 174px;
	height: 18px;
	margin-right: 2px;
	padding: 0;
	border: 2px solid #201317;
	background: #fff url(images/bg_searchfield.gif) repeat-x top;
	line-height: 18px;
	text-indent: 1px;
}
.searchField:focus {
	outline:none;
	border:1px solid #E7C98B;
	background:#fff;
}

/* extra top right navigation */
.mastR ul {
	padding: 5px 0 0 0;
	}
.mastR li { 
	display: inline;
	color: #29568f;
	}
.mastR a:link, .mastR a:visited { text-decoration: none; }


/****** MAIN =NAVIGATION *******/
.nav {
	border-bottom: 1px solid #fff;
	background: #201317 url(images/bg_nav.gif) repeat-x bottom;
}
.nav form {
	float: right;
	padding: 3px 14px 0 0;
}
.nav input {
	vertical-align: middle;
}
.nav ul {
	margin-left: 10px;
	padding: 0;
	}
.nav li {
	float: left;
	font-weight: bold;
}
.nav a:link, .nav a:visited, .nav a:hover {
	margin: 0 3px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	line-height: 31px;
}
.nav {
/* 	min-height: 30px; *//* not needed since we're floating navigation */
	background: #668172 url(images/bg_nav.gif) repeat-x top;
	}

.nav a:hover {
	display: inline-block;
	margin: 0;
	border-left: 3px solid #1e1216;
	border-right: 3px solid #1e1216;
	background: #1e1216;
	color: #eb1d3a;
	}

/****** =CONTENT *******/

.content {
	background: url(images/bg_col_gradient.gif) no-repeat left bottom;
	padding: 20px 30px 30px 0; /* set top, right, bottom, left padding for central area of page */
	font-size: 11pt;
	}
.leftCol {
	float: left;
	width: 220px;
}
.content ul, .content ol { /* put back some uniform spacing for both list types */
	margin: 0 0 0 8px;
	padding: 0 0 6px 0;
	}
/* styling both list types so the inner list text aligns, regardless of whether unordered or ordered */
.content ul li { /* use padding here due to rendering of ul bullets (we're replacing with background images) */
	padding: 0 0 6px 12px;
	}
.content ol li {/* use margin here due to rendering decimal numbers outside the list item */
	margin: 0 0 6px 12px;
	}
/* now we're adjusting the extra space when lists are nested in other lists */
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
/* reset has removed the stock bullets. now we're adding a background image instead, more consistent than list-style-image */
/* 0 is horizontal coordinate. .5 is vertical. We want the image to be .5em down, to hit the middle of the first line of text. Note this is different from using 50% or center, which would drop the image to the middle of a multiline list item.   */
.content ul li {
	background: url(images/li.gif) no-repeat 0 .5em; 
}
/* goofy design pattern of overlapping the content image over the heading. If you want image in the content, just drop position, top, and margin-bottom. */
.contentImg {
	float: right;
	border: 1px solid #fff;
	position: relative;
	top: -50px;
	margin-bottom: -40px;
	margin-left: 20px;
	}
.content .leftCol {
	float: left;
	width: 220px;
	}
.content .leftCol ul {
	position: relative;
	top: -11px;
	margin: 0;
	padding: 9px 0 0 0;
}
.content .leftCol li  {
	padding: 0;
	background: none;
	/* line-height: 63px; */
}
.content .leftCol li a {
	display: block;
	margin-bottom: 1px;
	padding: 9px 0;
}
.leftCol li a:hover {
	margin-bottom: 0;
	border-bottom: 1px solid #eb1d3a;
	background: url(images/bg_col_gradient.gif.jpg) repeat-x top;
}

.donate {
	height: 150px;
	background: url(images/bg_donate.jpg);
	text-align: center;
}
.helpImg {
	margin: 17px 0 3px 0;
}
.buyMerch {
	padding: 20px 0;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
.buyMerch a:link, .buyMerch a:visited { color: #fff; }
.buyMerch a:hover { color: #eb1d3a; }

.buyMerch a img {
	display: block;
	margin: 0 auto;
	}
	
.rightCol {
	float: right;
	width: 720px;
	}
.event {
	position: relative;
}
.event .btnL {
	position: absolute;
	left: 405px;
	bottom: 0;
}
.event p {
	line-height: 1.5em;
}
.event table {
	width: 385px;
}
.event th, .event td {
	padding: 5px 5px 7px;
}
.event th {
	font-size: 11pt;
}
.event img {
	float: right;
}
.infocell {border-bottom: none;}

.btnL {
	background: url(images/bg_btnl.gif) no-repeat;
}
.btnR {
	height: 35px;
	margin-left: 5px;
	padding-right: 5px;
	background: url(images/bg_btnr.gif) no-repeat right;
}
.btn a:link, .btn a:visited, .btn a:hover {
	display: inline-block;
	height: 35px;
	padding: 0 10px;
	line-height: 28px;
	outline: none;
	background: url(images/bg_btn.gif) repeat-x;
	color: #2a0105;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.btn a:hover {
	color: #eb1d3a;
}

/* =kludges for =ie6 */

* html .content .leftCol li {height: 63px;}

* html .btn a:link, * html .btn a:visited, * html .btn a:hover {display: block;}

* html .btn110 { width: 110px; }/* IE 6 doesn't render inline-block properly */

* html .searchField {/* show only to IE less than 7 (ielt7) */
	width: 176px;
	height: 20px;
	}
/* =kludge for =ie7 */
*:first-child+html .searchField {
	text-indent: 3px;
	}

	#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}