/* Body styles */
	body {
      	font: normal 83% sans-serif;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background:#E2CFA5;
	}

/* Masthead styles */
	#masthead {
		margin-left: auto; margin-right: auto;
		width: 780px;
		font-size: 100%;
	}
	#masthead a {
		color: #CC301A; /* Text color for header links */
		text-decoration: none;
	}
	.tagline {
		color: #000000;
		font-size: 90%;
		font-weight: 700;
	 }
	 
	.resalefont{
	color: #000000;
	font-size: 65%;
	font-weight: 500;
	 }
	 	.resaleheader{
	color: #FFFFFF;
	font-size: 70%;
	font-weight: 700;
	 }
	 .displayheader{
	color: #ffffff;
	font-size: 90%;
	font-weight: 700;
	 }
	.displayPrice{
	color: #FF0000;
	font-size: 100%;
	font-weight: 700;
	 }
		
/* Header styles */
	#header {
		clear:both;
		width: 800px;
		height: 205px;
		margin-left: auto; margin-right: auto;
		background-image: url(/Images/Header.jpg);
		text-align: right;
	}
	#header h1 {
		padding:.4em 15px 0 15px;
		font-size: 225%;
		line-height: 1.2px;
		margin-right: 7px;
		letter-spacing: 0.3em; 
		color: #0066CC; /* Text color for header links */
	}

	.slogan {
	color: #663300;
	font-size: large;
	font-weight: bold;
	}
	 
	.phone {
	color: #000000;
	font-weight: 700;
	 }

	#header p {
		padding:.5em 15px 0 15px;
		font-size: 98%;
		font-weight: 700;
		margin-right: 7px;
		color: #AD8D3A; /* Text color for header links */
	}

	
/* Box Styles */
	
	#navigation {
		font-size: 87%;
		width: 181px; 
		height: 122px; 
		padding: 10px;
		margin-left: 5px;
		background-image: url(/Images/Nav.jpg); 
	}
	#navigationxl {
		font-size: 87%;
		width: 181px; 
		height: 610px; 
		padding: 5px;
		margin-left: 5px;
		background-image: url(/Images/Nav-XL.jpg); 
	}
	#navigationxxl {
		font-size: 87%;
		width: 181px; 
		height: 232px; 
		padding: 10px;
		margin-left: 5px;
		background-image: url(/Images/Nav-XXL.jpg); 
	}
		
/* Footer styles */
	#footer {
		clear:both;
		width: 800px;
		height: 48px;
		margin-left: auto; margin-right: auto;
		background-image: url(/Images/Footer.jpg);
		text-align: center;
	}
	#footer p {
		font-size: 80%;
		font-weight: bold;
		margin-right: 7px;
		color: #FFFFCC; /* Text color for header links */
		padding:5px;
		margin:0;
		text-align: center; 
	}

	#footerlinks {
		clear:both;
		margin-left: auto; margin-right: auto;
		width:100%;
		text-align: center; 
	}
	#footerlinks a {
		color: #CC301A; /* Text color for header links */
		text-decoration: underline;
		font-size: 80%;
	}
	#footerlinks h4  {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 100%;
		font-weight: bold;
		padding-bottom: 2px; 
		color: #CC301A;
	}	

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		margin-left: auto; margin-right: auto;
		clear:both;
		width:80%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						    only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background-image: url(/Images/Vertical-Spacer.jpg); width: 800px; height: auto;
	}
	.threecol .colmid {
		right:27%;			/* width of the right column */

	}
	.threecol .colleft {
		right:48%;			/* width of the middle column */
	
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:22%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:22%;			/* Width of right column content (column width minus padding on either side) */
		left:82%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	h2  {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 130%; 
		font-weight: 600; 
		color: #C64811;
				
	}
	h3  {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 100%;
		font-weight: bold;
		color: #C64811;
	}
	h4  {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 100%;
		font-weight: bold;
		color: #666633;
	}
	
	strong {
		font-weight: bold; 
		color: #AD8D3A;
		font-style: italic;
	}
	.sections {
		font-weight: bold; 
		color: #000000;
	}
	
	.NavLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #C64811;
	text-decoration: none;
	}
	a.NavLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 95%;
	color: #C64811;
	text-decoration: none;
	}
	a.NavLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #C64811;
	text-decoration: none;
	}
	a.NavLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #C64811;
	text-decoration: none;
	}
	.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #003366;
	text-decoration: none;
	}
	a.breadcrumbs:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%;
	color: #003366;
	}
	a.breadcrumbs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FF0000;
	text-decoration: none;
	}
	a.breadcrumbs:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #003399;
	text-decoration: none;
	}
/* Image Handling */

img.floatLeft { 
    float: left; 
    margin: .5px; 
}
img.floatRight { 
    float: right; 
    margin: 1px; 
}
/* Date Settings */

	.date {
	color: #003366;
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	}