html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #0a0200 url(../images/background.jpg) top right repeat-x;
}

img { display: block; } /* necessary with strict doctype to avoid a little extra space below imgs in Firefox */

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}
h1 { font-size: 16px; }
h2 { font-weight: bold; text-transform: uppercase; }
h3 { text-transform: uppercase; }

ul {
	margin: 0px;
	padding: 0px;
}
li {
	padding-left: 18px;
	padding-bottom: 5px;
	list-style: none;
	background: url(../images/bullet.gif) 0px 2px no-repeat;
}

a {
	color: #911d0f;
	text-decoration: none;
}
a:hover {
	color: #674a0b;
	text-decoration: underline;
}
a:visited {
	color: #a48741;
	text-decoration: none;
}

.anchor {
	position: relative;
}

.borderedImage {
	border: 4px solid #232025;
}
a:hover .borderedImage {
	border: 4px solid #655a69;
}
.smallBorderedImage {
	border: 1px solid #232025;
}
a:hover .smallBorderedImage {
	border: 1px solid #655a69;
}

/*** 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: red;
}
/*** end forms ***/

/*** main ***/
.overallContainer {
	width: 918px;
	margin-left: auto;
	margin-right: auto;
}
.topBar {
	background-color: black;
	height: 105px;
}
.topBar .logo {
	position: absolute;
	width: 214px;
	height: 117px;
	margin-top: 8px;
	margin-left: 31px;
}
.bottomBar {
	background-color: black;
	padding: 3px 0px;
}

#pageLoad {
	border-top: 31px solid #222020;
	border-left: 40px solid #222020;
	border-right: 40px solid #222020;
	border-bottom: 25px solid #222020;
	background-color: #efe5c3;
	font-family: Verdana;
	font-size: 11px;
}

.outerLeft {
	width: 9px;
	line-height: 0px;
	background: url(../images/table/outer_l.png) top left repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table/outer_l.png',sizingMethod='scale');
}
.outerRight {
	width: 9px;
	line-height: 0px;
	background: url(../images/table/outer_r.png) top left repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table/outer_r.png',sizingMethod='scale');
}
.outerBottomLeft {
	width: 9px;
	height: 9px;
	line-height: 0px;
	background: url(../images/table/outer_bl.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table/outer_bl.png',sizingMethod='crop');
}
.outerBottom {
	height: 9px;
	line-height: 0px;
	background: url(../images/table/outer_b.png) top left repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table/outer_b.png',sizingMethod='scale');
}
.outerBottomRight {
	width: 9px;
	height: 9px;
	line-height: 0px;
	background: url(../images/table/outer_br.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table/outer_br.png',sizingMethod='crop');
}

.innerTopLeft {
	width: 9px;
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_tl.gif) top left no-repeat;
}
.innerTop {
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_t.gif) top left repeat-x;
}
.innerTopRight {
	width: 9px;
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_tr.gif) top left no-repeat;
}
.innerLeft {
	width: 9px;
	line-height: 0px;
	background: url(../images/table/inner_l.gif) top left repeat-y;
}
.innerRight {
	width: 9px;
	line-height: 0px;
	background: url(../images/table/inner_r.gif) top left repeat-y;
}
.innerBottomLeft {
	width: 9px;
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_bl.gif) top left no-repeat;
}
.innerBottom {
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_b.gif) top left repeat-x;
}
.innerBottomRight {
	width: 9px;
	height: 12px;
	line-height: 0px;
	background: url(../images/table/inner_br.gif) top left no-repeat;
}

.innerHome {
	background: url(../images/table/inner_home.jpg) top left no-repeat;
}
.innerHome .innerTopLeft, .innerHome .innerTop, .innerHome .innerTopRight, .innerHome .innerLeft, .innerHome .innerRight, .innerHome .innerBottomLeft, .innerHome .innerBottom, .innerHome .innerBottomRight {
	background: none;
}

#loadStatus {
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 100;
	padding: 23px 24px 30px 23px;
	background: url(../images/status/back.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/status/back.png',sizingMethod='crop');
}
/*** end main ***/

/*** menu ***/
.menuContainer {
	position: absolute;
	width: 820px;
	margin-top: -27px;
}
/*** end menu ***/

/*** home ***/
.homeContainer {
	position: relative;
	height: 438px;
}
.homeText {
	position: absolute;
	margin-top: 85px;
	margin-left: 27px;
	width: 305px;
	text-align: justify;
}
.homeButtonContainer {
	position: absolute;
	margin-top: 428px;
	margin-left: 20px;
}
.homeImageContainer {
	position: absolute;
	width: 433px;
	height: 331px;
	margin-left: 349px;
	margin-top: 85px;
}
.swapDiv {
	position: absolute;
	overflow: hidden;

	/* Adding these for IE 7: On a hard refresh, it looks like initially the rotation image is spanning the entire content area, which is no good.  Gotta be something to do with the 100% width/height settings on the image. */
	width: 433px;
	height: 331px;
}
/*** end home ***/

/*** 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;
}
#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: 20px; height: 20px;
	cursor: pointer;
	margin-left: 4px;
	margin-top: 10px;
}
.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 ***/

/*** bubble ***/
.bubble .topLeft {
	width: 12px;
	height: 12px;
	background: url(../images/bubble/tl.gif) top left no-repeat;
}
.bubble .top {
	height: 12px;
	background: url(../images/bubble/t.gif) top left repeat-x;
}
.bubble .topRight {
	width: 12px;
	height: 12px;
	background: url(../images/bubble/tr.gif) top left no-repeat;
}
.bubble .left {
	width: 12px;
	background: url(../images/bubble/l.gif) top left repeat-y;
}
.bubble .right {
	width: 12px;
	background: url(../images/bubble/r.gif) top left repeat-y;
}
.bubble .middle {
	text-align: justify;
	background-color: #222020;
	color: white;
}
.bubble .leftQuote {
	padding-top: 7px;
	padding-left: 20px;
	background: url(../images/bubble/left_quote.gif) top left no-repeat;
}
.bubble .rightQuote {
	padding-bottom: 7px;
	padding-right: 20px;
	background: url(../images/bubble/right_quote.gif) bottom right no-repeat;
}
.bubble .bottomLeft {
	width: 12px;
	height: 12px;
	background: url(../images/bubble/bl.gif) top left no-repeat;
}
.bubble .bottom {
	height: 12px;
	background: url(../images/bubble/b.gif) top left repeat-x;
}
.bubble .bottomRight {
	width: 12px;
	height: 12px;
	background: url(../images/bubble/br.gif) top left no-repeat;
}
/*** end bubble ***/

/**************** J-Tech Footer *********************/
.jtechFooter {
	width: 900px; 
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto; margin-right: auto;
	font-family: Verdana;
	font-size: 10px;
	position: relative;
	color: #b5a473;
}
.jtechFooter h3 {
	font-size: 11px;
}
.jtechFooter .jtechLinkWrapper {
	position: absolute; right: 0px; top: 5px;	/* top: should match .jtechFooter's padding-top */
}
.jtechFooter a:link, .jtechFooter a:visited {
	color: #824c1d;
	text-decoration: none;
}
.jtechFooter a:hover, .jtechFooter a:active {
	color: #824c1d;
	text-decoration: underline;
}
.jtechCommentsContainer {
	display: none;
	position: absolute; top: 17px; right: 0px; 
}
.jtechComments {	
	width: 320px; 
	background-color: white; 
	padding: 5px; 
	text-align: justify;
	color: #2c2104;
}
.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;
}