﻿/* Global Defaults */
* { font-family: arial, helvetica, sans-serif; font-size: 12px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object { margin:0px; padding:0px; }
table	{ border-collapse:collapse; border-spacing:0px;font-size: 1em; }
img 	{ border:0px; }
ul 		{ list-style:none; }
div 	{ text-align: left; vertical-align: top; }
.clear  { clear:both; height: 5px; }

a 		{ text-decoration: underline; }
a:hover 	{ text-decoration: underline;}

.align_right { 
	margin: 0 0 0 auto; 
	text-align: right;
	}

.align_left {
	margin: 0 auto 0 0; 
	text-align: left;
	}

.align_center {
	margin: 0 auto 0 auto; 
	text-align: center;
	}








/* BODY */
body {
	margin:0 auto;
	padding:0;
	width:996px;
	background:#fff;
	background: #000099 url('../images/background.gif') no-repeat scroll 50% 0px;
	text-align:center;
}

#wrapper {
	margin:auto;
	text-align:left;
	width:996px;
}



/* HEADER */
#header {
	float:left;
	width:996px;
	height:112px;
	padding:0;
	margin:0;
	background: none url('../images/background_header.gif') no-repeat;
	}
	
#header_left {
	width: 414px;
	height: 70px;
	padding: 24px 0px 0px 0px;
	float: left;
	}

#header_right {
	width: 500px;
	padding: 64px 30px 0px 50px;
	float: right;
	text-align:right;
	}







/* BODY */
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:996px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background: url('../images/background_body.gif');
		padding: 10px 0px 0px 0px;
	}


	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:996px;			/* width of page */
		position:relative;
	}

	.column_body,
	.column_left,
	.column_right {
		float:left;
		position:relative;
		padding: 0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}





/* 3 Column settings */
	.threecol {}
	.threecol .colmid {
		right:210px; /*25%;			/* width of the right column */
		background:none;			/* center column background colour */
	}
	.threecol .colleft {
		right: 576px; /*50%;		/* width of the middle column */
		background:none;			/* left column background colour */
	}
	.threecol .column_body {
		width:566px; /*46%;			/* width of center column content (column width minus padding on either side) */
		left:1001px; /*102%;			/* 100% plus left padding of center column */
	}
	.threecol .column_left {
		width:200px; /*21%;			/* Width of left column content (column width minus padding on either side) */
		left:215px; /*31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .column_right {
		width:200px; /*21%;			/* Width of right column content (column width minus padding on either side) */
		left:821px; /*85%;			/* Please make note of the brackets here:
									(100% - left column width) plus (center column left and right padding) 
									plus (left column left and right padding) plus (right column left padding) */
	}

/* 2 Column (left menu) settings */
	.leftmenu {}
	.leftmenu .colleft {
		right:786px;		/* right column width */
	}
	.leftmenu .column_body {
		width:776px;		/* right column content width */
		left:1001px;			/* 100% plus left column left padding */
	}
	.leftmenu .column_left {
		width:200px;		/* left column content width (column width minus left and right padding) */
		left:15px;			/* (right column left and right padding) plus (left column left padding) */
	}

/* 2 Column (right menu) settings */
	.rightmenu {}
	.rightmenu .colleft {
		right:210px;			/* right column width */
	}
	.rightmenu .column_body {
		width:786px;		/* left column content width (left column width minus left and right padding) */
		left:205px;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .column_right {
		width:200px;		/* right column content width (right column width minus left and right padding) */
		left:215px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/* 1 Column - Full page settings */
	.fullpage {}
	.fullpage .column_body {
		width:986px;		/* page width minus left and right padding */
		left:5px;			/* page left padding */
	}
















/* FOOTER */
#footer_image {
	clear: both;
	height: 29px;
	background: url('../images/background_footer.gif') no-repeat;
	}

#footer_left {
	width: 650px;
	float: left;
	color: #ffffff;
	}

.footer_links {
	padding: 10px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	}

.footer_notice {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	}
	
.footer_disclosure {
	padding: 10px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	}

.footer_copyright {
	padding: 10px 0px 90px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	}

#footer_left a 			{ color: #ffffff; text-decoration: none; }
#footer_left a:hover 	{ color: #ffffff; text-decoration: underline;}

#footer_right {
	width: 346px;
	float: right;
	}

#footer_right a 		{ color: #ffffff; text-decoration: none; }
#footer_right a:hover 	{ color: #ffffff; text-decoration: underline;}













/* TEXT */
.column_body_full_width		{ display: block; width: 100%; }

.column_body table   			{ margin: 5px auto 10px 0px; text-align: left; display: block; }
.column_body table th	  		{ font-weight: bold; text-align: left; color: #000099; }

.column_body h1     			{ margin: 0px 0px 10px 0px; font-size: 20px; color: #000099; }
.column_body h2     			{ margin: 0px 0px 10px 0px; font-size: 18px; color: #000099; }
.column_body h3     			{ margin: 0px 0px 10px 0px; font-size: 16px; color: #000099; }
.column_body h4     			{ margin: 0px 0px 10px 0px; font-size: 14px; color: #000099; }
.column_body h5     			{ margin: 0px 0px 10px 0px; font-size: 12px; color: #000099; }
.column_body h6     			{ margin: 0px 0px 10px 0px; font-size: 10px; color: #808285; }

.h2 { font-size:18px; }

.column_body p         		{ padding: 5px 0px 10px 0px; }
.column_body img, input		{ padding: 5px 0px 5px 0px; }

.column_body ul     			{ margin: 3px 0px 3px 35px; list-style-position: outside; list-style-type: square; }
.column_body ul li     		{ margin-bottom: 3px; }

/* TABLES */

.column_body table.info_table {
	margin: 5px auto 10px 0px;
}

.column_body table.info_table th.header_cell {
	background-color: #000099;
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding: 4px 2px;
	border: 1px;
	border-style: solid;
	border-color: #F4DDB3;	
	height: 25px;
	text-align: center;
}

.column_body table.info_table td {
	font-size: 12px;
	padding: 2px 2px;
	border: 1px;
	border-style: solid;
	border-color: #F4DDB3;
	height: 25px;
}

.column_body table.info_table td.title_cell {
	background-color: #F4DDB3;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 2px;
	border: 1px;
	border-style: solid;
	border-color: #F4DDB3;
	height: 14px;
	color: #000099;
}




/* LEFT COLUMN */
.column_left ul { 
	margin: 2px 0px 2px 15px; 
	padding: 0px 0px 0px 0px; 
	list-style-position: outside; 
	list-style-type: square;
	font-weight: normal;
	font-style: normal;
	}
.column_left ul li 			{ margin: 2px 0px 2px 10px; padding: 0px 0px 0px 0px; }

.column_left ul.mainnav	{ 
	margin: 1px 5px 1px 5px; 
	padding: 0px 0px 0px 0px;
	list-style-position:outside; 
	list-style-type:none; 
	font-weight: normal; 
	font-style: normal; 
	}

.column_left ul.mainnav 	{ margin-bottom: 0px; }
.column_left ul.mainnav li 			{ margin: 2px 0px 2px 10px; padding: 0px 0px 0px 0px; }

.column_left ul.mainnav li a     	{ color: #000000; text-decoration: none; }
.column_left ul.mainnav li a:hover	{ color: blue; text-decoration: underline; }

.column_left ul li.bold		{ font-weight: bold; padding: 0px 0px 0px 0px;  }
.column_left ul li.italic	{ font-style: italic; }

.column_left h1     		{ margin: 10px 0px 5px 0px; font-size: 15px; color: #000099; }
.column_left h2     		{ margin: 10px 0px 5px 0px; font-size: 14px; color: #000099; }
.column_left h3     		{ margin: 10px 0px 5px 0px; font-size: 13px; color: #000099; }
.column_left h4     		{ margin: 10px 0px 5px 0px; font-size: 12px; color: #000099; }
.column_left h5     		{ margin: 10px 0px 5px 0px; font-size: 11px; color: #000099; }
.column_left h6     		{ margin: 10px 0px 5px 0px; font-size: 10px; color: #808285; }

.column_left h1.column_top 	{ margin: 0px 0px 5px 0px; }

.column_left p         		{ padding: 5px 0px 5px 0px; }
.column_left img			{ padding: 5px 0px 5px 0px; }
.column_left img.icon		{ padding:0; }

.column_left .column_left_list	{ 
	margin: 2px 0px 2px 15px; 
	padding: 0px 0px 0px 0px; 
	list-style-position: outside; 
	list-style-type: square;
	font-weight: normal;
	font-style: normal;
	}

.column_left .column_left_list ul li 		{ margin: 2px 0px 2px 10px; padding: 0px 0px 0px 0px; }
.column_left .column_left_list ul li.bold	{ font-weight: bold; }
.column_left .column_left_list ul li.italic	{ font-style: italic; }
.column_left .column_left_list a      		{ color: #8e2344; text-decoration: underline; }
.column_left .column_left_list a:hover 		{ color: blue; text-decoration: underline; }





/* RIGHT COLUMN */

.column_right ul { 
	margin: 2px 0px 2px 15px; 
	padding: 0px 0px 0px 0px; 
	list-style-position: outside; 
	list-style-type: square;
	font-weight: normal;
	font-style: normal;
	}

.column_right ul li 		{ margin: 2px 0px 2px 10px; padding: 0px 0px 0px 0px; }
.column_right ul li.bold	{ font-weight: bold; }
.column_right ul li.italic	{ font-style: italic; }

.column_right h1     		{ margin: 10px 0px 5px 0px; font-size: 15px; color: #000099; }
.column_right h2     		{ margin: 10px 0px 5px 0px; font-size: 14px; color: #000099; }
.column_right h3     		{ margin: 10px 0px 5px 0px; font-size: 13px; color: #000099; }
.column_right h4     		{ margin: 10px 0px 5px 0px; font-size: 12px; color: #000099; }
.column_right h5     		{ margin: 10px 0px 5px 0px; font-size: 11px; color: #000099; }
.column_right h6     		{ margin: 10px 0px 5px 0px; font-size: 10px; color: #808285; }

.column_right h1.column_top { margin: 0px 0px 5px 0px; }

.column_right p         	{ padding: 5px 0px 5px 0px; }
.column_right img			{ padding: 5px 0px 5px 0px; }









