/* ================= */
/* = COLOR PALETTE = */
/* = GRAY: 7a7c7b  = */
/* = BLUE: 143e64  = */
/* ================= */

body {
	background: #40688c url('/images/background_body.jpg') repeat-x left top;
	color: #333;
	font: normal 13px helvetica, arial, verdana, sans-serif;
	margin: 20px 0;
	}


#site {
	background: url('/images/background_site.png') repeat-y left top;
	margin: auto;
	width: 978px;
	}
	
	/* \_ */
	
		#sitewrapper {
			position: relative; /* this isn't on #site because of an IE png/anchor issue */
			}
	
#header {
	background: url('/images/background_header.png') no-repeat left top;
	padding: 30px 7px 0 7px;
	margin-bottom: -8px;
	position: relative;
	top: -8px;
	}
	
	/* \_ */
 		
		h1 {
			float: left;
			height: 44px;
			width: 328px;
			}
			
			/* \_ */
			
				h1 a {
					background: url('/images/logo.gif') no-repeat scroll top left;
					display: block;
					height: 44px;
					margin: auto;
					text-indent: -9999px;
					width: 220px;
					}
					
		#primaryNav {
			list-style: none;
			margin-left: 328px;
			padding-top: 14px;
			}
			
			/* \_ */
			
				#primaryNav li {
					float: left;
					font-size: 1.25em;
					font-weight: bold;
					}
					
					/* \_ */
						
						#primaryNav li a {
							color: #7a7c7b;
							display: block;
							margin-right: 30px;
							padding-bottom: 2px;
							text-decoration: none;
							}
							
#footer {
	background: url('/images/background_footer.png') no-repeat left top;
	margin: auto;
	padding: 10px 7px 0 7px;
	width: 964px;
	}
	
	/* \_ */
	
		#utilityNav {
			float: right;
			}
			
			/* \_ */
			
			#footer #utilityNav li {
				margin: 0 0 0 2em;
				}
	
		#footer ul {
			list-style: none;
			}
			
			/* \_ */
			
				#footer ul li {
					float: left;
					margin-right: 2em;
					}
					
		#legal {
			float: left;
		}
							
.content {
	padding: 29px;
	}
	
	/* \_ */
		/* ==================================================== */
		/* 1. Work out the desired leftmost point of the block	*/
		/*														*/
		/* 2. Work out the rightmost point of any of the		*/
		/*    floated blocks that precede it in the source		*/
		/*														*/
		/* 3. Subtract the rightmost point's value from the		*/
		/*    leftmost point's to give the block's margin-left	*/
		/* ==================================================== */
		#main {
			float: left;
			margin: 30px 0 0 308px;
			width: 612px;
			}
			
		#side {
			float: left;
			line-height: 1.7;
			margin: 30px 0 0 -910px;
			width: 288px;
			}
						
			/* \_ */
			
				#secondaryNav {
					background: #d9e3ef;
					list-style: none;
					padding: 0 15px;
					}
					
					/* \_ */
					
						#secondaryNav li {
							border-top: 1px solid #ccd4df;
							padding: 15px;
							}
							
						#secondaryNav li.first {
							border-top: none;
							}
							
							/* \_ */
							
								#secondaryNav li a {
									font-size: 1.1em;
									font-weight: bold;
									text-decoration: none;
									}