Modified standard 3-col liquid layout (wwwSamples/three-col.htm) to single column
Using tables to divide cetercontent
Adding lower_navigation
Adding credits  



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091604;
	background-color: #778C49;
	margin: 10px;
}


#Layer1 {
	width:125px;
	height:175px;
	z-index:2;
	top: 100px;
	float: right;
	margin-right: 50px;
	clear: left;
	margin-left: 15px;
}
.address {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.intro {
	font-size: 16px;
	}
	#centercontent {
	border:0px solid #000;
	margin-top: 0px;
	border-left: 0px solid #000;
	background: #FAF9EF;
		}
	html>body #centercontent {
	margin-left: 0px;
	top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

		}
		
	#banner {
	background-repeat:repeat;
	border-top:0px solid #000;
	border-right:0px solid #000;
	border-left:0px solid #000;
	width: 100%;
		}
	html>body #banner {
	height:225px;
	background-image: url(images/masthead_bg_mar_20.gif);
	background-repeat: repeat-x;
	background-position: bottom;
		}
		
	p,h1,pre {
	margin:0px 30px 10px 10px;
	color: #282813;
		}
		
	h1 {
	padding-top:10px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 10px;
		}
#centercontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2C4554;
	margin-left: 10px;
}
#content li {
	list-style-type: square;
}

#centercontent li {

}
#content a {
	color: #FAF9EF;
	text-decoration: none;
}

#centercontent img {
	border: 0px solid #6D5E4B;
}
#content a:visited {
	color: #333333;
	text-decoration: none;
}
#centercontent table {
	border-collapse: collapse;
}

#content a:hover {
	color: #4D0E19;
	text-decoration: none;
}

#credits {
	position:relative;
	height:48px;
	z-index:1;
	font-size: 10px;
	text-align: center;
	background-color: #EFECCA;
	padding: 5px;
	border: solid #6D5E4B 1px;
}
#credits a {
	color: #4D0E19;
}
#centercontent .welcome {
	font-size: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
}
#credits a:visited {
	color: #4D0E19;
}
#credits a:hover {
	color: #2B090E;
}
#portfolio {

	border:0px solid #000;
	background: #86765C;
	margin-top: 3px;
	border-left: 0px solid #000;
}
html>body #portfolio {

	margin-left: 0px;
	margin-right:0px;
	top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px
}
#portfolio li {
	display: inline;
	list-style-image: none;
	background-color: #254B00;
	padding-right: 40px;
	color: #D1BCB8;
	font-weight: bolder;
	padding-top: 10px;
	font-size: 14px;
}
#portfolio a {

	color: #E7BD4D;
	text-decoration: none;
}
#portfolio a:visited {

	color: #C2951B;
	text-decoration: none;
}
#portfolio a:hover {

	color: #4D0E19;
	text-decoration: none;
}
#portfolio table {

	border-collapse: collapse;
}

.navigation_index {
	font-size: 120%;
	color: #000000;
	font-weight:normal;
	letter-spacing: 0px;
	text-align: left;
	margin-left: 0px;	
}
#centercontent .navigation_index ul {
	list-style-type: none;
	border-bottom: none;
}
#centercontent .navigation_index li {
	display: inline;
	padding-bottom: 7px;
	border-bottom: 1px solid;
	border-bottom-color:#893431;
	padding-top: 7px;
	display: block;
	vertical-align: middle;
	background-color: #4C7892;
	color: #A7A37E;
	font-weight: bolder;
	padding-right: 40px;
	padding-top: 10px;
	font-size: 14px;	
}
#centercontent .navigation_index a {
	color:#EFECCA;
	padding-left:25px;
	background: url(images/nav_sq.gif) no-repeat bottom left;
	margin-left: 5px;
	font-size: 14px;
	padding-top: 10px;
	text-decoration: none;
}
#centercontent .navigation_index a:hover {
	text-decoration:none;
	background: url(images/nav_sq_inv.gif) no-repeat bottom left;
	padding-left:25px;
	color: #893431;
	font-size: 14px;
	padding-top: 10px;
	text-decoration: none;
}
#centercontent .lower {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#centercontent #content li {
	list-style-type: square;
}
#centercontent #content a {
	color: #263D4A;
	font-weight: bold;
}
#centercontent #content a:hover {
	color: #335262;
	font-weight: bold;
}
#centercontent h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-left: 30px;
}
#Layer2 {
	width:200px;
	height:180px;
	z-index:2;
	top: 0px;
	float: left;
	margin-right: 0px;
	clear: right;
	margin-left: 0px;
	margin-bottom: 15px;
}
#content .embedded_table {
	background-color: #4D7A94;
	border-collapse: collapse;
	border: solid #999999 1px;
}
#content .embedded_table td {
	font-weight: bold;
	padding-left: 10px;
}

#content p {padding-right:30px;}
#content  {padding-right:30px;}

.tag_img {margin-left: 200px;}

h5 {
	padding-top:10px;
	padding-left: 10px;
	font-size: 12px;
	font-weight:bold;
}