/* General styles */
* {
	font-family:Arial, Helvetica, sans-serif; }
	
	 /* this particular version layout will not work in IE/Win Strict Mode 
   it can be made to work in IE strict with the use of CSS expressions
	 to calculate the required height of the 2 absolute positioned divs
*/
span {margin:0px; padding:0px;}

html, body {
margin: 0px; 
padding: 0;
height: 100%; 
background:url(/images/layout/background_main.jpg);

text-align: left; /* IE quirky center */
}

h1, hr { 
	display: none;	
}

h2{
	color:#525252;
	font-size:1.3em;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

h3{
	color:#525252;
	font-size:1.2em;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.subheading{
	color:#B37B2B;
	font-size:0.7em;
	margin:4px 0px 0px 0px;
}

a{
	text-decoration:none;
}


.white-text{
	color:#FFFFFF;
}
.red{
	color:#B37B2B;
}
/**/
#wrapper {	
	margin: 0px auto 0px auto; 	
	width:824px;
	background-repeat:repeat;
	overflow:hidden;
	background:url(/images/layout/trans_shadow.png) right repeat-y;
}

* html #wrapper{
	background:url(/images/layout/trans_shadow.gif) right repeat-y;
}

#wrapper1 {
	background:url(/images/layout/trans_shadow2.png) left repeat-y;	
	
}

* html #wrapper1{
	background:url(/images/layout/trans_shadow2.gif) left repeat-y;
}


#wrapper2 {	
	width:772px;
	margin:auto;
	text-align: left; /* reset text alignment */  
	position: relative;
	background:url(/images/layout/frame_bg.jpg);
}

#header{
position: relative;
width: 100%;
margin: 0;
background: #FFF;
}

#apbg1, #apbg2 {

}

#apbg1 {
float:left; 
width: 286px; 
background: #BEBBB2;
}


/* 
* html #apbg1 { width:283px;}


bringing the center content into position (clear the sides)
   using a wrapper div to avoid any IE Box Model issues
	 also use this div if using expression to calculate
*/
#contentwrap {

	

}

#contentarea {
	float:right;
	/* position: relative;  to enable further positioned divs inside content area */
	/*z-index: 600;  to make sure if long words overflow they show above the right column */ 
	padding: 0;
	margin: 0; 
	width:482px;
}

#footer {
	padding:23px 20px 8px 20px;
 	color:#525252;
	font-size:0.7em;
	font-weight:normal;
	text-align:right;
	height:30px;
	background:url(/images/layout/bot_graid.jpg) no-repeat bottom;
}
	
#footer a{
	color:#525252;
}

#footer a:hover{
	color:#B37B2B;
}
	/*
Overflow
----------------------------------------------------------------*/





.space{clear:both; height:3px;}

#clear, .clear {clear:both; margin:0px; padding:0px;}
	
* html #clear, * html .clear {margin:-3px;}
	

img {border:0px;}