html { height: 100%; }
body { 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	height: 100%;
	text-align: center;
	margin: 0px;
	font-size: 1.0em;
	background: url(images/body_bg.png) top center repeat-x #fff;
	/* background-position: 489px 0px; */
	color: #4a106d;
}
p { margin: 0 0 15px 0; }
pre, code { background-color: #eee; font-size: 0.8em; }
strong, span.bold { font-weight: bold; }
/* BUGFIX / BASELINE */
form, div { position: relative; }
.clearer { clear: both; }
br.clearer { font-size: 0.1em; height: 0px; width: 0px;}
.center { text-align: center; }

blockquote {
  padding: 10px;
  font-style: italic;
  font-size: 0.9em;
  color: #000;
  border-bottom: 1px solid #ede;
}
blockquote p:last-child {
  margin-bottom: 0;
}
hr {
  border-bottom: 1px solid #969;
  height: 0px;
}

/* LINKS */
a { outline: none !important; }
a:link, a:visited { color: #4a106d; text-decoration: none; border-bottom: 1px dashed #4a106d; }
a:hover { color: #e2ba05; text-decoration: underline; }
a:active {outline: none;}
a[target=_blank] {
	background: url(images/external.png) no-repeat scroll right center;
	padding: 0 13px 0 0;
}
a.image { border-bottom: none !important; background: none; padding: 0px;}

/* FORMS */
label { font-size: 0.8em; font-weight: bold; color: #5F8232; letter-spacing: 1px;}
#authenticity_token { display: none; }
form p label { display: block; }
form p span.hint.error,
form p label.error { color: #a33; }
form p input,
form p textarea { background-color: #fff; border: 1px solid #aaa;}
form p input[type='submit'] { /* Maybe use an image? */ }
form p input.error,
form p textarea.error { background-color: #ffebf3; border: 2px solid #a33;}

/* HEADINGS */
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; text-transform: uppercase;}
h3 { font-size: 1.1em; }
h4 { font-size: 0.9em; }

/* LISTS */
li { margin: 0 0 8px 0;}
li.empty { border: 0px; margin: 0px; height: 0px;}

/* LAYOUT */
div#outer_container {
	position: relative;
	width: 750px;
	text-align: left;
	margin: auto;
}
div#header {
	position: relative;
	height: 163px;
	font-size: 1.1em;
	overflow: hidden;
}
div#main_container{
	margin: 0 0 0 0;
	width: 744px;
}
div#content {
	position: absolute;
	top: 0px; left: 220px;
	margin: 10px 0 0 0;
	
}

div#footer a {color: #fff; }

/* HEADER */
div#header a#logo {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 384px; height: 163px;
	text-indent: -9999px;
	background: url(images/logo_and_accessories.png);
}
div#header h1, div#header h2 { position: absolute; color: #e2ba05; text-align: center;  width: 380px; }
div#header h1 { font-size: 2.3em; right: 0px; top: 45px; }
div#header h2 { font-size: 1.3em; right: 0px; top: 90px; text-transform: none;}


/* NAVIGATION */
div#navigation_sidebar {
	position: absolute;
	top: 0px; left: 0px;
	background: #e6f6ff;
	width: 210px;
}
div#navigation_sidebar img {
	margin: 8px 0 15px 12px;
}
ul.navigation {
	margin: 10px 0 10px 0;
	text-align: right;
}
ul.navigation li {
	position: relative;
	margin: 0 8px 0 0;
}
ul.navigation li a {
	font-size: 0.9em;
	letter-spacing: -0.02em;
	border-bottom: none;
	margin-right: 4px;
}
ul.navigation li.navigation_header {
	margin: 9px 8px -2px 0;
	font-weight: bold;
}


/* DETAILS */
div.divisions_container {
  overflow: auto;
}
ol.divisions {
  float: left;
  width: 30%;
}
ol.divisions li {
	list-style: disc;
	margin: 0 0 0 20px;
	font-size: 0.9em;
	padding: 0 0 0 0;
}

li.sponsor_level {
}
li.sponsor_level span.slogan {
	display: block;
	font-style: italic;
}
ul.benefits {
	margin: 0 0 0 10px;
}
ul.benefits li {
	list-style: disc;
	margin: 3px 0 0 15px;
}
ol.distances {
	margin: 0 0 10px 10px;
}
ol.distances li{
	list-style: decimal;
	margin: 0 0 0 15px;
}
ul#current_sponsors {
	width: 600px;
}
ul#current_sponsors li{
  display: inline-block;
	width: 300px;
	text-align: center;
	float: left;
	margin: 15px 0 0 0;
}
ul#current_sponsors li a {
}
img.logo {  }
ul.individual_sponsors {
	margin-bottom: 15px;
}
ul.individual_sponsors li {
	list-style: disc;
	margin: 0 0 3px 15px;
}

a.tiploader { margin: 0 7px 0 0; font-size: 0.8em;}
div#tips { margin: 15px 0 0 0; }
div.tips {
	margin: 0 0 20px 0;
}

div.tips ul li {
	list-style: disc;
	margin: 0 0 0 15px;
}






ol#current_projects {
  margin-left: 5px;
}

ol#current_projects li {
  list-style-type: decimal;
  margin-left: 20px;
}

div.sidebar {
  position: absolute;
  font-size: 0.8em;
  width: 210px;
  left: -220px;
  margin-top: -20px;
}
div#sidebar_1 {
  display: none; /* Only for HHHM */
  top: 455px;
}
div.sidebar p {
  border: 1px solid purple;
  padding: 5px;
}

/* UNDERSTANDING */
div#sidebar_2 {
}
#sidebar_3 {
  display: none;
}
div#sidebar_4 {
}
div#sidebar p.image {
  text-align: center;
}
div#sidebar p.image img {
  margin: auto;
}


img.photo {
  margin: 5px;
  border: 1px solid  purple;
}

.page_break {
  display: none;
}

#contact_info {display: none;}
.signature {
  font-size: 1.7em;
  font-family: 'Reenie Beanie';
}