/*CHP 2 col layout*/
* { padding: 0; margin: 0; }
body {
 font: normal 12px times, serif; 
 color:#333;
 line-height:0.5cm;
 background-color:#fff;
 background-image:url(images/background.jpg); 
 background-repeat:repeat;
 text-align:center; /* this centers the entire layout IE5-Win kludge */
}
#wrapper { 
 margin-top:2em;
 margin-right:auto;
 margin-bottom:0;
 margin-left:auto;
 width: 822px;
 background-color:#edeccc; /*#e6e5b1;old #C9CEA5;*/
 border: 1px solid #493929;/*dark brown*/;
}
#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 10px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background-color:#edeccc;
}
#navigation ul{
 float: left;
 width: 100%;
 padding:0;
 margin:0;
 background-color:#493929;/*dark brown*/
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 }
#navigation a{ 
 display:block; 
 color:#f6f5ea; /*green rollover #f6f5ea;*/
 }
#navigation ul li{ 
 display:inline;
 }
#navigation ul li a{
 padding:0.2em 3em;
 text-decoration:none;
 color:#f6f5ea;
 float:left;
 }
#navigation ul li a:link{
 color:#f6f5ea;
 }
#navigation ul li a:visited{
 color:#f6f5ea;
 }
#navigation ul li a:hover{
 background-color: #c96; /*was #9db56f; #e8e7c7;*/
 color:#330; /*darkest green*/
 }
#navigation ul li a:active {
 background-color: #c96; /*was #e8e7c7;*/
 color:#330; /*darkest green*/
 }
#leftcolumn { 
 color: #333;
 margin: 1px 0px 0px 10px;
 padding: 12px;
 height: 350px;
 width: 210px;
 float: left;
 text-align:left;
}
#leftcolumn ul {
 padding-left: 20px; 
 list-style-type:disc;
}
#leftcolumn ul li {
 padding-left: 5px; 
 background-image: none;
}
.leftbox2 {
	display: block;
	background-color:#e2debf; /* #e8e7c7;*/
	/*position:absolute;
	top:660px; was 544px;*/
	padding:10px; 
	width: 180px;
	border: 1px solid #a4b388;
	}
.leftbox3 {
	display: block;
	background-color:#879476;
	position: absolute;
	padding:0; 
	top:500px;
	width:23%;
	text-align:left;
	border: 1px dashed #726c6a;
	}
#rightcolumn { 
 float: right;
 margin: 0;
 padding: 0 0 10px 0;
 width: 568px;
 text-align:left;
}
#footer { 
 clear: both;
 border-top:1px dotted #666; 
 background-color:#493929;/*dark brown*/
 font: 9px Verdana, Arial, Helvetica, sans-serif;
 color:#f6f5ea;
 padding:5px;
 text-align:center;
 }
#footer a:link{
 color:#f6f5ea;
 }
#footer a:hover, a:visited{
 color:#E9E1DF;
 }
_______________________
*** text styles ***
_______________________
h1,h2,h3,h4 {
 margin: 0;
 padding:0;
 }
h1 {
 padding-bottom:4px;
 color:#493929; /*dark brown*/
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 }
h2 {
 padding-bottom:4px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
 color:#933;
 }
h3 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:13px;
 font-weight:bold;
 color:#669; }
h4 {
 font-family:Arial, sans serif;
 font-size:14px;
 font-weight:bold;
 color:#933;
  
 }
h5 {
 padding:0 0 2px 0;
 color:#666; /*charcoal*/
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:11px;
 font-weight:normal;
 }
.byline {
padding: 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
font-style:italic;
}
a:link {color:#669; text-decoration:underlined; font-weight:bold;
}
a:visited {color:#669; text-decoration:underlined; font-weight:bold;}
a:hover {color:#966; text-decoration:underlined; font-weight:bold;}
a:active  {color:#966; text-decoration:underlined; font-weight:bold;}
______________________
*** project images ***
______________________
.clearboth { clear: both; }
.details {
float: left;
margin: 0 6px 6px 0;
padding:0;
border:1px solid #666;
 }
______________________