@import 'navigation.css';
@import 'global.css';

/* -------------------
Layout - centered pad of fixed width containing different blocks
----------------------*/

/* main blocks */
body {
	text-align: center;
	margin: 0;
	padding: 0;
}
#wrapper {
	text-align: left;
	width: 800px !important;
	margin: 20px auto;
}
#header {
	background: #f9f8dc;
	margin: 0;
}
#banner {
	margin: 3px 20px;
	text-align: center;
}
#content {
	background: rgb(247,248,217); /* #f1f4cc; */
	border-right: 1px solid #bccf59;
	border-bottom: 1px solid #bccf59;
	border-left: 1px solid #bccf59;
	margin: 0;
	padding: 10px;
	height: 100%; /* for IE */
}
#content.tab2 {
	background: rgb(255,250,228); /* rgb(249,247,219) */
	border-right: 1px solid #fcd533;
	border-bottom: 1px solid #fcd533;
	border-left: 1px solid #fcd533;
}
/* Easy clearing of floats */
#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#content {
	display: inline;
}
/*\*/
#content {
	display: block;
}
/* end easy clearing */

#footer {
	clear: both;
	margin: 2em 0;
	text-align: center;
	color: rgb(198,134,56);
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* sub-elements that can be placed in main blocks, usually in the #content block */
.column1of3 {
	float: left;
	width: 29%;
	padding: 0 1em;
}
.column1of3 p,
.column600px p {
	text-indent: 2em;
}

.column1of2 {
	float: left;
	width: 50%;
}

.column178px {
	float: left;
	width: 178px;
}
.column600px {
	float: right;
	width: 590px;
}
#billboard {
	background: /*rgb(254,254,244);*/  #f1f4cc; 
	border-right: 1px solid #bccf59;
	border-bottom: 2px solid #719025;/**/
	border-left: 1px solid #bccf59;
	padding: 0.1em 1em 1em 310px;
	background-image:url(../graphics/point_leg_200h.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
#billboard h1 {
	margin:0;
}