* {
	margin: 0;
	padding: 0;
	}

html {
	/* scrollbar fix */
	padding: 0;
	height: 100%;
	margin-bottom: 1px;
	}

body {
	text-align: center;
	font: 62.5%/1.6 "Verdana", "Arial", "Helvetica", sans-serif;
	color: #232323;
	}

.hg-1 {
	width: 95px;
	float: left;
	}

.hg-2 {
	width: 190px;
	float: left;
	}

.hg-3 {
	width: 285px;
	float: left;
	}

.hg-4 {
	width: 380px;
	float: left;
	}

.hg-5 {
	width: 475px;
	float: left;
	}

.hg-6 {
	width: 570px;
	float: left;
	}

.hg-7 {
	width: 665px;
	float: left;
	}

.hg-8 {
	width: 760px;
	float: left;
	}

.hg-9 {
	width: 855px;
	float: left;
	}

a {
	color: #1FA5B0;
	text-decoration: none;
	font-weight: bold;
	}

a:visited {
	color: #8FD2D7;
	}

a:hover,
a:focus {
	color: #F7941D;
	border-bottom: 1px dotted #1FA5B0;
	}

a:active {
	color: #F7941D;
	}

.clearl {
	clear: left;
	}

div#outer-wrapper {
	width: 879px;
	margin: 0 auto;
	text-align: left;
	}

div#access {
	padding: 0 12px;
	margin: 5px 0 0 0;
	}

div#access ul {
	float: right;
	list-style-type: none;
	}

div#access ul li {
	float: left;
	margin-left: 10px;
	}

div#header {
	clear: both;
	height: 225px;
	background: transparent url(/assets/graphics/header-bg.jpg) center center no-repeat;
	padding: 0 12px;
	}

div#logo {
	height: 162px;
	margin: 21px 0 0 0;
	position: relative;
	}

div#logo h1 {
	position: relative;
	float: right;
	display: block;
	height: 162px;
	width: 285px;
	overflow: hidden;
	}

div#logo h1 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 162px;
	width: 285px;
	display: block;
	z-index: 10;
	background: transparent url(/assets/graphics/logo.jpg) center center no-repeat;
	}

div#logo div {
	position: absolute;
	top: 0;
	left: 0;
	height: 162px;
	width: 855px;
	z-index: 20;
	}

.h-inject {
	background: transparent url(/assets/graphics/inject.jpg) left center no-repeat;
	}

.h-slow {
	background: transparent url(/assets/graphics/slow.jpg) left center no-repeat;
	}

.h-paper {
	background: transparent url(/assets/graphics/paper.jpg) left center no-repeat;
	}

.h-untangle {
	background: transparent url(/assets/graphics/untangle.jpg) left center no-repeat;
	}

.h-circles {
	background: transparent url(/assets/graphics/circles.jpg) left center no-repeat;
	}

.h-mistakes {
	background: transparent url(/assets/graphics/mistakes.jpg) left center no-repeat;
	}

.h-wrong-turn {
	background: transparent url(/assets/graphics/wrong-turn.jpg) left center no-repeat;	
	}

div#navigation {
	height: 42px;
	}

div#navigation ul {
	height: 42px;
	list-style-type: none;
	}

div#navigation ul li {
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 1px 0;
	}

div#navigation ul li a {
	display: block;
	width: 95px;
	font-style: italic;
	font-size: 1.2em;
	background: transparent url(/assets/graphics/menu-button-a-bg.gif) center center no-repeat;
	}

div#navigation ul li a.active {
	color: #F7941D;
	}

div#navigation ul li a:hover,
div#navigation ul li a:focus {
	border-bottom: none;
	background: transparent url(/assets/graphics/menu-button-a-rollover.jpg) center center no-repeat;
	}

div#content {
	padding: 20px 12px;
	}

div#content:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	}

div#content .hg-1,
div#content .hg-2,
div#content .hg-3,
div#content .hg-4,
div#content .hg-5,
div#content .hg-6,
div#content .hg-7,
div#content .hg-8,
div#content .hg-9 {
	padding: 0 5px;
	}

div#content .hg-1 {
	width: 85px;
	}

div#content .hg-2 {
	width: 180px;
	}

div#content .hg-3 {
	width: 275px;
	}

div#content .hg-4 {
	width: 370px;
	}

div#content .hg-5 {
	width: 465px;
	}

div#content .hg-6 {
	width: 560px;
	}

div#content .hg-7 {
	width: 655px;
	}

div#content .hg-8 {
	width: 750px;
	}

div#content .hg-9 {
	width: 845px;
	}

div.jotter {
	background: transparent url(/assets/graphics/jotter_pin.jpg) center center no-repeat;
	height: 270px;
	padding: 34px 34px 24px 34px;
	overflow: hidden;
	}

div.liz {
	background: transparent url(/assets/graphics/liz.jpg) center center no-repeat;
	width: 271px;
	height: 320px;
	overflow: hidden;
	}

div.ml-join {
	padding: 10px 34px;
	}

div.cu-button {
	padding: 10px 34px;
	}

div.cu-button a {
	display: block;
	padding: 4px;
	text-align: center;
	background-color: #1FA5B0;
	color: #FFF;
	}

div.cu-button a:hover {
	text-decoration: none;
	border: 0;
	background-color: #F7941D;
	}

div#content h2 {
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	font-size: 1.8em;
	color: #F7941D;
	}

div#content h3 {
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	font-size: 1.6em;
	color: #F78800;
	font-weight: normal;
	margin: 1em 0 0 0;
	}

div#content div.jotter h3 {
	margin-top: 0.6em;
	}

div#content p {
	font-size: 1.1em;
	margin: 1.2em 0 0 0;
	}

div#content div.form {
	padding: 0 0 0 75px;
	}

div#content div.form div.key {
	margin: 0 0 5px 0;
	}

div#content div.form div.key p {
	font-style: italic;
	font-size: 1em;
	}

div#content div.form div.key p span {
	color: #FF0000;
	}

div#content p.field {
	width: 455px;
	padding: 5px 5px;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	}

div#content p.field:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	}

div#content p.field label {
	display: block;
	width: 170px;
	float: left;
	padding: 0 10px 0 0;
	}

div#content p.field label.required {
	font-weight: bold;
	}

div#content p.field label.required span {
	color: #FF0000;
	}

div#content p.field input.text {
	display: block;
	width: 270px;
	float: left;
	border: 1px solid #888;
	}

div#content p.field textarea {
	display: block;
	width: 270px;
	float: left;
	border: 1px solid #888;
	}

div#content p.field textarea.med {
	height: 75px;
	}

div#content p.field textarea.lrg {
	height: 150px;
	}

div#content p.field span.option label {
	display: inline;
	float: none;
	}

div#content div.ml-join h3 {
	color: #232323;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1.1em;
	margin: 0 0 0.6em 0;
	}

div#content ul {
	font-size: 1.1em;
	margin: 1.2em 1.2em 0 0;
	list-style-type: none;
	}

div#content ul li ul {
	font-size: 1em;
	margin: 0.3em 1.2em 0.3em 1.2em;
	list-style-type: none;
	}

div#content ul li ul li ul {
	font-size: 1em;
	margin: 0.3em 1.2em 0.3em 1.2em;
	list-style-type: none;
	}

div#content ol {
	font-size: 1.1em;
	margin: 1.2em 2em 0 2em;
	}

div#content ol li ol {
	font-size: 1em;
	margin: 0.3em 2em 0.3em 2em;
	list-style-type: lower-alpha;
	}

div#content ol li ol li ol {
	font-size: 1em;
	margin: 0.3em 2em 0.3em 2em;
	list-style-type: lower-roman;
	}

div#content ul li {
	padding-left: 1.6em;
	background: transparent url(/assets/graphics/teal-bullet.jpg) 5px 7px no-repeat;
	}

div#content li p {
	font-size: 0.8em;
	margin: 0.3em 0 0 0.6em;
	}

div#content a img {
	border: 0;
	}

div#content div.image-t {
	margin: 15px 0 0 0;
	}

div#content div.image-r {
	float: right;
	margin: 15px 0 15px 15px;
	}

div#content div.image-b {
	margin: 15px 0 0 0;
	}

div#content div.image-l {
	float: left;
	margin: 15px 15px 15px 0;
	}

div#content div.tinted {
	border: 1px solid #F7941D;
	background-color: #FDEAD2;
	padding: 0 10px;
	}

div#footer {
	clear: left;
	border-top: 1px dotted #CCC;
	padding: 18px 12px;
	}

div#footer blockquote {
	font-size: 1.1em;
	color: #777;
	font-style: italic;
	float: left;
	width: 400px
	}

div#footer ul {
	float: left;
	width: 419px;
	list-style-type: none;
	padding: 0 0 0 12px;
	}

div#footer ul li {
	float: right;
	margin-left: 10px;
	}

div#footer:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	}