/* HRRC - 3 columns - Structural */


body{
	background-color: #FFFFFF;/* chocolate */
}
html, body, div, span, applet, object, ul, li, img { 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 100%; 
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
a:link {
	color: #222;
	text-decoration: underline;
}
a:visited {
	color: #222;
}

a:hover {
	color: #222;
}
a:active {
	color: #222;
}
a:link.red{
	color: #75302a;
	text-decoration: underline;
}
a:visited.red {
	color: #75302a;
}

a:hover.red {
	color: 75302a;
}
a:active.red {
	color: #75302a;
}



/* ==============Outer Containers and Header=========*/ 

#container1 {/* =====centers and gives padding at bottom==== */
	margin: 0 auto 0 auto;
	padding: 0;
	width: 950px;


}
#container2 {/* =====provides container for outer dropshadow==== */
	width: 850px;
	margin-left: 50px;

}
#container3 {/* =====outer container for content area ==== */
	margin-bottom: 50px;
	width: 850px;
	border-right: 1px solid #414624;
	border-bottom: 1px solid #414624;
	border-left: 1px solid #414624;
	border-top: 1px solid #e0be62; /*yellow */
	border-top: 1px solid #75302a;/*red */
	position: relative;
	background-color: #75302a;
}
#header {width:850px;
			background-color: #cb7a42;
			background-color: #000000;
			height: 298px;
			z-index: 10;
			position: relative;
			overflow: hide;
}

#image_col3_first{
	float: right;
	width: 239px;
	margin: 0 -1px 0 0;
	padding: 0;
}
#image_col3_first img{
	margin: none;
}
/* =================Content Divs============================*/

#content {
	padding-bottom: 50px;
	width: 850px;
	background-color: #faebd7;
	background-image: url(../images/structural/fauxcolumn.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
	overflow: hidden;
}
#column1 {
	width:180px;
	float:left;

}
#column2 {
	width:420px;
	float:left;
}

#column3 {
	margin-top: 9px;
	width:249px;
	float:left;
}
#col2-3_wrapper{
	width: 670px;
	float: right;

}
#column3.top p, h2, h3, h4{
	margin-top: 45px;
}
#spancol{
	margin: 12px 0 20px 20px;
	padding: 20px 0;
	width: 630px;
	border: 1px solid #715f45;
	background-color: #d7cfb9;
}
.spancol{
	margin: 12px 0 20px 20px;
	padding: 20px 0;
	width: 630px;
	border: 1px solid #715f45;
	background-color: #d7cfb9;
}
.spancol2{
	margin: 12px 0 20px 20px;
	padding: 20px 0;
	width: 630px;
	border: 1px solid #715f45;
	background-color: #faebd7;

}
#sponsor{
	width: 660px;	
}
.sponsorbox{
	float: left;
	margin: 6px 0 10px 20px;
	height: 250px;
	width: 300px;
	overflow: hidden;
	border: solid 1px #960;
	background-color: #E6E0D2;
	background-color: #dbd0a1;
}
.sponsorbox p{
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 12px;

}
#sponsor .floatleft{
	margin-right: 12px;
	margin-bottom: 6px;
}
#sponsor .floatright{
	margin-left 12px;
}
#firebox{
	width: 380px;
	margin: 24px auto 24px 20px;
	border: 1px solid #C63;
	background-color: #9CC;
	padding-top: 3px;
	padding-bottom: 3px;
}
#placeholder{
	width: 380px;
	margin: 24px auto 24px auto;
	border: 1px solid #C63;
	background-color: #9CC;
	padding-top: 16px;
	padding-bottom: 16px;
}
#column2_bot{
	width:420px;
	float:left;
}
#column3_bot{
	width:249px;
	float:left;

}
/*--------------Footer Follows -----------------------------*/

#footer{
	width:850px;
	height: 120px;
	padding: 0;
	text-align: center;
	background-color: #75302a;
	background-image:url(../images/banners/logostrip.gif)
}
.c1{	
	width: 200px;
	text-align: center;
}
.c2{
	width: 450px;
	text-align: center;
}
.c3{	
	width: 200px;
	text-align: center;
}
#footer h2{
	font-size: 16px;
	border-bottom:none;
	margin: 2px 0;
	padding:0 5px 0 9px;
	font-weight: normal;
	color: #D2AD78;
}
#footer h3{
	font-size: 12px;
	margin: 6px 0 6px 0;
	padding:0 5px 0 9px;
	font-weight: normal;
	color: #D2AD78;
}

#footer h3.name{
	font-size: 18px;
	margin: 6px 0 6px 0;
	color: #000000;
	padding:0 5px 0 9px;
	font-weight: normal;
}
#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 6px 0 6px 0;
	color: #D2AD78;
	padding:0 5px 0 9px;
	font-weight: normal;
}
#footer p.alt{
	font-size: 14px;
}
#footer a:link {
	color: #D2AD78;
	text-decoration: none;
}
#footer a:visited {
	color: #D2AD78;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
}
#footer a:active {
	color: #D2AD78;
}
/*==================================================END Footer=================================================*/

.leftnavtext{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	text-decoration:none;
	text-align: center;
	display: block;
}

.leftnavtext a.hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	text-align: center;
	display: block;
}

/*==================================================START:Clearfix=================================================*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;}	     /* further ensures the period is not visible */


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*=======================================END Clearfix ============================================*/