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

body {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;
	background:#fffcf4;
	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 */
	color: #111;
}
a {
	text-decoration:none;
	color:#666;	
}
a:hover {
	text-decoration:underline;
	color:#999;
}
/* TODO The mobile-specific CSS below was 
		affecting my desktop browser. Commenting out
		for now... */
/* Mobile browsers only */
/*
@media only screen and (max-width: 480px), 
	   only screen and (max-device-width: 480px), 
	   only screen and (-webkit-min-device-pixel-ratio: 2),
	   only screen and (max-device-width: 1024px)
{      
	* { 
		-webkit-text-size-adjust:100% 
	}
	.oneColElsCtrHdr #container {
		width:auto !important;
		margin:0 !important;
	}
	.oneColElsCtrHdr #headerBackground {
		width:100% !important;
		background-size:100% !important;
		margin-left:0 !important;
	}
	
	.oneColElsCtrHdr #header {
		width: 100% !important;	
		padding-left: 0 !important;
		padding-right:0 !important;
	}
	
	.oneColElsCtrHdr #headerContent {
		margin-left: 50px;
	}
	
	div.rotator ul li {
		margin-top:22% !important;
	}
	
	.oneColElsCtrHdr #mainContent, #footer {
		width:85% !important;	
	}
	
	.oneColElsCtrHdr #header .nav {
		margin-top:30px !important;	
	}
	
} */