﻿/* commented backslash hides from ie5mac \*/ 
html
{height:100%;
margin:0;
padding:0;
background-color: #8D4918;
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}
body{
	text-align:left;
	min-width:1024px;
	color: #000000;
	height:100%;
}
#wrapper {
            width: 1024px;
            margin: 0 auto;
            text-align: left;
}


#outer {
	height:99.9%;
	min-height:100%;
	width:1024px;
	text-align:left;
	margin: 0 auto;
	position:relative;
	background-image: url(images/content-rep_1279x1.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
	overflow:visible;
}
/* mac hide \*/
* html #outer{width:1024px}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#inner{
	width:100%;

} 


#header {
	position:relative;
	top:0;
	left:-1px;
	width:1024px;
	margin: 0 auto;
	height:205px;
	overflow:hidden;
	color: #E9980B;
	z-index:100;
	background-image: url(images/header_rep_2x205.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;

}

#header h1 {
	margin: 0 auto;
	padding: 0px;
		position:relative;
	width: 1024px;
	height: 205px;
	background-image: url(images/header_1125x205.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
}




/* mac hide \*/
* html #outer, * html #header {width:1024px}
/* end hide*/

#clear-top {
height: 205px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:169px;
	float:left;
	background-image: url(images/left_169x388.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 388px;
}

#left p {
padding-left:18px;
padding-top:24px;
}


#footer {
	width:1024px;
	clear:both;
	height:171px;
	color: #000000;
	text-align:left
	left:0;
	bottom:0;
	position: absolute;
	background-image: url(images/footer_1279x171.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

* html #footer{margin-bottom:-1px}/* ie rounding bug*/
/* mac hide \*/
* html #footer {/*only ie gets this style*/
	height:171px;/* for ie*/
}
/* end hide*/

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	width:855px;
	float:right;
}



#inner_stretch {
	width: 855px;
	background-image: url(images/right_1x374.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



#innercontent {
	background-image: url(images/b_609x374.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 609px;
}

#innertext {
padding-left:18px;
padding-top:24px;
}



#innertext h1 {
font-family: verdana;
font-weight: normal;
font-size: 15px;
color: #727200;
padding-top: 0px;
padding-bottom: 8px;
margin: 0px;

}

#innertext p {
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	margin: 0px;
	line-height: 17px;
}

#innertext .para1 {
	margin-left: 185px; 
	margin-top: 10px; 
	width: 433px;
}

#innertext .para1 a {
	color: #E9951B;
}

#innertext .para2 {
	margin-left: 0px; 
	margin-top: 10px; 
	width: 615px;
}

#innertext .para2 strong {
	color: #B15B0E;
	font-weight: normal;
}

#innertext .para2 a {
	color: #817B00;
}



#innertext h2 {
	font-family: verdana;
	font-weight: normal;
	font-size: 15px;
	color: #727200;
	padding: 0px;
	margin: 0px;
	margin-top: 27px;
}


#featurepic {
	width:170px;
	height:138px;
	display: block;
	position: relative;
	z-index: 1;
}


#footertext {
	left:5px;
	top:145px;
	width:950px;
	height:21px;
	display: block;
	position: absolute;
	text-align: left;
	color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

#footertext a {
color: #ffffff;
text-decoration: none;
}



#clearfooter {
	width:100%;
	height:171px;
	clear:both
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-171px;
} /*safari wrapper */


.leftlinks {
	display: block;
	width: 167px;
	top: 111px;
	left: 1px;
	padding-top: 0px;
	font-family: verdana;

}
ul {
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	line-height: 14px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.leftlinks li {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
}
.leftlinks li a {
	width: 167px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/btn_334x26-167-.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	line-height: 25px;
	display: block;
	text-align: left;
	text-indent: 18pt;
}

.leftlinks li a:hover {
	background-position: -167px 0px;
	color: #744019;
	
}


#logo {
	background-image: url(images/logo_236x115.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 236px;
	height: 115px;
	position: absolute;
	top: 17px;
	left: 18px;
}


#flashed {
	display: block;
	width: 146px;
	height: 90px;
	position: absolute;
	top: 270px;
	left: 11px;
}
