@import url("text.css");
@import url("nav.css");

html,body {
	margin:0;
	padding:0;
	height:100%;
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#222222;
	background-color: #7b696e;
}

.container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background-color:#00CCCC;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	margin: 0 auto;
}
.container_16 .grid_4 {
	width:220px
}
.container_16 .grid_8 {
	width:460px
}
.container_16 .grid_12 {
	width:700px
}
.container_16 .grid_16 {
	width:940px
}
.container_16 .grid_1 {
	width:40px
}
.container_16 .grid_2 {
	width:100px
}
.container_16 .grid_3 {
	width:160px
}
.container_16 .grid_5 {
	width:280px
}
.container_16 .grid_6 {
	width:340px
}
.container_16 .grid_7 {
	width:400px
}
.container_16 .grid_9 {
	width:520px
}
.container_16 .grid_10 {
	width:580px
}
.container_16 .grid_11 {
	width:640px
}
.container_16 .grid_13 {
	width:760px
}
.container_16 .grid_14 {
	width:820px
}
.container_16 .grid_15 {
	width:880px
}
/* ****** structure ****** */

#content {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-color:#FFFFFF;
}
#header {
	margin: 0px auto;
	background-color: #FFFFFF;
}
#headerTitle{
	float: left;
	margin: 0px;
}
#headerLogo {
	float: right;
	margin: 0px;
	text-align: right;
}
#nav {
	background-color: #d31145;
	height: 21px;
}
#subNav {
	background-color: #d31145;
	height: 21px;
}
#topPanel {
	margin: 0px auto;
}
#topHomeColTwo {
	float: right;
	height: 407px;
	margin: 0px 60px 0 0px;
	padding-top: 10px;
}
.ie6 #topHomeColTwo {
	margin: 0px 30px 0 0px;
}
#topColTwo {
	float: right;
	margin: 0px 60px;
	padding-top: 10px;
}
.ie6 #topColTwo {
	margin: 0px 30px 0 0px;
}
#topColOne {
	float: left;
	height: 417px;
	margin: 0px;
	background-color: #e6e6e6;
}
.cameo {
	margin: 3px 0 0;
}
.cameo_s {
	margin: 10px 0 10px;
}
.cameoEnd {
	margin-top: 0px;
}
#main {
	margin: 0px auto;
	padding: 15px 0;
}
.mainCol1 {
	float: left;
	margin: 10px  80px 0 0px;
}
.mainCol1b {
	float: left;
	margin: 10px  0 0;
}
.mainCol2 {
	float: left;
	margin: 10px  10px 0 0px;
}
.mainCol2b {
	float: left;
	margin: 10px  0 0;
}
.mainCol3 {
	float: left;
	margin: 10px  20px 0 0px;
}
.mainCol3b {
	float: left;
	margin: 10px  0 0;
}
.mainSpacer {
	height: 19px;
	background-image: url(../pix/greyLine.gif);
	background-repeat: repeat-x;
}
#mainCS {
	margin: 0px;
	padding: 25px 0;
}

#bottompanel {
	margin: 0 auto;
	padding:10px 0 60px 0; /* bottom padding for footer */
	background-image: url(../pix/bk-main.gif);
	background-repeat: repeat-y;
}
#footer {
	position:absolute;
	margin:0 auto;
	height:50px;
	bottom:0;
	left:50px;
	background-color:#FFFFFF;
	text-align:center;
}
/* tidying */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}