html, body {
    height: 100%;
}

body{
	font-family: "Times New Roman", Times, serif;
	font-size:1em;
	margin:0;
	padding: 0;
	line-height:1.2em;
	min-width: 750px;
}

img{
	margin-bottom: 0.5em;
	margin-right: 2em;
	margin-left: 0;
}

/* @group Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	margin-bottom: 0;
}

h1{
	font-size:1.5em;
	margin-bottom: 1.2em;
}

h2
{
	font-size: 1.2em;
	margin-top: 2px;
	margin-bottom: 0.5em;
}

h3{
	font-size:0.95em;
	color:#999999;
	margin-top:-0.5em;
}

h4{
	font-size:0.9em;
	margin-top: -1em;
	margin-bottom: -0.3em;
}

a{
	color: #996633;
}
a img {
	border: 1px solid #000000;
}

a:visited{
	color: #cc9966;
}
/* @end */

/* @group Layout */

#header{
	position: relative;
	left: 10%;
	width: 65%;
	height:75px;
}

#navigation{
	position: absolute;
	bottom: 1em;
}

#footer{
	padding-bottom: 1em;
	padding-top: 1em;
	position: relative;
	left: 10%;
	width: 800px;
	border-top: 1px solid #a8a8a8;
	font-size: 0.9em;
}

.shortbody #footer{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	margin-top:2em;
	background-image: url("../img/footer.jpg");
	background-position: right;
	height: 99px;
	width: 100%;
}

.short_body_wrapper{
    position: relative;
    min-height: 450px;
	height:100%;
	background: url("../img/footer.jpg") no-repeat right bottom;
}

.gutter
{
	margin-left:-11em;
	width: 8em;
	text-align:right;
	padding-left: 2em;
	float:left;
	display: inline;
}

.gutter_content
{
	display:run-in;
}
/* @end */

#navigation ul
{
	list-style: none;
	padding: 0;	
	margin: 0;
}

#navigation li
{
	float: left;
	margin: 0 0.5em 0 0;
}

hr
{
	border: 0;
	color: #666;
	background-color: #666;
	height: 1px;
	width: 90%;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

.copyright
{
	margin-left: 1em;
	color: #454545;
}