/* **************** TEMPLATE ***************** */

* {
	background-image:none;
	margin:0;
	padding:0;
	z-index:1;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}


/* === 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:0;
		left:0;
    z-index:70;
    overflow:auto;
		width:100%;
		height:100%;
}

/* ====== Page Head, Body, and Foot ====== */

body {
	_text-align:center;
	margin:0px;
	font-size:80%;
	background-color:#222222;
}/* IE5.5 */

.body {
	_overflow:visible;
	_zoom:1;
	margin:0px;
}
.page {
	margin: 0 auto;
	width: 875px;
	_text-align:left;
} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */

.oldSchool {
	width:750px;
}
.gs960 {
	width:960px;
}
.liquid {
extends:.page;
	width: auto;
	margin:0;
}
/* ====== Columns ====== */

.main {
	overflow: hidden;
	_overflow:visible;
	_zoom:1;
}
.leftCol {
	float:left;
	width:250px;
	_margin-right:-3px;
}
.rightCol {
	float:right;
	width: 300px;
	_margin-left:-3px;
}
.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;
}
.w240 {
	width:240px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w460 {
	width:460px;
}
/* **************** GRIDS ***************** */

.line, .lastUnit {
	overflow: hidden;
	_overflow:visible;
	_zoom:1;
}
.unit {
	float:left;
	_zoom: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%;
}
.lastUnit {
	float:none;
	_position:relative;
	_left:-3px;
	_margin-right: -3px;
	width:auto;
}
/* extending grids to allow a unit that takes the width of its content */

.media {
	width:auto;
}
/* **************** GRIDS ***************** */

.socMedia {width:55px; float:right; margin:7px 10px;}

.header {
	background: url(../images/common/opacity70.gif) repeat;
	height:125px;
}
.logo {
	width:195px;
	margin:5px 0px 0px 0px;
	float:left;
}
.search {
	width:240px;
	height:42px;
	background:#111;
	margin:0px 40px 0px 0px;
	opacity: .65;
	filter: alpha(opacity=65);
	padding:5px 10px;
}
.navigation {
	padding:5px 0px;
	height:15px;
	float:right;
	color:#fff;
	background: url(../images/black-bg-50.png) repeat;
}

#searchf {
	margin:17px 5px 5px 16px;
	width:220px;
}
#submit {
	border:0px;
	background:none;
	color:#EEE;
	font-size:80%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	border:1px solid #555;
	padding:2px;
}
#field {
	border:1px solid #aaa;
	background:#666;
	width:170px;
	margin: 0px 0px 0px 10px;
	height:18px;
}
.search input.button:hover {
	color:#fff;
	cursor:pointer;
}
.search fieldset {
	border:medium none;
	display:inline;
	margin:10px 0px 0px 0px;
}
.breadcrumbs {
	padding:8px 0px 15px 0px;
}
.footer {
	padding:15px 0px;
	font-size:90%;
	margin:0px auto;
	clear:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
}




