body
{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
html
{
	background-color: #fefefe;
}
#Wrapper
{
	margin: 0 auto;
	width: 90%;
	height: 100%;
	max-width: 1200px;
	text-align: left;
}
#header
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
/*-------------- Top banner ----------------*/
.topbanner
{
	background: #ff9;
	margin-top:-10px;
}
.topbanner .colleft
{
	float: left;
	width: 200%;
	margin-left: -652px;
	position: relative;
	right: 100%;
	background: #fff;
}
.topbanner .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
}
.topbanner .col1
{
	margin: 0 0 0 652px;
	min-width:270px;
	overflow: hidden;
}
.topbanner .col2
{
	float: right;
	width: 625px;
	position: relative;
	left: 650px;
}
/*----------------- 3 column -----------------*/
#colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	z-index: 0;
}
#colmid
{
	float: left;
	width: 200%;
	position: relative;
	left: 266px;
}
#colright
{
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -530px;
}
#col1wrap
{
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
	border-right: dotted 1px #3B5998;
	margin: 14px 0 0 0;
}
#col1pad
{
	margin: 0px 20px 0 480px;
	overflow: hidden;
}
#col1
{
	width: 100%;
	overflow: hidden;
}
#col2
{
	float: left;
	width: 200px;
	position: relative;
	margin-left: -50%;
	left: 265px;
	overflow: hidden;
}
#col3
{
	float: left;
	width: 250px;
	position: relative;
	left: 14px;
	overflow: hidden;
	margin-top: 6px;
}
#footer
{
	clear: both;
	float: left;
	width: 100%;
	padding: 35px 0 0 0;
	margin: 0;
	height: 25px;
	font-size: 0.9em;
	text-align: right;
}
/*----------------- 2 column -----------------*/
.rightmenu
{
	background: #ff9;
}
.rightmenu .colleft
{
	float: left;
	width: 200%;
	margin-left: -280px;
	position: relative;
	right: 100%;
	background: #fff;
}
.rightmenu .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.rightmenu .col1
{
	margin: 10px 0 0 285px;
	overflow: hidden;
}
.rightmenu .col2
{
	float: right;
	width: 250px;
	position: relative;
	left: 280px;
	margin-top:10px;
}