/* This is a comment */
body {
/*	background-color:#f5f4f4;*/
	margin-top: 15px;
    padding: 0px;
	background-color:#EAE0D7;
	height:100%;
}

td {
	font:Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

div#container{
	position:relative;
	margin-left: auto;
    margin-right: auto;
	left: 0px;
    top: 0px;	
	width:750px;
/*	border-left:1px solid black;
	border-right:1px solid black;*/
	height:100%;
	background-color:#FFFFFF;
	}
	
div#top_header{
    width:750px;
	border-bottom: 3px solid #6F4A20;
	height:100px;	
	}
div#topa {
    float:left;
	height: auto;
    width:auto;
	padding:4px;
}
div#topb
{
    float:left;
	height: auto;
    width:275px;
	padding:4px;
}

div#content_wrap{
    width:750px;
	height:100%;
	}

/*div#side_column{
    float:left;
    width:149px;
	height:500px;
	border-right: 1px solid #7e5327;
	background-color:#FFFFFF;
	}*/

div#side_column_1{
    float:left;
    width:149px;
	height:630px;
	border-right: 1px solid #7e5327;
	background-color:#FFFFFF;
	}
	
div#side_column_2{
    float:left;
    width:149px;

	background-color:#FFFFFF;
	}
	
div#main_column{
    float:left;
	left: 0px;
    top: 0px;
    width:600px;
	height:100%;
	background-color:#FFFFFF;
	}
div#main_header{
	background-image:url(/images/main_header.jpg);
    width:600px;
	height:200px;	
	}
div#inner_header{
	background-image:url(/images/inner_header.jpg);
    width:600px;
	height:50px;	
	}
div#main_content{
    width:600px;
	height:100%;	
	}
div#content-in-left{
    float:left;
    width:360px;
	height:250px;	
	padding: 20px;
}
div#content-in-left_inner{
    float:left;
    width:560px;
	height:100%;	
	padding: 20px;
	border-left: 1px solid #7e5327;	
}
.home_title_text{
	color:#9C693C;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.home_text_left{
	color:#000;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#content-in-right{
    float:left;
    width:160px;
	height:250px;
	padding: 20px;
}
div#footer {   
	position: relative;
	height: 51px;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-image:url(/images/footer.jpg);
	}
/* ---------------------
menu layout
--------------------- */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin-left: 20px;
	margin-top: 32px;	
	margin-right: 0;	
	margin-bottom: 0;		
	list-style: none;
	line-height: 1;
	width: 100px;

}

#nav a {
	display: block;
	width: 87px;

}
#nav a.top {
	color: #666;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:22px;
	padding-top: 0px;
}
#nav a.top:hover {
	text-decoration: none;
	color:#8E6137;
	/*background-image:url(/images/back-menu-opac.gif);
	background-repeat:repeat-x;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
}
.first{

	}

#nav li { /* all list items */
	width: 87px; /* width needed or else Opera goes nuts */
	border-bottom: 1px solid #8E6137;
	margin-bottom: 14px;
}


.none {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* added b/c a background color -- also putting the\*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/*

/* 
Notes
1) added clearfix b/c background color was not showing in Firefox - opera - i think there was another fix but went with this one --> the fix is
that you add a class="clearfix" to the main div float box so that it will expand to the height of the inside floats.
2) left off adding ids to allcolums to get rid of gap tabove middle colun but now bottom colum padding is double in IE
3) right column of main body taken from float description from http://css.maxdesign.com.au/floatutorial/introduction.htm
4) with right column - when using a float and have float children the main float (right_cloumn needs height: auto for content to fill but 
FF, etc sees the float as above so feels nothing is in, add so children need no height to my knowledge
5) general note -using <p> allow you to give different styles to each if choose
*/
.menu, 
.menu ul { /* all lists */
	padding: 0;
	margin-left: 20px;
	margin-top: 32px;	
	margin-right: 0;	
	margin-bottom: 0;		
	list-style: none;
	line-height: 1;
	width: 100px;

}

.menu a {
	display: block;
	width: 87px;

}
.menu a.item {
	color: #666;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:22px;
	padding-top: 0px;
}
.menu a.item:hover {
	text-decoration: none;
	color:#8E6137;
	/*background-image:url(/images/back-menu-opac.gif);
	background-repeat:repeat-x;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
}


.menu li{ /* all list items */
	width: 87px; /* width needed or else Opera goes nuts */
	border-bottom: 1px solid #8E6137;
	margin-bottom: 12px;
		color: #666;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:auto;
	padding-bottom: 0px;
}
.menu li a:link,
.menu li a:visited{ /* all list items */
	width: 87px; /* width needed or else Opera goes nuts */

	margin-bottom: 12px;
	_margin-bottom: 7px;
	color: #666;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:auto;
	padding-top: 0px;
}
.menu li a:hover{ /* all list items */
	width: 87px; /* width needed or else Opera goes nuts */

	margin-bottom: 12px;
	_margin-bottom: 7px;
	color: #8E6137;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:auto;
	padding-top: 0px;
}
.menu li a:active{ /* all list items */
	width: 87px; /* width needed or else Opera goes nuts */

	margin-bottom: 12px;
	_margin-bottom: 7px;
	color:#000;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	height:auto;
	padding-top: 0px;
}

/* ---------------------
text css
--------------------- */

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.contentheading {
/*	font-family:"Times New Roman", Times, serif;
	height: 25px;
	padding-top: 4px;
	padding-bottom: 14px;
	color: #000000;
	font-weight: normal;
	white-space: nowrap;
	text-transform:normal;
	font-size: 27px;*/
		color:#9C693C;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.componentheading {
	color:#9C693C;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 14px;
}
.contentheading_cs {
/*	font-family:"Times New Roman", Times, serif;
	height: 25px;
	padding-top: 4px;
	padding-bottom: 14px;
	color: #000000;
	font-weight: normal;
	white-space: nowrap;
	text-transform:normal;
	font-size: 27px;*/
		color:#333333;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size: 19px;
	padding-top: 4px;		
}
.componentheading_cs {
	color:#9C693C;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 14px;	
}
.small {
	font-size: 11px;
	margin-bottom: 10px;
	}
.readon_cs{
	font-size: 11px;
	}
ul {
	list-style-position:inherit;
	list-style-type:disc;
	margin-left: 4px;
	padding-left: 1em;


	}
li {
	margin-bottom: 12px;
	}