@charset "utf-8";
/* CSS Document */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
	hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
	sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		-webkit-text-size-adjust:100%;
	}
	strong, b{ font-weight:bold; }
	em, i{ font-style:italic; }
	/* remember to define focus styles! */
	:focus{ outline: 0; }
	/* Clear fix */
	.cf:before,
	.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
	.cf:after { clear: both; }
	/*  For IE 6/7 only  Include this rule to trigger hasLayout and contain floats.  */
	.cf {*zoom: 1;}

	.rightlink{ display:block; text-align:right; }
	.center{ display:block; margin:auto; }
	
	html{ height:100%; }
	
	p{ padding:7px 0px; }
	.pad ul, .pad ol{ margin-left:25px; }

	#ckeditor{ background:#FFFFFF; padding:15px; }
	.CSS1Compat, .cke_panel_frame{ background:#FFFFFF; }
	
	body{ background:#526965; font-size:18px; color:#FFF; font-family: "futura-pt",sans-serif; }
	
	
	#container{ width:890px; padding:10px; margin:auto; }
	header{ padding-top:37px; text-align:right; }
	#logo{ margin-right:15px; }
	
	a{ color:#FFF; }
	a:hover{ color:#d7d457; }
	
	nav{ background:#d7d457; width:580px;  }
	nav ul{ list-style:none; }
	nav ul li{ display:inline-block; }
	nav ul li a{ color:#526965; text-decoration:none; display:inline-block; width:120px; font-size:16px; font-weight:bold; padding:5px 10px; }
	nav ul li a:hover{ background:#526965; color:#d7d457; }
	
	h1{ font-size:40px; font-weight:lighter; line-height:normal; margin-bottom:50px; }
	
	#c_left{ float:left; width:580px; padding-top:50px; line-height:25px; }
	#c_right{ float:right; width:260px; padding-top:20px; text-align:center; line-height:25px; }
	
	#c_left.hp{ font-size:22px; line-height:40px; }
	
	.img_lbl{ font-size:14px; }
	.small_font{ font-size:80%; font-weight:100; }
	.hp .small_font{ line-height:22px; }
	
	#content{ background:url(images/bkg_ampersand.gif) no-repeat center top; min-height:600px; }
	
	
	@media screen and (max-width: 600px){
		
	#c_left, #c_right, nav, #container{ float:none; width:auto; }
	
	
	}