body	{
		margin: 0 auto;
		font-family: garamond, georgia, "times roman", serif;
		font-size: 12pt;
		color: #333;
/*		background: #777; */
		background: url(page-bg2.jpg) repeat-x top center #efefef fixed;
		}
#container {
		display: block;
		position: relative;
		clear: both;
		min-width: 500px;
		max-width: 800px;
		height: 100%;
		min-height: 100%;
		margin: 0 auto;
		padding: 7px 10px;
		background: #fff;
		color: #333;
		}
#logo	{
		display: block;
		position: relative;
		background: url(masthead2.jpg) center top no-repeat #fff;
		color: #333;
		width: auto;
/* for placing the logo & text */		
		padding: 30px 0 0px 0;
		text-align: center;
		}
#branding {
		display: block;
		position: relative;
		float: right;
		background: url(branding-bg.jpg) bottom center repeat-x #fc3;
		color: #333;
		height: 30px;
		width: 100%;
		padding: 5px 0 0 0;
		text-align: center;
		vertical-align: middle;
		border-top: solid 1px #ccc;
/*		border-bottom: solid 1px #ccc; */
		font-size: 1.2em;
		}
#nav	{
		display: block;
		position: relative;
		float: left;
		clear: right;
		width: 100%;
		margin: 0;
		padding: 0;
		}
#nav ul	{
		display: block;
		border-left: solid 1px #999;
		border-top: /* solid 2px #393; */ none;
		border-bottom: solid 1px #999;
		padding: 0;
		margin: 0 0 10px 0;
		}
#nav li	{
		list-style-type: none;
		margin: 0;
		padding-top: 1px;
		}
#nav a	{
		display: block;
		position: relative;
		border-bottom: solid 1px #555; 
		padding: 7px 20px;
		background: #6c6;
		font-family: verdana, arial, sans-serif;
		font-size: 0.7em;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		}
#nav a:hover, a.current {
		background: url(figure-nav.gif) 90% center  no-repeat #5b5 !important;
		color: #ff0 !important;
/*		border-left: solid 4px #444 !important; */
		padding-left: 0px !important; /* <---- did not validate as "-3px" !  */
		}
#nav a.last {
		border-bottom: none;
		}
#contentBox {
		display: block;
		position: relative;
		float: right;
		clear: left;
		padding: 0;
		width: 100%;
		height: auto;
		background: url(figure-lg.jpg) left bottom no-repeat #fcfcfc;
		color: #333;	
		}
#mainContent {
		display: block;
		position: relative;
		float: left;
		clear: right; 
		width: 66%;
		height: auto;
		padding: 10px 0 0 30px;
		color: #333;
/*		border-left: solid 1px #eee; */
		}
#secondaryContent {
		padding: 0;
		margin: 0;
		display: block;
		position: relative;
		float: right;
		width: 25%;
		height: auto;
 		background: url(sidebar-bg.jpg) left top repeat-y #eee;
		border-left: solid 1px #999;		
/*		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ccc;
*/		}
#footer {
		display: block;
		position: relative;
		float: left;
		clear: both;
		height: 30px;
		background: url(footer-bg2.jpg) bottom center no-repeat #cce;
		color: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0 0 0;
		border-top: solid 1px #aaa;
		font-size: 0.9em;
		}
h1, h2, h3, h4		{
		font-family: papyrus, sans-serif;
		font-weight: normal;
		margin: 5px 10px;
		display: block;
		}
h1		{
		font-size: 1.5em;
		color: #007;
		}
h2		{
		color: #69c;
		border-bottom: solid 1px #eee;
		}
h3		{
		color: #4a4;
		}
p		{
		font-size: 0.9em;
		padding: 0 10px;
		}
a		{
		background: none;
		color: #369;
		text-decoration: underline;
		}
a:hover	{
		background: none;
		color: #69c;
		text-decoration: none;
		}