/*****************Body - determines general characteristics for the site, background color is for the site outside the container***/
body {
 font-family: Arial, Helvetica, sans-serif; /****sets font sytle for entire site. Change fonts in each div if you want one to be different***/
 font-size: 12px; /***sets font size throught out the site, change size in div if you want it different***/
 Background-color:#000000; /***color outside of page, any extra area seen on large screens*****/
 text-align:center; 
 margin:0px;
 padding:0px; /******puts the container in center of the browser screen*******/
}
/************************General**************************************/
ul, li {padding:0; margin:0;}
img{
 border:none;   /****If hyperlinked, there wont' be a blue border around it****/
 padding:10px;  /***allows for space around the image*****/ }

p {
font-size:14px; /****usually set to either 12px or 14px ****/
line-height:1.2 em;  /****sets how much space is between the lines in each paragraph******/
text-align:left;}

.clear{
clear:both;}

/*********header tags can be changed to any size, color, font weight, alignment***********/
h1 {  
font-size:18px;
color:#000000;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
}

h2{
font-size:16px;
color:#800040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
 }
 h3{ 
 font-size:14px;
color:#400040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
}


/******************Container - sets up the entire page*****************/
#container { 
position:relative;
background-color:#8B0000;
 margin: 0 auto;  
 width: 900px;/****change this to be what ever size you want the page to be do not maximize above 1024px******/
}

/**********************************Header******************************/
#header {
	position:relative;
	color: #333;
	width: 898px;
	padding: 0px;
	border: 1px solid #D2B48C;
	height: 200px;
	margin: 0px 0px 20px 0px;
	background-color: #D2B48C;
}


#header h1{
font:Trebuchet MS;
font-size:24px;
font-weight:bold;
 }

#headimages{
position:absolute;
left:5px;top:10px;
width:620px;
height:130px;
}

#headimages img{
margin:10px 10px 0px 10px;
padding:0px;}


#target{
position:absolute;
left:600px;
margin:0;}
/********************************Horizontal Navigation*********************/
#navigation{ /***defines the area the horizontal links are in**********/
	position:relative;
	width: 878px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #ccc; /* reads - 1 px thick, solid line, # is for color, this border goes all around navigation. If desire only one line under navigation, write border-bottom:1px solid #cccccc**/
	background-color:#FFDAB9;
	height:25px;
}
/*********leftcolumn and vertical navigation.  You do not have to inculde the vertical navigation, if you decide not to use it, don't use the code for it. Must use code for leftcolumn to have a left side column. ********/
#leftcolumn {
position:relative; 
 color: #333;

  border-left: 1px solid #8B0000;
  
 background-color:#8B0000;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 10px 8px;
height:550px;
 width: 177px;
 float: left;
}

/**********************Vertical  Navigation*********************************/
#vertmenu {  /****sets horizontal menu ******/
margin:5px 5px 5px 5px;
text-align:left;
list-style-type:none; 
font-weight:bold;
padding:0px 0px 0px 10px;
}

#vertmenu  li{
display:block;
margin: 20px 0 20px 0; /****these set the margins for each word in the list**/
font-size:16px}

#vertmenu a{/*******hyperlinked characteristics*********/
color:#C0C0C0; 
text-decoration:none;
}

#vertmenu a:hover {/*****rollover change size, color, underline *********/
color:#333333;
 }

/*********************Area for contert**************************************/
#content { 
position:relative;
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-top: 1px solid #ccc;
background-color: #EEE8AA;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height:400px;
 width: 681px;
 display: inline;
 text-align:left;
}

/**************For Sale*****************************************************/
.box{
	width:665px;
	height:auto;
	text-aligned:left;
	border:thin #000099 solid;
	float: right;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
}

.image{
	width:325px;
	height:265px;
	margin-left:5px;
	padding:5px;
	float:left;
	margin-top: 5px;
	font-size: 16px;
	color: #341F06;
	font-weight: bold;
	text-align: center;
}

.description{
	width:275px;
	height:auto;
	padding:5px;
	float:right;
	margin-right:10px;
	font-size: 14px;
}

/*********************Footer************************************************/
#footer { 
position:relative;
 width: 878px;
 clear: both;
 color: #333;
 border-right: 1px solid #ccc;
  border-left: 1px solid #8B0000; border-bottom: 1px solid #ccc;
 background-color:#8B0000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}