/* -----------------------------------
base
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	color: #444;
	background: #eee;
	font: 112.5%/1.3 helvetica-light, "Helvetica Light", helvetica, "Helvetica", arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { color: #696829; }

h1
{
	margin: 0 0 .3em;
	font-size: 1em;
	line-height: 1;
}

h2
{
	margin: 0 0 .7em;
	font-size: 1.77777777777778em;
	/* 32/18 */
	line-height: 1.1;
}

h3
{
	margin: 0 0 .3em;
	font-size: 1.22222222222222em;
	/* 22/18 */
}

p { margin: 0 0 1.5em; }

img
{
	display: block;
	max-width: 100%;
}

ul
{
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

dl { margin: 0 0 1em; }

dt
{
	margin: 0 0 1em;
	padding: 0;
	font-weight: bold;
}

dd
{
	margin: 0 0 1em;
	padding: 0;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

a:link { color: #69682C; }
a:visited { color: #69682C; }
a:focus { color: #000; }
a:hover { color: #000; }
a:active { color: #b40000; }

/* -----------------------------------
layout
----------------------------------- */

.container
{
	max-width: 42em;
	margin: 0 auto 10px;
	background-color: #fff;
	border-bottom: 10px solid #343517;
}

.header
{
	padding: 40px 10%;
	background-color: #69682c;
}

.header img { margin: 0 auto; }

.headerSmall
{
	padding: 20px 10%;
	border-bottom: 20px solid #343517;
}

.intro
{
	padding: 30px 10%;
	color: #d7d7d1;
	background-color: #343517;
}

.content
{
	border-top: 1px solid #fff;
	padding: 40px 10% 0;
	margin: 0 0 20px;
}

.footer
{
	margin-top: 4em;
	font-size: .77777777777778em;
	/* 14/18 */
}

/* -----------------------------------
helpers
----------------------------------- */

.font24 { font-size: 1.33333333333333em; }
.font22 { font-size: 1.22222222222222em; }
.font18 { font-size: 1em; }
.font15 { font-size: .8333333333333334em; }
.font14 { font-size: .77777777777778em; }
.margintopdouble { margin-top: 2em; }
.margintop { margin-top: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginbottomhalf { margin-bottom: .5em; }
.marginrighthalf { margin-right: .5em; }
.marginlefthalf { margin-left: .5em; }

.alignRight
{
	float: right;
	margin: 0 0 1em 1em;
	padding: 5px;
	background: #fff;
	box-shadow: 3px 3px 10px #aaa;
}

.paddingtopbottomhalf
{
	padding-top: .5em;
	padding-bottom: .5em;
}

.paddingbottomhalf { padding-bottom: .5em; }
.hidden { display: none; }

.overflow
{
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

/* -----------------------------------
bullets
----------------------------------- */

.bullet li
{
	padding: .1em 0 .1em 20px;
	background: url(../images/bullet.png) no-repeat 0 .5em;
}

/* -----------------------------------
forms
----------------------------------- */

.label
{
	display: block;
	margin: 0 0 .3em;
}

.input
{
	width: 80%;
	margin: 0;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 3px 5px;
	background-image: linear-gradient(#efefef,#fff 20px);
	box-shadow: 0 1px 1px 0 #fff inset;
	color: rgb(105,104,44);
}

.input:focus, .input:hover { border: 1px solid #000; }
.checkbox li { padding: .2em 0; }
.checkbox input { margin: 0 .5em 0 0; }

@media screen and (min-width: 36em)
{
	.label
	{
		float: left;
		width: 8em;
		margin: 0 1em 0 0;
		text-align: right;
	}
	
	.input
	{
		float: left;
		width: 15em;
	}
	
	.indent { margin-left: 9em; }
}

/* -----------------------------------
buttons
----------------------------------- */

.button
{
	margin: 0;
	padding: .5em 1em;
	border-radius: 5px;
	border: none;
	color: #fff !important;
	background-color: rgb(105,104,44);
	text-decoration: none;
}

.button:focus { background-color: #000; }
.button:hover { background-color: #666; }
.button:active { background-color: rgb(180,0,0); }