/* **************** TEMPLATE ***************** */

* {
	background-image:none;
	margin:0;
	padding:0;
	z-index:1;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; }

/* === BACKGROUND IMAGE ===*/
#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
	position:absolute;
	top:0px;
	left:0px;
	z-index:70;
	overflow:auto;
	width:100%;
	height:100%;
	visibility: visible;
	clear:both;
}

/* ====== Page Head, Body, and Foot ====== */

body {
	margin:0px;
	font-size:80%;
	background-color:#222222;
}

.page {
	margin:35px 0px 0px 440px;
	width: 725px;
	float:left;
}
/* ====== Columns ====== */

.padLeft {
	padding-left:20px;
}
.noPadLeft {
	padding-left:0px;
}
.padRight {
	padding-right:20px;
}
/* extend columns to allow for common column widths */

.w110 {
	width:110px;
}
.w160 {
	width:160px;
}
.w180 {
	width:180px;
}
.w280 {
	width:280px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w460 {
	width:460px;
}

.wMax {
	width:100%;
}
/* **************** GRIDS ***************** */

.line, .lastUnit {
	overflow: hidden;
}
.unit {
	float:left;
	z-index:1;
}
.unitExt {
	float:right;
}
.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
/* extending grids to allow a unit that takes the width of its content */

.media {
	width:auto;
}
/* **************** GRIDS ***************** */

.header {
	background: url(../images/purple.png) repeat;
	height:125px;
	z-index:1000;
	float:left;
}
.logo {
	width:195px;
	margin:5px 0px 0px 0px;
	float:left;
}
.navigation {
	padding:5px 0px;
	height:15px;
	color:#fff;
	background: url(../images/black-bg-50.png) repeat;
	position:absolute;
	left:580px;
	top:90px;	
	width:450px;
}

.homeText {
	margin:0px 0px 0px 40px;
	height:auto;
	background:url(../images/purple.png) repeat;
	z-index:-1000;
	padding-bottom:40px;
	float:left;
	position:absolute;
	top:0;
	left:0;
}

.box {
	background:url(../images/purple.png) repeat;
	width:215px;
	height:110px;
	padding:10px;
	margin:0px 20px 20px 0px;
}

.midbox {
	background:url(../images/purple.png) repeat;
	width:215px;
	height:auto;
	padding:10px;
	margin:0px 20px 20px 0px;
}

.bigbox {
	background:url(../images/purple.png) repeat;
	width:310px;
	height:auto;
	padding:10px;
	margin:0px 20px 20px 0px;
}

.bigestbox {
	background:url(../images/purple.png) repeat;
	width:auto;
	height:auto;
	padding:10px;
	margin:0px 20px 20px 0px;
}

.footer {
	padding:15px 0px;
	font-size:90%;
	margin:0px auto;
	clear:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
