html, body, form
{
	margin: 0;
	padding: 0;
	height: 100%;
	font: 100% "Century Gothic" , "Apple Gothic" , "Lucida Grande" , Helvetica, Arial, Verdana, sans-serif;
}
#container
{
	min-height: 100%;
	position: relative;
}
#header
{
	/*background: #ff0;*/
	padding: 0;
}
#body
{
	padding: 10px 45px 60px 45px; /*padding-bottom: 60px;  Height of the footer */
}
#footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Height of the footer */
	background: #efefef; /*clear:both;*/
	font: 100% "Century Gothic" , "Apple Gothic" , "Lucida Grande" , Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
}
#logoBar
{
	height: 90px;
	width: 100%;
}
#headBar
{
	height: 100px;
	/*width: 100%;*/
	background: #fff url(/images/filv.jpg) repeat-x;
	padding: 0 45px 0 45px;
	color: #fff;
}
#headBar H1
{
	font: 160% "Century Gothic" , "Apple Gothic" , "Lucida Grande" , Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}
#headBar H2
{
	font: 120% "Century Gothic" , "Apple Gothic" , "Lucida Grande" , Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}
#cols
{
	min-height: 100%;
	height: 100%;
}
#leftCol
{
	min-height: 100%;
	height: 100%;
}
#rightCol
{
	height: auto !important;
	height: 100px;
	min-height: 100px;
	width: 200px;
	background-color: #e3efff;
	float: right;
}
#body
{
	min-height: 100%;
}






#container3
{
	float: left;
	width: 100%;
	background: green;
	overflow: hidden;
	position: relative;
}
#container2
{
	float: left;
	width: 100%;
	background: yellow;
	position: relative;
	right: 30%;
}
#container1
{
	float: left;
	width: 100%;
	background: red;
	position: relative;
	right: 40%;
}
#col1
{
	float: left;
	width: 26%;
	position: relative;
	left: 72%;
	overflow: hidden;
}
#col2
{
	float: left;
	width: 36%;
	position: relative;
	left: 76%;
	overflow: hidden;
}
#col3
{
	float: left;
	width: 26%;
	position: relative;
	left: 80%;
	overflow: hidden;
}