html, body {
	background: #261bab url(../images/background.gif) top left repeat-y; 
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 10pt;
	font-family: Verdana, sans-serif;
	color: #000000;
}


/** main table **/
.mainLeft {
	background: black url(../images/content/top_left.jpg) top left no-repeat;
}
.mainRightCell {
	background: url(../images/content/top_right_cell.jpg) top left no-repeat;
}
.mainRight {
	width: 771px;
	background: url(../images/content/table_right.gif) 141px right no-repeat;
}
.mainTopRight {
	height: 164px;
	background: url(../images/content/top_right.jpg) top left no-repeat;
}

.mainContent {
	background-color: white;
	border-right: 3px solid black;
	padding-left: 13px;
	padding-right: 10px;
}

.tableBottom {
	width: 781px;
	height: 52px;
	background: url(../images/content/table_bottom.gif) top right no-repeat;
}
.tableBottomLeft {
	height: 52px;
	background: url(../images/content/table_bottom_left.gif) top left no-repeat;
}

.menuTop {
	padding-top: 67px;
	background: url(../images/content/menu_top.jpg) top left no-repeat;
}
.menuBottom {
	padding: 0px 8px 106px 9px;
	background: url(../images/content/menu_bottom.jpg) bottom left no-repeat;
}
.menuItem {
	background-color: #1e1961;
}

.sponsored {
	padding-top: 10px;
}
/** end main table **/


/*--------------- Link styles ----------------------*/
a:link {	
	color: #BD2120;
	text-decoration: none;
}
a:visited {
	color: #792222;
	text-decoration: none;
}
a:hover {
	color: #BD2120;
	text-decoration: underline;
}
a:active {
	color: #FF6600;
	text-decoration: underline;
}

#contentArea a img {
	border: 2px solid #792222;
}
#homePoster a img {
	border: 2px solid #000000;
}
#contentArea a:hover img, #homePoster a:hover img {
	border: 2px solid #FF6600;
}

#imageSidebar {
	height: 100%; 
	padding: 5px 10px;
}
#imageSidebar img {
	border: 2px solid #792222;
}

#footerLinks a:link {	
	color: #FFFFFF;
	text-decoration: none;
}
#footerLinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footerLinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerLinks a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/*--------------- END Link styles ----------------------*/

/*--------------- Text styles ----------------------*/
h1 {
	font-family: Verdana, sans-serif;	
	/*font-size: 18pt;*/
	font-size: 16pt;
	font-weight: bold;
	color: #792222;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-family: Verdana, sans-serif;	
	/*font-size: 14pt;*/
	font-size: 13pt;
	font-weight: bold;
	color: #792222;
	margin-top: 0px;
	margin-bottom: 0px;

}

h3 {
	font-family: Verdana, sans-serif;	
	font-size: 11pt;
	font-weight: bold;
	color: #792222;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*--------------- END Text styles ----------------------*/

/*--------------- Header styles ----------------------*/
#topBar {
	height: 230px; 
	background: #7A2221 url(../images/background_header.jpg) top left repeat-x;
	overflow: hidden;
}
#topBarImageTop {
	height: 117px; 
	width: 800px;
	background: #7A2221 url(../images/content_header_top.jpg) top left no-repeat; 
}
#topBarImageBottom {
	height: 113px; 
	background: #7A2221 url(../images/content_header_bottom.jpg) top left no-repeat; 
	padding-left: 777px;
}
#topBarRepeater {
	height: 113px; 
	border-top: 3px solid #000000;
}
#topBarImageCorner {
	height: 113px; 
	background: #FFFFFF url(../images/content_corner.jpg) top right no-repeat; 
	padding-right: 10px;
}

#homeLink {	
	position: relative;
	left: 227px;
	z-index: 1;
	width: 563px;
	height: 110px;
}
/*--------------- END Header styles ----------------------*/

/*--------------- SideBar styles ----------------------*/
#sideBar {
	width: 171px;
	float: left;
	overflow: hidden; /* #### take this out after the images are recut */
}
#sideBarHeader {
	background: #000000 url(../images/menu/menu_header.jpg) top center no-repeat;
	width: 171px;
	height: 84px;
	overflow: hidden;
}
.sideBarButton {
	width: 170px;
	overflow: hidden;
	margin-left: 1px;
}
#sideBarFooter {
	background: #000000 url(../images/menu/menu_bottom.jpg) top center no-repeat;
	width: 171px;
	/*height: 84px;*/
	height: 40px;
	overflow: hidden;
}
/*--------------- SideBar styles ----------------------*/

/*--------------- Content styles ----------------------*/
div#contentWrapper {
	margin-left: 171px; /* must match the width setting on the sideBar*/
}
#contentArea {
	/*margin-left: 171px;*/ /* must match the width setting on the sideBar*/
	padding: 0px 5px 0px 0px;
}
#contentBox {
	background-color: #FFFFFF; 
	margin: 0px 5px; 
	padding: 0px 12px;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
}
#footerWrapper {
	/*margin-left: 171px;*/ /* must match the width setting on the sideBar*/
}
#contentFooter {
	background: #FFFFFF url(../images/content_bottom_repeater.gif) bottom left repeat-x;
	height: 53px;	
}
#contentFooterRepeater {
	background-color: #FFFFFF;
	height: 26px;
	border-bottom: 3px solid #000000;
}

#footerLeftCorner {
	height: 53px; 
	width: 21px;
	background: #000000 url(../images/content_bottom_left.jpg) bottom right no-repeat; 
	float: left;
	border-left: 3px solid #000000;
}

#footerRightCorner {
	height: 53px; 
	width: 202px;
	background: url(../images/content_bottom_right.jpg) bottom right no-repeat; 	
	float: right;
}
#footerLinks {
	color: #FFFFFF; 
	font-size: 10pt; 
	padding-left: 25px;
}

.indentedBlock {
	padding-left: 10px;
	margin-bottom: 20px;
}

.infoBlock {
	margin-bottom: 20px;
}

td.inset a img {
	border: none !important;
}

#donateInsetHeader {
	background: #FFFFFF url(../images/insets/donate_online.jpg) top center no-repeat; 
	width: 177px; 
	height: 47px;
}
#buyInsetHeader {
	background: #FFFFFF url(../images/insets/buy_merch.jpg) top center no-repeat; 
	width: 177px; 
	height: 47px;
}
.insetContent {
	border-right: 3px solid #000000; 
	border-left: 3px solid #000000; 
	padding: 0px 3px 0px 7px;
	width: 161px;
}
.insetFooter {
	background: #FFFFFF url(../images/insets/inset_bottom.jpg) top center no-repeat; 
	width: 177px; 
	height: 15px;
}

/*--------------- END Content styles ----------------------*/

/*--------------- Calendar Box styles ----------------------*/
.box1TopLeft {
	background: #E3D0D4 url(../images/box_1_left.gif) top left repeat-y; 
	width: 11px;
}
.box1TopRight {
	background: #E3D0D4 url(../images/box_1_right.gif) top left repeat-y; 
	width: 11px;
}
.box1Title {
	height: 11px; 
	background-color: #E3D0D4; 
	border-top: 1px solid #8A5158;
}
.box1TopSpacer {
	background-color: #E3D0D4; 
	border-top: 1px solid #8A5158;
}
.box1ContentLeft {
	background-color: #E3D0D4; 
	border-left: 1px solid #8A5158;
}
.box1Content {
	background-color: #E3D0D4;
}
.box1ContentRight {
	background-color: #E3D0D4; 
	border-right: 1px solid #8A5158;
}
.box1BottomLeft {
	background: #E3D0D4 url(../images/box_1_left.gif) bottom left repeat-y; 
	width: 11px;
}
.box1BottomTitle {
	height: 11px; 
	background-color: #E3D0D4; 
	border-bottom: 1px solid #8A5158;
}
.box1BottomRight {
	background: #E3D0D4 url(../images/box_1_right.gif) bottom left repeat-y; 
	width: 11px;
}
.box1BottomSpacer {
	background-color: #E3D0D4; 
	border-bottom: 1px solid #8A5158;
}
.box1TopLeft img, .box1TopRight img, .box1BottomLeft img, .box1BottomRight img {
	display: block;
}

.box2TopLeft {
	background: #D7CADB url(../images/box_2_left.gif) top left repeat-y; 
	width: 11px;
}
.box2TopRight {
	background: #D7CADB url(../images/box_2_right.gif) top left repeat-y; 
	width: 11px;
}
.box2Title {
	height: 11px; 
	background-color: #D7CADB; 
	border-top: 1px solid #8A5158;
}
.box2TopSpacer {
	background-color: #D7CADB; 
	border-top: 1px solid #8A5158;
}
.box2ContentLeft {
	background-color: #D7CADB; 
	border-left: 1px solid #8A5158;
}
.box2Content {
	background-color: #D7CADB;
}
.box2ContentRight {
	background-color: #D7CADB; 
	border-right: 1px solid #8A5158;
}
.box2BottomLeft {
	background: #D7CADB url(../images/box_2_left.gif) bottom left repeat-y; 
	width: 11px;
}
.box2BottomTitle {
	height: 11px; 
	background-color: #D7CADB; 
	border-bottom: 1px solid #8A5158;
}
.box2BottomRight {
	background: #D7CADB url(../images/box_2_right.gif) bottom left repeat-y; 
	width: 11px;
}
.box2BottomSpacer {
	background-color: #D7CADB; 
	border-bottom: 1px solid #8A5158;
}
.box2TopLeft img, .box2TopRight img, .box2BottomLeft img, .box2BottomRight img {
	display: block;
}
.calendarTable {
	margin: 10px 0px 0px 0px;
}

.box1EvenRow {	
	background: #FFFFFF url(../images/blank.gif) top left repeat;
	/*background-color: #FFFFFF;*/
	padding: 3px;
}
.box1OddRow {	
	background: #E3D0D4 url(../images/blank.gif) top left repeat;
	/*background-color: #E3D0D4;*/
	padding: 3px;
}
.box2EvenRow {	
	background: #FFFFFF url(../images/blank.gif) top left repeat;
	/*background-color: #FFFFFF;*/
	padding: 3px;
}
.box2OddRow {	
	background: #D7CADB url(../images/blank.gif) top left repeat;
	/*background-color: #E3D0D4;*/
	padding: 3px;
}
.eventRowOver {
	background-color: #C6A174;
	border: 1px solid #7A2221;
	padding: 2px;
	cursor: pointer;
}
/* -- this one works like .eventRowOver, but it's intended for use on table <tr>'s instead of <div>s, so we axed the border and upped the padding --*/
.eventTableRowOver {
	background-color: #C6A174;	
	padding: 3px;
	cursor: pointer;
}

/*this doesn't really work, try something else later */
/*
.contentTitleLine {
	margin-left: 15px;
	position: relative;	
	left: 15px;
}
.contentTitleLine:first-letter {
	margin-left: -15px;  
}
*/
/*--------------- END Calendar Box styles ----------------------*/

/*--------------- Reservation Form styles ----------------------*/
.reservationCell {
	position: relative;
	border: 1px solid black;
}
.reservationContainer {
	position: relative;
}
/*--------------- END Reservation Form styles ----------------------*/

/*** forms ***/
.jtForm input {
	width: 100%;
	border: 1px solid #C0D3D9;
}

.jtForm select {
	width: 100%;
	border: 1px solid #C0D3D9;
}

.jtForm textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #C0D3D9;
}

.error {
	color: #78140f;
}
.errorBack {
	background-color: #fffaa9;
}
/*** end forms ***/

/*** slips ***/
.modalShade { 
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/slip/modal_back.png) repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/modal_back.png',sizingMethod='scale');
	_background-repeat: none;
}
.modalShade iframe {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
}
#detailModalShade { z-index: 40; }
#detailSlipContainer { z-index: 41; }
.slipTable { position: relative; }
.slipClose, .slipCloseHover {
	position: absolute;
	z-index: 10; /* just need some z-indexing to make sure it will ride above the slip's contents */
	width: 30px; height: 30px;
	cursor: pointer;
	margin-left: -4px;
	margin-top: -5px;
}
.slipClose {
	background: url(../images/slip/close.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/close_on.png',sizingMethod='crop');
}
.slipCloseHover {
	background: url(../images/slip/close_on.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/close_on.png',sizingMethod='crop');
}
.slipContainer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.slipScrollContainer {
	overflow: hidden;
	position: relative;
}
.slipScroll {
	position: relative;
}
/*** peekaboo bug fix for ie6 (float evilness in ie's lameness) ***/
.slipContent {
	position: absolute;
	_zoom: 1;
	padding: 8px;
}
.slipContainer .topScale {
	font-size: 7pt;
	color: white;
}
.slipContainer .topLeft {
	background: url(../images/slip/tl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/tl.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .topRight {
	background: url(../images/slip/tr.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/tr.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .bottomLeft {
	background: url(../images/slip/bl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/bl.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .bottomRight {
	background: url(../images/slip/br.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/br.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .top{
	background: url(../images/slip/t.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/t.png',sizingMethod='scale');
	height: 21px;
}
.slipContainer .bottom{
	background: url(../images/slip/b.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/b.png',sizingMethod='scale');
	height: 21px;
}
.slipContainer .left {
	background: url(../images/slip/l.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/l.png',sizingMethod='scale');
	width: 21px;
}
.slipContainer .middle {
	background: white;
}
.slipContainer .right {
	background: url(../images/slip/r.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/r.png',sizingMethod='scale');
	width: 21px;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}
/*** end slips ***/

/**************** J-Tech Footer *********************/
.jtechFooter {
	width: 740px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 10px;
	font-size: 11px;
	position: relative;
	color: white;
}
.jtechFooter .jtechLinkWrapper {
	position: absolute; right: 0px; top: 5px;	/* top: should match .jtechFooter's padding-top */
}
.jtechFooter a:link, .jtechFooter a:visited {
	color: white;
	text-decoration: none;
}
.jtechFooter a:hover, .jtechFooter a:active {
	color: white;
	text-decoration: underline;
}
.jtechCommentsContainer {
	display: none;
	position: absolute; top: 17px; right: 0px; 
}
.jtechComments {	
	width: 320px; 
	background-color: white; 
	padding: 5px; 
	text-align: left;
	color: #2c2104;
}
.jtechComments a:link, .jtechFooter a:visited {
	color: #BD2120;
	text-decoration: none;
}
.jtechComments a:hover, .jtechFooter a:active {
	color: #BD2120;
	text-decoration: underline;
}
.jtechComments .closeButton {
	float: right; 
	position: relative; top: -8px; left: 6px;
}
.jtechCommentsContainer .topLeft {
	background: url(../images/jtech_footer/tl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .topRight {
	background: url(../images/jtech_footer/tr.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tr.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomLeft {
	background: url(../images/jtech_footer/bl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/bl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomRight {
	background: url(../images/jtech_footer/br.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/br.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .top {
	background: url(../images/jtech_footer/t.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/t.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .bottom {
	background: url(../images/jtech_footer/b.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/b.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .left {
	background: url(../images/jtech_footer/l.png) top right repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/l.png',sizingMethod='scale');
	width: 17px;
}
.jtechCommentsContainer .right {
	background: url(../images/jtech_footer/r.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/r.png',sizingMethod='scale');
	width: 17px;
}

.loadStatus {
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 100;
	width: 147px;
	height: 45px;
	padding-left: 19px;
	padding-top: 12px;
	left: 480px;
	background: url(../images/status/back.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/status/back.png',sizingMethod='crop');
}