@charset "UTF-8";body {	font: 100% Arial, Helvetica, Verdana, sans-serif;	background: #eff6e6;	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: #000000;}#container {	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	border: none;	background: #FFF;	text-align: left; /* this overrides the text-align: center on the body element. */}/* HEADER */#header {	background: #FFF url(images/bkgd_header_150.jpg); 	padding: 0 10px 0 20px;   /*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. */	height:150px;}#header .tab {	background:url(images/bkgd_tab_477.jpg) no-repeat;	width:477px;	height:117px;	float:right;}#header .tab img {margin:0;}#header .tab a {	color:#FFFFFF;}#header .tab p {	text-align:center;	color:#FFF;	line-height:20px;	font-size:14px;	padding:10px 0 0;	margin-bottom:25px;}#header .tab p span {	font-size:12px;}#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 */	left:-999px;	position:absolute;}#header img {	margin-top:30px;	margin-left:50px;}/* NAVIGATION */#navbar {	background:#003300 url(images/bkgd_navbar.jpg);	height:54px;	clear:both;}#nav {	color:#FFF;	font-size:18px;	letter-spacing:1px;	text-align:center;	line-height:54px;	}#navbar #nav a {	font-weight:bold;	color:#FFF;	text-decoration:none;	padding:2px 5px;}#navbar #nav a:hover {	color:#003300;	background-color:#d4ee71;}/* MAIN CONTENT */#mainContent {	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */	background: #FFFFFF;}#home #mainContent {	padding:0;}#gallery #mainContent {	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */}#contentArea {	width:720px;	border-left:280px solid #E7EFCA;	margin:20px 0 0 0;	float:left;}#mainCol {	padding-left:20px;	padding-bottom:20px;	margin-right:25px;	min-height:306px;	margin-right:-720px;	width:650px;	float:left;}#sideCol {	float:left;	width:280px;	margin-left:-280px;	padding:27px 0 0 0;	background-image:url(images/circle_green_border.jpg);	background-repeat:no-repeat;	position:relative;}.clear {clear:both;}/* FOOTER */#home #footer {	background:#FFF;}#footer {	padding: 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	margin-top:20px;	background: #b9dc8b;}#footer p {	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse – a space between divs */	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */}.moofish {	font-size:10px;	display:block;	padding-top:10px;	text-transform:uppercase;}.socialMedia {	float:right;}.socialMedia a {	padding:0 7px;}.enews {float:right;margin-right:20px;font-weight:bold;}/* TEXT, IMAGES and EVERYTHING ELSE */img {	border:none;	vertical-align:baseline;}p {	padding:5px 0;	margin:0;	font-size:13px;}blockquote {	padding:0;	margin:20px;	font-size:15px;	line-height:22px;}blockquote span {	font-size:13px;	font-style:italic;	color:#a22839;	}#sideCol p.caption {	font-size:11px;	font-style:italic;	color:#a22839;	text-align:center;	padding:3px 0 15px 0;	margin:0;}#sideCol p {	font-size:18px;	color:#003300;	line-height:30px;	color:#a22839;	margin-top:20px;	padding:0 20px;}h1 {	font-size:24px;	padding:0;	margin:0;	color:#003300;}h2 {	color:#a22839;	font-size:20px;	padding:5px 0 0;	margin:10px 0 0;	text-transform:lowercase;	border-bottom:2px solid #d4ee71;}#sideCol h2 {	color:#003300;	font-size:20px;	padding:5px 0 0;	margin:20px 20px -10px 20px;	text-transform:lowercase;	border-bottom:2px solid #d4ee71;}h3 {	color:#333;	font-size:18px;	padding:0;	margin:10px 0 0;}#gallery h2 {	border-bottom:none;	color:#333;	font-size:20px;	padding:0;	margin:0 0 10px 0;}#gallery h2 span {	color:#333;	border:1px solid #CCCCCC;	padding:2px 6px;}#gallery h2 a {	font-weight:normal;}ul {	font-size:12px;	padding-left:15px;}li {	margin-bottom:10px;}a {	color:#a22839;	text-decoration:none;}a:hover {	text-decoration:underline;}#sideCol a {	color:#880e1f;	font-weight:bold;}#mainCol strong {	text-transform:uppercase;	font-weight:bold;	color:#003300;}.imageRight {	float:right; margin:10px 0 5px 15px;}hr {	color: #d4ee71;	background-color: #d4ee71;	height: 1px;	border:none;	clear:both;}#mainCol p span {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#003300;}div.link-2010 {float:right;}