/* <![CDATA[ */
/* column container */
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	padding-bottom: 17px;
}
/* common column settings */
.colright, .colmid, .colleft {
	float: left;
	width: 100%; /* width of page */
	position: relative;
}
.col1, .col2, .col3 {
	float: left;
	position: relative;
	padding: 0px 0px 1em 0px; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}
/* 3 Column settings */
.threecol {
/*	background: #eeeeee; right column background colour */
}
.threecol .colmid {
	right: 33.33%; /* width of the middle column */
/*	background: #ffffff; center column background colour */
}
.threecol .colleft {
	right: 33.33%; /* width of the left column */
/*	background: #f4f4f4; left column background colour */
}
.threecol .col1 {
	width: 33.33%; /* Width of left column content (column width minus padding on either side) */
	left: 33.33%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col2 {
	width: 33.33%; /* width of center column content (column width minus padding on either side) */
	left: 100%; /* 100% plus left padding of center column */
}
.threecol .col3 {
	width: 33.33%; /* Width of right column content (column width minus padding on either side) */
	left: 66.66%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.col-wrapper1 {
	padding: 0px 10px 0px 0px;
}
.col-wrapper2 {
	padding: 0px 10px 10px 10px;
}
.col-wrapper3 {
	padding: 0px 0px 0px 10px;
}
.col-content {
	padding: 0px 15px 0px 15px;
	border: 1px solid #c0c2c2;
}
.col-content h4 {
	margin: 10px 0px 25px -10px;
}
.circle {
	list-style-type: circle;
	text-align: left;
	margin-left: -11px;
	margin-top: -19px;
	margin-bottom: 18px;
}
div.vspace96 {
	line-height: 96px;
}
.sidebar {
	margin: 28px 1px 28px 1px;
	padding: 0px;
}
.sidebar h4 {
	margin: 0px 0px -2px 0px;
}
.center h4 {
	display: inline;
	position: relative;
	text-align: center;
	font-size: 18px;
}
.sidebox {
	float: right;
	margin: 0px 0px 0px 18px; /* possible need for browser detection */
	text-align: center;
	padding: 0px;
	width: 340px;
	border: 0px solid #c0c2c2;
}
.sidebox-left {
	float: left;
	margin: 6px 0px 0px 0px; /* possible need for browser detection */
	text-align: center;
	padding-bottom: 12px;
	width: 340px;
	border: 0px solid #c0c2c2;
}
/*	.sidebox-left:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } */
.articles-right {
	float: right;
	text-align: justify;
	width: 320px; /* 28.4%
	max-width: 388px; */
	border: 1px solid #c0c2c2;
	padding-right: 12px;
	margin-top: 4px;
}
.articles-right h4 {
	margin: 0px 0px -1px 3px;
}
.articles-circle {
	list-style-type: circle;
	text-align: left;
	margin-left: 4px;
	margin-top: 6px;
	margin-bottom: 16px;
}
/* ]]> */