/*==================================================================================*/
/* MEDIA ---------------------------------------------------------------------------*/
@media print {
	.printonly {
		display: block;
	}
	.screenonly {
		display: none;
	}
}

@media screen {
	.printonly {
		display: none;
	}
	.screenonly {
		display: block;
	}
}

/*==================================================================================*/
/* OVERRIDES -----------------------------------------------------------------------*/
BODY {
	margin: 0;
	padding: 0;
}

P, BODY, TD, DIV, SPAN, UL, OL, LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

H1 {
	display: block;
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #004367;
}

H2 {
	display: block;
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #004367;
}

H3 {
	display: block;
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004367;
}

H4 {
	display: block;
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004367;
}
HR {
	color: #CCC;
	background-color: #CCC;
	height: 0;
	border: 0 solid #CCC;
	border-top-width: thin;
}

FORM {
	margin: 0;
	padding: 0;
}

/*==================================================================================*/
/* SIZES ---------------------------------------------------------------------------*/
.size36	{ font-size: 36px; }
.size30	{ font-size: 30px; }
.size24	{ font-size: 24px; }
.size20	{ font-size: 20px; }
.size18	{ font-size: 18px; }
.size16	{ font-size: 16px; }
.size14	{ font-size: 14px; }
.size13	{ font-size: 13px; }
.size12	{ font-size: 12px; }
.size11	{ font-size: 11px; }
.size10	{ font-size: 10px; }
.size9	{ font-size: 9px; }

/*==================================================================================*/
/* LINKS ---------------------------------------------------------------------------*/
A:link, A:visited {
	color: #004367;
	text-decoration: none;
}
A:hover, A:active {
	color: #006FDA;
	text-decoration: none;
}

/*==================================================================================*/
/* DICTIONARY ----------------------------------------------------------------------*/
DL {

}
DT {
	font-weight: bold;
}
DD {
	margin-bottom: 1em;
}

/*==================================================================================*/
/* LAYOUT --------------------------------------------------------------------------*/
#pagewrapper {
	position: relative;
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#pageheader {
	position: relative;
	height: 90px;
	background-color: #004367;
}
	#pageheader DIV#logo {
		position: absolute;
		top: 0;
		left: 10px;
		width: 370px;
		/* use height, padding and overflow to hide text contents */
			height: 0;
			padding-top: 90px;
			overflow: hidden;
		/* end */
		cursor: pointer;
		background: transparent url('/images/main/logo1.gif') no-repeat left top;
	}
	#pageheader TABLE#pagetopper {
		border-collapse: collapse;
		border-spacing: 0;
		margin-top: 25px;
		margin-right: 33px;
	}
		#pageheader TABLE#pagetopper UL {
			width: 100%;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#pageheader TABLE#pagetopper LI {
			float: left;
			display: inline;
			margin: 0;
			padding: 0 10px;
			border-right: 1px solid #fff;
			font: 12px Arial, Helvetica, sans-serif;
			color: #fff;
		}
			/*#pageheader #pagetopper LI:first-child {
				border-left: none;
			}*/
			#pageheader TABLE#pagetopper LI.last {
				border-right: none;
			}
		#pageheader TABLE#pagetopper LI A {
			color: #fff;
		}
		#pageheader TABLE#pagetopper TABLE#searchbar {
			margin-left: 1px;
			border-collapse: collapse;
			border-spacing: 0;
		}
			#pageheader TABLE#pagetopper TABLE#searchbar TD {
				padding: 0 0 0 5px;
				font: 12px Arial, Helvetica, sans-serif;
				color: #fff;
			}

TABLE#pagebody {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	margin: 0;
	padding: 0;
}
	TABLE#pagebody TD#pageleftbar {
		vertical-align: top;
		width: 180px;
		padding: 15px;
		border-right: 1px solid #8ABBD9;
		background-color: #bcd8ef;
	}
		TABLE#pagebody TD#pageleftbar_home {
			vertical-align: top;
			width: 230px; /* 260px - padding */
			padding: 14px;
			border-right: 1px solid #8ABBD9;
			background-color: #bcd8ef;
		}
		TABLE#pagebody TD#pageleftbar_tenreasons {
			vertical-align: top;
			width: 200px;
			padding: 15px;
			/*border-right: 1px solid #8ABBD9;
			background-color: #bcd8ef;*/
		}
	TABLE#pagebody TD#pagemain {
		vertical-align: top;
		padding: 15px 15px 45px;
		background-color: #fff;
	}
	TABLE#pagebody TD#pagerightbar {
		vertical-align: top;
		width: 162px; /* 190px - padding */
		padding: 14px;
		border-left: 1px solid #c9c9c9;
		background-color: #fff;
	}
		TABLE#pagebody TD#pagerightbar_login {
			vertical-align: top;
			width: 250px;
			padding: 15px;
			border-left: 1px solid #c9c9c9;
			background-color: #fff;
		}
		TABLE#pagebody TD#pagerightbar_roundtable {
			vertical-align: top;
			width: 250px;
			padding: 15px;
			border-left: 1px solid #c9c9c9;
			background-color: #fff;
		}

#pagefooter {
	clear: both;
	padding: 10px;
	border-top: 1px solid #c9c9c9;
	text-align: left;
	font-size: 12px;
	color: #666;
}
	#pagefooter UL {
		/*	
			width & overflow combine to cause this container to properly
			wrap all internal elements that float (thanks quirksmode.org!!)
		*/
		width: 100%;
		overflow: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#pagefooter LI {
		display: inline;
		padding: 0;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
	}
	#pagefooter LI A {
		float: left;
		padding: 0 10px;
		border-left: 1px solid #999;
		/*color: #666;*/
	}
		#pagefooter LI:first-child A {
			border-left: none;
			padding-left: 0;
		}

/*==================================================================================*/
/* NAVBAR --------------------------------------------------------------------------*/
DIV#navbar {
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: #004367 url('/images/navbar/bg.gif') repeat-x left bottom;
}
	DIV#navbar UL {
		width: 948px;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
	}
	DIV#navbar LI {
		display: inline;
		padding: 0;
	}
	DIV#navbar LI A {
		float: left;
		width: 158px;
		height: 0;
		padding-top: 41px;
		overflow: hidden;
		background: transparent url('/images/navbar/tabs.gif') no-repeat;
	}
		/* States: off */
		DIV#navbar LI#tab1 A { background-position: 0 0; }
		DIV#navbar LI#tab2 A { background-position: -158px 0; }
		DIV#navbar LI#tab3 A { background-position: -316px 0; }
		DIV#navbar LI#tab4 A { background-position: -474px 0; }
		DIV#navbar LI#tab5 A { background-position: -632px 0; }
		DIV#navbar LI#tab6 A { background-position: -790px 0; }

		/* States: on */
		DIV#navbar.tab1 LI#tab1 A { background-position: 0 -41px; }
		DIV#navbar.tab2 LI#tab2 A { background-position: -158px -41px; }
		DIV#navbar.tab3 LI#tab3 A { background-position: -316px -41px; }
		DIV#navbar.tab4 LI#tab4 A { background-position: -474px -41px; }
		DIV#navbar.tab5 LI#tab5 A { background-position: -632px -41px; }
		DIV#navbar.tab6 LI#tab6 A { background-position: -790px -41px; }

/*==================================================================================*/
/* MEMBERSHIP BARS -----------------------------------------------------------------*/
DIV#membershipbar {
	height: 57px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
	DIV#membershipbar TABLE {
		border-collapse: collapse;
		border-spacing: 0;
	}
	DIV#membershipbar TABLE TD {
		padding: 0;
	}

DIV.membershipbox {
	/*margin: 5px 0;*/
	padding: 0;
	background-color: #fad948;
	border: 1px solid #ed4e1a;
	text-align: center;
}
	DIV.membershipbox, DIV.membershipbox * {
		color: #ed4e1a;
	}
/*	DIV.membershipbox TABLE {
		border-collapse: collapse;
		border-spacing: 0;
	}
	DIV.membershipbox TABLE TD {
		padding: 0;
	}*/

/*==================================================================================*/
/* SECONDARY NAVIGATION ------------------------------------------------------------*/
UL.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
UL.nav LI {
	display: block;
	padding: 5px;
	border: 1px solid #aaa;
	border-top: none;
	background-color: #fff;
}
	UL.nav LI:first-child {
		border-top: 1px solid #aaa;
	}
	UL.nav LI.at {
		background: #ccc url('/images/icons/arrow-subnav.png') no-repeat right center;
	}
	UL.nav LI IMG {
		margin-right: 5px;
	}

/*==================================================================================*/
/* BREADCRUMB ----------------------------------------------------------------------*/
DIV.breadcrumb {
	width: 100%;
	overflow: hidden;
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}
	DIV.breadcrumb UL {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
	}
	DIV.breadcrumb LI {
		display: inline;
		padding: 0;
		padding: 0 10px 0 6px;
		background: transparent url('/images/breadcrumb/div.gif') no-repeat right center;
	}
		DIV.breadcrumb LI:first-child {
			padding-left: 0;
		}
	DIV.breadcrumb LI A {
		/*float: left;*/
	}

/*==================================================================================*/
/* BOXES ---------------------------------------------------------------------------*/
.box {
	background-color: #fff;
	border: 1px solid #c9c9c9;
	padding: 10px;
}
.graybox {
	background-color: #f3f3f3;
	border: 1px solid #ccc;
}

/*==================================================================================*/
/* FORM FIELDS ---------------------------------------------------------------------*/
.textareafield, .textfield, .selectfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*==================================================================================*/
/* COLORS --------------------------------------------------------------------------*/
.gray {
	color: #666;
}
.error {
	color: #f00;
}
.fieldnote {
	font-size: 10px;
	color: #777;
}

/*==================================================================================*/
/* BACKGROUND COLORS ---------------------------------------------------------------*/
.bglightblue {
	background-color: #bcd8ef;
}
	.bglightblue HR {	
		color: #8ABBD9;
		background-color: #8ABBD9;
		border-color: #8ABBD9;
	}

/*==================================================================================*/
/* PLACEHOLDER ---------------------------------------------------------------------*/
DIV.placeholder {
	width: 1px;
	height: 1px;
	font-size: 0;
}

/*==================================================================================*/
/* TABS ----------------------------------------------------------------------------*/
.tabs {
	width: 100%;
	height: 34px;
	background: url('/images/tabs/bg.gif') repeat-x;
}

.tabs TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #b4b4b4;
	padding: 0 12px;
}
.tabs TD.off {
	border-bottom: 4px solid #999;
	color: #333;
	cursor: pointer;
}
.tabs TD.at {
	background-color: #fff;
	border-bottom: 4px solid #FFF;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}
.tabs TD.end {
	width: 1px;
	background: url('/images/tabs/end.gif') no-repeat;
	border-top: none;
	border-bottom: 4px solid #999;
	padding: 0;
}
.tabs TD.end DIV {
	width: 1px;
	font-size: 0;
}
.tabs TD.div {
	width: 2px;
	background: url('/images/tabs/div.gif') no-repeat;
	border-top: none;
	border-bottom: 4px solid #999;
	padding: 0;
}
.tabs TD.div DIV {
	width: 2px;
	font-size: 0;
}

/*==================================================================================*/
/* LISTS ---------------------------------------------------------------------------*/
.compactlist {
	margin: 0 0 0 1.5em;
	padding: 0;
}

.spacedlist LI {
	margin-bottom: 1em;
}

.flatlist {
	margin-left: 1.4em;
	padding: 0;
}

/*==================================================================================*/
/* TABLES --------------------------------------------------------------------------*/
TABLE.tbllist {
	table-layout: fixed;
	background-color: #fff;
	border-collapse: collapse;
}

TABLE.tbllist TH {
	padding: 4px 8px 4px 8px;
	background-color: #999;
	background-image: url(/images/interface/th-off.gif);
	border-color: #ccc #999 #999 #ccc;
	border-width: 1px;
	border-style: solid;
}
	TABLE.tbllist TH, TABLE.tbllist TH * {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: normal;
		color: #666;
		text-align: left;
	}

TABLE.tbllist TH.sort {
	background-color: #666;
	background-image: url(/images/interface/th-on.gif);
	border-color: #b0b0b0 #999 #999 #999;
}
	TABLE.tbllist TH.sort, TABLE.tbllist TH.sort * {
		color: #fff;
	}

TABLE.tbllist TH.blue {
	background-image: url(/images/interface/th-blue.gif);
}
	TABLE.tbllist TH.blue * {
		color: #fff !important;
	}
TABLE.tbllist TD {
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #ccc;
}
	TABLE.tbllist TD, TABLE.tbllist TD * {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	TABLE.tbllist TD.sort {
		background-color: #e3e3e3;
	}
	
.tblfields TD {
	padding: 2px 10px 2px 0;
}

.tblpricelevels {
	border-collapse: collapse;
}
.tblpricelevels TD {
	padding: 5px 10px;
	border: 1px solid #ccc;
	white-space: nowrap;
}
.invisible {
	background-image: url('/images/interface/invisible-bg.gif');
}
	.invisible * {
		color: #777 !important;
	}

/*==================================================================================*/
/* PAGE LISTS & NAVIGATION ---------------------------------------------------------*/
TABLE.pagenavbar {
	border: 1px solid #ccc;
}
	TABLE.pagenavbar TD.cell {
		padding: 2px 5px;
	}
	TABLE.pagenavbar TD.disabled {
		background-color: transparent !important;
	}

TABLE.pagenav {
	margin: 1px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	TABLE.pagenav TD {
		width: 1.5em;
		height: 1.5em;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
	}
		TABLE.pagenav TD A {
			font-size: 12px;
			color: #03c;
			text-decoration: none;
		}
	TABLE.pagenav TD.previous {
		background: url(/images/pagenav/arrow-left.gif) no-repeat center;
		border: 1px solid #ccc;
	}
	TABLE.pagenav TD.next {
		background: url(/images/pagenav/arrow-right.gif) no-repeat center;
		border: 1px solid #ccc;
	}
	TABLE.pagenav TD.selected {
		background-color: #74959d;
	}
		TABLE.pagenav TD.selected A {
			color: #fff;
		}

/*==================================================================================*/
/* RESOURCES -----------------------------------------------------------------------*/
DIV#resources {
	background-color: #f3f3f3;
	border: 1px solid #c9c9c9;
	padding: 10px;
}
	DIV#resources UL {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	DIV#resources UL LI {
		padding: 0.75em 0;
		border-top: 1px solid #ddd;
	}

/*==================================================================================*/
/* HOMEPAGE MAINBOX ----------------------------------------------------------------*/
DIV.mainbox {
	position: relative;
	background: url('/images/home/mainbox/top.gif') no-repeat left top;
	padding-top: 10px;
	border-bottom: 1px solid #fff; /* solves IE problem */
	margin-bottom: 14px;
}
DIV.mainbox DIV.outer {
	background: url('/images/home/mainbox/bottom.gif') no-repeat left bottom;
	padding-bottom: 10px;
}
DIV.mainbox DIV.inner {
	padding: 0 10px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #c9c9c9;
}
DIV.mainbox TABLE {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
	DIV.mainbox TABLE TD {
		padding-left: 10px;
	}
	DIV.mainbox TABLE TD:first-child {
		padding-left: 0;
	}
DIV.mainbox DIV.description {
	margin-top: 4px;
	font-size: 12px;
	color: #004367;
}
