/* __ BODY STYLES ______________________________ */
BODY {
	background: #7d0b1f url(./images/bg_horiz.gif) repeat-X;
	min-width:1000px; /*** This is needed for moz. ***/
	text-align:center;
}

/* \*/
HTML, BODY, FORM { height:100%; }
/* Last height declaration hidden from Mac IE 5.x */


/* __ CONTENT STYLES ______________________________ */
#pageWrap, #contentWrap, #leftCol, #rightCol { position:relative; }

/*** full height wrapper ***/
#pageWrap, #footer {
	width: 1000px;
	margin: 0 auto;
	text-align:left;	
}
/* \*/
#pageWrap { 
	height:100%; 
}
/* Last height declaration hidden from Mac IE 5.x */


/*** outer wrap for elements not head/foot ***/
#outerWrap, #pageWrap { 
	z-index:1;
	background:#fff url(./images/bg_main.gif) 0 0 repeat-y;\
}

#outerWrap { min-height:100%; }
/*** moz uses this to make full height design ***/

/* \*/
#outerWrap { height:100%; }
/* Last height declaration hidden from Mac IE 5.x */

#out\65	rWrap { height:auto; } 
/*** For moz to stop it fixing height to 100% (and some others will see it, but NOT Safari) ***/

/* \*/
* html #outerWrap{ height:100%; }
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height, from esc tab hack moz min-height solution ***/


/*** main styles ***/
#contentWrap, #floatWrap, #centerCol{ width:560px; }

#floatWrap, #centerCol, #leftCol, #rightCol { display:inline; }

#contentWrap, #header, #footer { z-index:2; } 
 
#contentWrap {
    margin-left:215px;
/* \*/
    height:100%; 
/* Last height declaration hidden from Mac IE 5.x */
}
#floatWrap {
	float:left;
	margin-right:-1px;
}

#leftCol {
	float:left;
	width:215px;
	margin-left:-215px;
}
*>html #left {width:215px;}

/* \*/
* html #left {margin-right:-3px;}
/* Above style hidden from Mac IE */

#container-left {
	width:175px;
	margin: 15px 0 15px 40px;
}

#rightCol {
	float:left;
	width:217px;
	margin-right:-215px;
	margin-left:-1px;
}
/* \*/
* html #rightCol {
    width:216px;
    margin-left:0px;
    margin-right:-500px;
    mar\gin-right:-216px;
}
/* Above style hidden from Mac IE */


#container-right {
    width:175px;
    margin: 15px 0 15px 10px;
}


#centerCol {
    float:right; 
/* \*/
    margin-left:-1px;
/* Hidden from IE-mac */
}

#container-center { 
	padding: 12px 10px;
}


/*** header styles ***/
#header, .clearHeader {
	height: 205px;
	overflow: hidden;
}
#header{
	background: url(./images/bg_head.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align:left;
}

#headerImg { padding: 29px 0 0 29px; }

#topnav {
	background: url(./images/bg_nav.gif) 0 0 repeat-Y;
	width: 1000px;
	height: 20px;
	text-align: right;
	overflow: hidden;
}
#topnav UL {
	float: right;
	list-style: none;
	margin: 0 40px 0 0;
}
#topnav LI {
	float: left;
	padding: 1px 0 5px 30px;
	margin: 0;
}
#navStripe {
	z-index:0;
	background-color: #fff;
	width: 100%;
	height: 20px;
	font-size: 0;
	position: absolute;
	top: 185px;
	left:0;
}

/*** footer styles ***/
#footer, .clearFooter {
	height: 80px;
	overflow: hidden;
}
#footer{
	background: #7d0b1f url(./images/bg_footer.gif) no-repeat bottom;
	position:absolute;
	clear: both;
	margin-top:-79px;
}
#footertext {
	padding: 5px 40px 20px 40px;
	text-align: center;
}
#footertext DIV {
	float: left;
}
#footertext UL {
	float: right;
	list-style: none;
}
#footertext LI {
	float: left;
	margin-left:20px;
}


