/* This sets the overall frame for the site */
body {	
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
	background-color:white; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10pt;
	color: #222;
	width: 700px;
}

/* These control the fixed-width text elements of the page */
textarea, pre, code { font-size:0.9em; }
pre, code { font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%; }

a{text-decoration:none; color: #288;}
a:link{text-decoration:none;}
a:visited{text-decoration:none; color: #288;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.22em; }
h4 { font-size:1.07em; }
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }

h2{ border-bottom: 2px solid #333; padding-bottom: 5px;}
h3{ border-bottom: 1px solid #333; padding-bottom: 3px;}

p{
	line-height: 14pt;
	margin: 10px 0px 0px 0px;
	text-align: justify;
}

ol, ul{	
	line-height: 14pt;
	width:26em;
}

ol{list-style: decimal;margin-left: 14px;}

li {line-height: 14pt;
	margin: 5px;
}

form {
	margin: 12px 0px 12px 0px;
}

form input{
	margin: 5px;
}

.navigation {float:right; font-size:10pt; font-weight:bold; margin-top: -5px; }
.navigation li{float:right; }

#splash{text-align:center; }
#splash img{margin-left: auto;margin-right: auto;}

#sidebar{float: left; padding: 20px; width: 150px; }
#sidebar p{line-height:11pt; font-size:9pt;}

#content{float: right; width: 36em; margin-left:12pt; margin-bottom:18pt;}

#footer{clear: both; text-align:right; font-size:8pt;  border-top: 1px solid #777; margin-bottom:18px;}

form#mailing-list{
	margin-top: 18px;
}