body{
	/* notice this is a comment 
	/* This font family will give the user the preferred look as well as few others the probably already have 
	You can take out the font family listing for all the other styles since everything should be encased in body tags.
	(Try commenting it out before deleting just to make sure though
	*/
	
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:13px;
	background-color:#ba9b8d; /*9a7b6d*/
}
td{
	background-color:#FFFFFF;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif; */
	font-style:normal;
	font-size:13px;
}
p{
	color:#321B18;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif; */
	font-size:13px;
}
.MakeWhite{
	color:#FFFFFF;
}
h1{
	color:321B18;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif; */
	font-size:34px;
}

h2{
	color:#321B18;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif;*/
	font-size:22px;
	font-weight:bold;
}
h3{
	color:#321B18;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif; */
	font-size:18px;
}

/* not really needed since you can just apply bold, but your solution is more "pure" */

/* watch for Margins and padding that automatically display with some things like h1.  
Imagine that everything has a box around it
margins go between the box and other stuff --usually applied to things like images (img)
padding goes between the box and the item in the box--usually applied to table cells (<td>)
I can never remember which one goes around the H1 so when I need to remove it I have to try both.
*/
/* you could also do 
MakeWhite{
	color:#FFFFFF;
}
Then you would be able to make anything a white version of its usual color (td, h4, h3, etc.)
*/

h4{
	color:#321B18;
/*	font-family:"TradeGothic CondEighteen",Verdana, Arial, Helvetica, sans-serif;
*/ font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

h4.MakeWhite{
	color:#FFFFFF;
}

.liFrontPage{
	font-size:21px;
}
.MakeSmall{
	font-size:16px;
}
.MakeLight{
	color:#9a7b6d;
}	
.H3MakeLight{
	color:#9a7b6d;
	font-size:18px;
}
.warning{
	color:#FF0000;
}	
#ContentArea{
padding:10px;
}
.HomePageBoxes{
	vertical-align:text-top;
	background-repeat:no-repeat;
	
	padding-top:55px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.HomePageBoxes a{
	color:#FFFFFF;
}
.HomePageBoxes a:hover{
	color:#FFFF99;
}
.HomePageBoxes a:visited{
	color:#FFFF99;
}
/* for webadmin type areas */

.dataheader{ 
	background-color:#321B18;
	color:#FFFFFF;
	border-color:#FFFFFF;
	border-width:1px;
}
table.datatable tr.dataheader  td {
	background-color:#321B18;
	color:#FFFFFF;
	border-color:#FFFFFF;
	border-width:1px;
}
.dataTable{
}
table.datatable tr.DataRow1 td{
	/*background-color:#FFFFFF;
	color:#321B18;
	*/
	background-color:#dcbdae;
	color:#341507;
}
table.datatable .DataRow2 td{
	background-color:#9a7b6d;
	color:#ffffff;
}
table.datatable .DataRow3 td{
	background-color:#ba9b8d;
	color:#ffffff;
}
#FeedBack{
	display:none;
}