@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #CCD1CF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 9pt;
	color: #666;
	
}

/***************/
/* STRUCTURE   */
/***************/
div#container {
	width: 992px;
	background: url(../images/border_top.gif) no-repeat;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px 0 0 0;
}
div#container_inner {
	width: 992px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	background: url(../images/border_side.gif);
	float:left;
	/*-moz-box-shadow: 10px 10px 5px #888;*/
	/*-webkit-box-shadow: 5px 5px 5px #888;*/
	/*padding: 5px 5px 5px 15px;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
div#header {
	padding:20px 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #fff;
	width: 976px;
	margin: 0 auto;
	}

div#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;
	background: #FFFFFF;
	clear:both;
	width: 976px;
	}
	#mainContent-inner {
		margin: 25px 0 0 0;
	}
div#footer {
	width: 992px;
	margin: 25px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../images/border_bottom.gif) no-repeat 0 bottom;
	clear: both;
}
	div#footer_inner {
		border-top: 1px solid #ccc;
		width: 976px;
		margin: 0 auto;
}
div#footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/***************/
/* STYLES      */
/***************/
	
	/* Global */
	
	p {
		line-height: 180%;
		}

	.short_bar {
		margin: 0 0 15px 0;
		}
	div.main {
		width: 518px;
		float:left;
		}
	div.secondary {
		width: 217px;
		}
	div#disclaimer {
		margin: 10px auto;
		width: 976px;
		font-size: 0.8em;
		}
		div#disclaimer a {
			color: #666;
			}
	div#disclaimer ul {
		list-style: none;
		padding: 0px;
		margin: 0px 0 0 170px;
		}
		div#disclaimer ul li {
			list-style:none;
			float:left;
			margin-right: 12px;
			}
		div#disclaimer ul li:after {
			margin-left: 10px;
			content: " | "
			}
		div#disclaimer ul li:last-child {
			margin-right: 0px;
			}
		div#disclaimer ul li:last-child:after {
			content: " "
			}
		div#disclaimer p {
			margin: 10px 0 0 0;
			clear: both;
			}
			
		
	/* Links */
	
	a, a:visited {
		color:#172D6D;
	}
	a:hover {
		color:#0C173B;
	}
	a img {
		border:none;
	}
	/* Navigation */
	
		div#navigation {
			background:url(../images/nav_background.gif) repeat-x;
			width: 100%;
			float:left;
		}

	/* Global Header */
	
	div#header h1 {
		margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
		display: none;
		}
	
	div#header div#logo {
		margin: 0 0 0 20px;
		}
	div#header div#banner {
		float: left;
		margin: 15px 0 0 0;
	}
	
	/* Home Page */
	
	div#mainContent.home {
		width: 811px;
		margin: 0 auto;
		}
	
	div#mainContent.home div.main {
		}
		div.main div.bodytext {
			width: 490px;
		}
	div#mainContent.home div.secondary {
		margin: 20px 0 0 0;
		width: 293px;
		float:left;
		}
	

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }