html {
	margin: 0;
	padding: 0;
	font-family: Arial, "Arial CE", sans-serif;
	font-size: 16px;
	color: #313131;
	height:100%;
}
body {
	font-size: .8em;
	margin: 0;
	height:100%;
}
.body-content {
	min-height:100%;
	position:relative;
}
.main-footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height:125px;
}
#header {
	background: url('../images/bg-green-strip.png') bottom left repeat-x #688c2e;
	position: relative;
	z-index: 1000;
	padding-top:6px;
	height: 37px;
}
.centered-container {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

#content .centered-container {
	position: static;
}

#content {
	padding: 1em 5px;
	background: url('../images/bg-grey-content.png') repeat-x top #fff;		
	font-size: .95em;
	
}

#bottom {
	background: url('../images/bg-content-bottom.jpg') no-repeat center top;		
	height: 20px;
}

#footer {
	background: url('../images/bg-grey-footer.jpg') repeat-x bottom #dddddd;
	position: relative;
	color: #313131;
	font-size: 85%;
	height:105px;
	
}


#overlay {
	background-color: #000000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	display: none;
	position: fixed;
	_position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 3800;
}

* html #overlay {
	height: 100%;
}

/* helpers */
.clear {
	clear: both;
	height: 0;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

.align-left {
	text-align: left !important;
}

DIV#text-content,
DIV#right-sidebar,
DIV#left-sidebar {
	padding-bottom:125px;
}

/* ADVANCED - three columns - with hide right-sidebar*/
DIV#advanced-content DIV.wide {
	width: 750px !important;
	margin: 1em 0 0 19px;
	float:left;
}
/* ADVANCED - three columns - with hide menu-sidebar*/
DIV#simple-container DIV.wide-right   {
	width: 670px !important;
	margin: 1em 0 0 19px;
	float: left;
}