@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

::selection  { color: #fff; background: #005666; }
::-moz-selection { color: #fff; background: #005666; }
::-webkit-selection { color: #fff; background: #005666; }

html { background: url(../media/layout/bg.jpg) repeat-x; }
body { font:18px/27px 'PT Sans Narrow', Arial, sans-serif; color: #4b452e; margin: 0; padding: 0; }
a { color: #5b8918; text-decoration: underline; }
a:hover, a:active { color: #a2760b; }
h1, h2 { font-family: 'PT Sans Narrow', sans-serif; font-size: 38px; text-transform: uppercase; line-height: 44px; font-weight: normal; letter-spacing: -1px; color: #8ea3c7; margin: 0 0 16px; }
h3 { font-size: 18px; font-weight: normal; margin: 8px 0; }
h4 { font-size: 14px; font-weight: normal; margin: 0; }
h5 { font-size: 12px; font-weight: normal; margin: 0; }
ul { margin-left: 20px; }
ol { margin-left: 36px; }


/*/ layout /*/

#wrapper { width: 960px; padding: 48px 0; margin: 0 auto; }

#main { float: left; width: 492px; padding: 0 24px 12px; }

.callout { color: #056; font-size: 24px; line-height: 34px; border-top: 2px solid #056; border-bottom: 2px solid #056; margin: 30px 0; padding: 4px 0; }
	.callout a:link, .callout a:visited { color: #8ea3c7; }
	.callout a:active, .callout a:hover { color: #7da440; }

#sidebar { float: right; width: 400px; }
	#moose { height: 494px; }

/*/ typography /*/

.print { font-family: 'Amatic SC', cursive; text-transform: none; }
h1.print { font-size: 88px; line-height: 94px; letter-spacing: -2px; color: #056; margin-left: 24px; margin-bottom: 0; }

.copy { font-family: 'PT Sans Narrow', sans-serif; }

.green { color: #5b8918; }
.blue { color: #005666; }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/



/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/

div.clear { overflow: hidden; height: 1px; clear: both; }
div.clear-right { overflow: hidden; height: 1px; clear: right; }
img.alignRight { float: right; margin: 0 0 15px 15px; }
img.alignLeft { float: left; margin: 0 15px 15px 0; }
.error { color: #833; }

.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.cf {
	display: inline-block;
}
 
html[xmlns] .cf {
	display: block;
}
 
* html .cf {
	height: 1%;
}