/* CSS Document */

*
{
	padding: 0;
	margin: 0;
}

html, body 
{
	height: 95%;
}

body
{
	text-align: center;
	background-image: url(../Site%20Images/BackgroundImg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
html>body /* For FF to solve the shorter than content height window problem */
{
	min-height: 95%;
}

#wrapper
{
	width: 700px; /* This two lines must go togher to center in FF*/
	margin: 30px auto auto auto;
	height: 100%;
	/*border: green 1px solid; */
	/*position: relative;*/
}

#navtop
{
padding-bottom:20px;
}
#wrapper .MainBody /* Seems not necessary to introdue this layer */
{
	height: 100%;
}

#wrapper .MainBody .Lcolumn
{
	width: 280px;
	text-align: left;
	float: left; 
}

#wrapper .MainBody .Rcolumn
{
	margin-left: 95px;
	width: 280px;
	float: left;
}

#wrapper .MainBody .Gutter /* This one guarantee a minimum height */
{
	width: 1px;
	height: 450px;
	height: 83%;
	float: left;
	/*background-color: Olive;*/
}

#wrapper .MainBody .SmlLogo
{
	width: 250px;
	height: 133px;
	float: right;
}

#wrapper .MainBody .NavBox
{
	padding-top: 30px;
	height: 60px;
	clear: both; /* The key for bottom nav layout*/
	/*
	text-align: center;
	position:absolute;
	bottom: 0;
	left: 200px;*/
}

#layoutTable
{
	height: 100%;
}