<!-- Credit to this CSS goes to http://www.maxdesign.com.au/articles/css-layouts/three-fixed/ -->

#WholePageContainer 
{
	margin: 0 auto;
	width: 970px;
	background: #fff;
}


#Header
{
	background: #ccc;
	padding: 10px;
	width: 950px;
}

#Header h1 
{ 
	margin: 0; 
}

.MenuBar 
{
	clear: left;
	float: left;
	width: 970px;
	background: #024074;
	height: 1%;
}

.MenuBar ul 
{
	margin: 0;
	padding: 0;
}

.MenuBar ul li 
{
	list-style-type: none;
	display: inline;
}

.MenuBar li a 
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size:12pt;
}

.MenuBar li input {
        display: block;
        background:none;
        margin:0;
        border:0;
        float: left;
        padding: 5px 10px;
        color: #fff;
        text-decoration: none;
        border-right: 1px solid #fff;
        font-family:"Times New Roman",serif;
        font-size:12pt;
        cursor:pointer;
}

.MenuBar li a:hover 
{ 
	background: #0480E8; <!-- Normal color #024074 times 2 -->
}

.MenuBar li input:hover
{
        background: #0480E8; <!-- Normal color #024074 times 2 -->
}

.MenuBar li span
{
	display: block;
	float: right;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}


.TextButton:hover { color:red; }


#BetweenMenus
{
	float: left;
	width: 970px;
}


.Column-Left
{
	float: left;
	width: 160px;
	padding: 10px 0;
	<!--margin: 0 10px 0 10px;  right was: margin: 0 10px 0 0; -->
	display: inline;
	margin-left: 10px;
}

.Column-Right
{
	float: right;
	width: 160px;
	padding: 10px 0;
	<!--margin: 0 10px 0 10px; 	 right was: margin: 0 10px 0 0; -->
	display: inline;
	margin-right: 10px;
}

.Column-Center
{
	float: left;
	width: 560px;
	padding: 10px 0;
	margin: 0 0 0 30px;
}

.Column-Center h2 
{ 
	margin: 0; 
	text-align: center;
}


button {
	cursor: hand;
}