html, body { height:100%; }
body { 
	text-align: center; /* necessary to achieve centered layout for IE5/Win */
	background:#0f0100 url(../graphics/BrownWorldMap_10.jpg) top center no-repeat fixed;
}
#everything {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em;
	margin-left: auto;
	margin-right: auto;
	width:760px;
}
.push,
.footer {
	height: 3em;
}

#header {
	height:110px;
	width:760px;
	padding:1px 1px 5px 1px;
}
#logo{
	float:left; 
	display:inline;
	margin-left:-7px;
	padding-top:10px;
}
#content {
	background: none;
	position: relative; 
	z-index:1; 
	text-align:left; 
	margin:0; 
	padding:5px 20px 10px 0;
	width:758px;  
	/* border:1px dotted green;*/
}

.footer {
	position: relative;
	width: 758px;
	margin: 0 auto;
	font-size:0.8em;
	padding-top:0.8em;
	text-align:center;
	border-top: 1px solid #e6ca86;
}
#leftfoot{float:left;}
#rightfoot{float:right; color:#e6ca86;}

.homeleftcolumn {
	width:538px;
	background:none;
	margin:0;
	padding:0 0 20px 0;
	float:left;
	}
.homerightcolumn {
	width:218px;
	background:none;
	margin:0;
	padding:10px 0 40px 0;
	float:right;
}
.leftcolumn {
	width:538px;
	background:none;
	margin:0;
	padding:0 10px 20px 0;
	float:left;
	}
.rightcolumn {
	width:210px;
	background:none;
	margin:0;
	padding:25px 0 40px 0;
	float:right;
	}
/*
NEED TO change box background images using three sections top mid and bottom
*/
.box{
	/* background: #FFFFCC; for testing only*/ 
	margin-bottom:10px;
	width:210px;
}
.boxtop{
	min-height:92px;
	width:210px;
	margin-bottom:-10px;
	padding:0; 
	background: #000 url(../graphics/boxtop-210.gif) top left no-repeat;
	/*
	height:auto !important; 
	height:1%; *//* IE Holly Hack */ 
}
.box  h3{padding:8px 10px 5px 10px;}
.box  p  {padding:0px 10px 0px 10px;}
.boxbot{
	min-height:14px;
	width:210px;
	padding:0; 
	margin:0;
	background:url(../graphics/boxbot-210.gif) top left no-repeat;
}


	
.rightcolumnwide {
	width:250px;
	background:none;
	margin:0;
	padding:20px 0 20px 0;
	float:right;
	}
.bioleftcolumn {
	width:470px;
	background:none;
	margin:0;
	padding:0 20px 20px 0;
	float:left;
	}
.biorightcolumn {
	width:230px;
	background:none;
	padding:5px 0 20px 0;
	float:right;
	}
.biorightcolumn img {
	border:none;
	}
.altleftcolumn {
	width:350px;
	background:none;
	margin:0;
	padding:0 20px 20px 0;
	float:left;
	}
.altrightcolumn {
	width:350px;
	background:none;
	margin:0;
	padding:5px 0 20px 0;
	float:right;
	}
.fullcolumn {
	width:750px;
	background:none;
	margin:0;
	padding:0 0 20px 0;
	float:left;
	}

/* style for photo gallery page - see also slimbox2.css */

#thumbgallery {
	}
img.thumbnail {
	margin: 0px 10px 10px 0px;
	}
