/**
	David Glenn
	
	Common Template CSS Styles
	
	Ian Holt - Matchstic.com
	
	*NOTE*
	If you need to add CSS styles its better to create
	a new stylesheet and leave the common file alone. 
	
	Just link it up in the correct html file
**/

html, body {
/*	margin: 0px;
*/
	text-align: left;
	margin-left:10px;
	margin-right:10px;
	
/**	background: #362312 url(../resources/bg.jpg) top center repeat-y;
**/
/*	background-color: #362312;
*/
	
/*	color: #FFF;
*/
	color: #000000;
}

iframe { 
	overflow-x: hidden;
	overflow-y: hidden; 
	}


BODY{ 
filter:chroma(color=#DD834D);
scrollbar-face-color: #DD834D; 
scrollbar-shadow-color: #BE9F71; 
scrollbar-highlight-color: #BE9F71; 
scrollbar-3dlight-color: #DD834D; 
scrollbar-darkshadow-color: #DD834D; 
scrollbar-track-color: #DD834D; 
scrollbar-arrow-color: #362312; 
overflow-x: hidden; 
overflow-y: auto; 
font-family: Arial; 
}


#MainBody {
	background: url("../resources/Bgrnd-MainBody.jpg") no-repeat left top;
	float:left;
	position: absolute;
	top: 0px;
/*	left: 2px;
*/
	left: 0px;	
/*	right: 0px;
*/
	width: 667px;
	height:396px;

	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 10px;

	overflow: -moz-scrollbars-vertical;	
	

	overflow-x: hidden;
	overflow-y: auto;
	

}

#PurchaseBody {
	background-color:transparent;
	color: #000000;
	/*background: url("../resources/Bgrnd-MainBody.jpg") no-repeat left top;
	*/
	filter:chroma(color=#DD834D);
	scrollbar-face-color: #DD834D; 
	scrollbar-shadow-color: #BE9F71; 
	scrollbar-highlight-color: #BE9F71; 
	scrollbar-3dlight-color: #DD834D; 
	scrollbar-darkshadow-color: #DD834D; 
	scrollbar-track-color: #DD834D; 
	scrollbar-arrow-color: #362312; 
	overflow-x: hidden; 
	overflow-y: auto; 
	font-family: Arial; 

	width: 667px;
	height:396px;

/*	float:left;
	position: absolute;
	top: 0px;
*/
/*	left: 2px;
*/
	left: 0px;	
/*	right: 0px;
*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;

	

}


/* START Content Specific Styles */



#content_area {
	width: 709px;
	height: 472px;
	margin: auto;
	padding: 28px 28px 36px 24px;
	background: #362312 url(../resources/content_bg.jpg) top center no-repeat;
}

#content_area .content_box {
	width: 709px;
	height: 472px;
	margin:0;
	padding: 0;	
	overflow: auto;
	text-align: left;
}

/* OVERRIDE THIS STYLE FOR EVER UNIQUE PAGE TO CHANGE THE BACKGROUND FOR THE SECTION */
#content_area .content_box .head {
	width: 132px;
	height: 50px;
	margin: 0;
	padding: 0;
}


#content_area .content_box .area {

}

/* END Content Specific Styles */
/* START News Specific Styles */
#news_area {
	width: 771px;
	height: 537px;
	margin: auto;
	padding: 0;
	
	background: #362312 url(../resources/news_bg.jpg) top center no-repeat;
}

#news_area .left {
	float: left;
	width: 259px;
	height: 479px;
	
	padding-top: 35px;
	padding-left: 30px;
	
		
	text-align: left;
}

#news_area .right {
	float: right;
	width: 430px;
	height: 476px;
	
	padding-top: 26px;
	padding-right: 25px;
	
	text-align: left;
	
}

#news_area .right .content {
	width: 430px;
	height: 476px;
	
	overflow: auto;
}

#news_area .right .content .head {
	width: 132px;
	height: 43px;
	background: url(../resources/news_title.gif) left top no-repeat;

	margin: 0;
	padding: 0;
}


/* Footer */

#footer {
	width: 771px;
	height: 39px;
/*	background: #20120b url(../resources/footer_bg.jpg) top center no-repeat;
*/
	margin: auto;
	text-align: right;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	font-size:large;
	color:#CC6600;
	
}	

.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: small;
	color:#362312;

}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
/*	background-color: #E3CE7F;
*/
}

.right { float: right; }
.left { float: left; }
img.right { padding: 2px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 2px; margin: 0 7px 2px 0; display: inline; }

a:link {color: #336600; text-decoration: underline; }
a:active {color: #336600; text-decoration: underline; }
a:visited {color: #336600; text-decoration: underline; }
a:hover {color: #336600; text-decoration: none; }

