/**
* -------------------------
* @section Page layout
* -------------------------
*/

#page {
	background-color: #fff;
	left: 50%;
	margin: 24px 0 0 -488px;
	padding: 12px 13px;
	position: relative;
	width: 976px;
	width: 950px;
}



/**
* -------------------------
* @section Header
* -------------------------
*/

#header {
	background-color: #00285e;
	background-repeat: no-repeat;
	background-position: left top;
	height: 234px;
	margin-bottom: 11px;
	position: relative;
	width: 100%;
	z-index: 200;
}

	#header h1.bg { text-indent: -9999px; }

	/**
	* @subsection Site logo
	*/
	#header .logo {
		height: 100px;
		left: 10px;
		position: absolute;
		top: 62px;
		width: 344px;
	}
		#header .logo,
		#header .logo img {
			display: block;
			text-decoration: none;
		}
		.images-on #header .logo img { display: none; }



/**
* -------------------------
* @section Content
* -------------------------
*/

#content {
	display: block;
	float: left;
	margin-bottom: 3.64em;
	position: relative;
	width: 100%;
}
div.home-layout { margin-bottom: 0 !important; }
	#content div.column {
		display: inline;
		float: left;
		left: 100%;
		position: relative;
	}

	/* Three column layout (default). */
	#body {
		margin-left: -748px;
		width: 508px;
	}

	/* One column layout. */
	div.one-column #body {
		margin-left: -937px;
		width: 680px;
	}

	/* Two column layout. */
	div.two-column #body {
		width: 734px;
	}

	/* Home page column layout. */
	div.home-layout #body {
		margin-left: -950px;
		width: 591px;
	}

	#sidebar {
		margin: 15px 0 0 -218px;
		width: 206px;
	}

	/* Home pae column layout. */
	div.home-layout #sidebar {
		margin: 0 0 0 -348px;
		width: 348px;
	}

	#navigation {
		margin-left: -937px;
		width: 155px;
	}



/**
* -------------------------
* @section Footer
* -------------------------
*/

#footer {
	clear: both;
	padding-top: 1px;
	position: relative;
	width: 100%;
}
	/* Ensure copyright info. is vertically aligned with logos. */
	#footer p { margin-top: 15px; }

	/* Series of logos appear to the right of the copyright info. */
	#footer a.logo,
	#footer img.logo {
		float: right;
		margin: -15px 0 0 26px;
		position: relative;
	}



/**
* -------------------------
* @section Data/content tables
* -------------------------
*/

table.data {
	border-bottom: 1px solid #b7daee;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.82em 0;
	width: 100%;
}
	table.data tr {
		vertical-align: top;
	}
		table.data tr th {
			border-bottom: 1px solid #00285e;
			color: #00285e;
			font-weight: bold;
			padding: 5px 8px;
			vertical-align: bottom;
		}
			table.data tr th p { margin: 0; }
		table.data tr td {
			border-left: 1px dotted #b7daee;
			border-right: 1px dotted #b7daee;
			border-bottom: 1px solid #b7daee;
			border-top: 1px solid #b7daee;
			padding: 5px 8px;
		}
		table.data tr.shade td { background-color: #f0f8fc; }
		table.data tr td.first { border-left: 0; }
		table.data tr td.last { border-right: 0; }



/**
* -------------------------
* @section Miscellaneous
* -------------------------
*/

/**
* @subsection Skip over navigation
*/
#skipper { display: none; }

/**
* @subsection Graphical headers
*/
.images-on .bg {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -5000px;
}
.images-on a.button,
.images-on button.bg {
	border: 0;
	cursor: pointer;
	height: 19px;
}
.images-on a.bg.button:hover,
.images-on a.bg.button:active,
.images-on button.bg:hover,
.images-on button.bg:active {
	background-position: 0 -19px;
}

/**
* @subsection Right alignment of text block
*/
p.align-right {
	text-align: right;
}

/**
* @subsection Center alignment of text block
*/
p.align-center {
	text-align: center;
}

/**
* @subsection List of radio buttons
*/
ul.RadioList { 
	list-style-type: none !important;
	margin-left: 0;	
}


/**
* @subsection Float "clearfix"
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */