/* Much thanks and credit to Eric Meyer for most of this design.
						http://meyerweb.com/eric/css/edge/complexspiral
							redone starting 2009-08-28 */
/* Old colors:
   #993300 is orange
   #e9ffff is powder blue
   #826d00 is oliveish
   #148200 is green
   #001482 is blue bg
   #280013 is maroon */

body {
	background: #000 url(../images/ohsandones.jpg) 0 0 no-repeat fixed;
	position: relative;
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:100%;
	line-height:1.5em;
	max-width:100em;
	min-width:50em;
}
p {
	font-size:1em;
}
h1 {
	margin: -9px -9px 0.5em;
	padding: 15px 0 5px;
	text-align: right;
	background: #ace;
	color: #024;
	letter-spacing: 0.5em;
	text-transform: lowercase;
	font: bold 25px sans-serif;
	height: 28px;
	vertical-align: middle;
	white-space: nowrap;
}
h2,h3,h4 {
	font-family:Georgia,serif;
}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code, pre {
	color: #edc;
	display:block;
	font-size: 110%;
	font-family: "Andale Mono", monospace;
	padding: 10px;
}
.helptext {
	font-size: .5em;
	font-style: italic;
	text-align:center;
	color: #fff;
}
.float_right {
	float:right;
	margin-left:20px;
	border:1px solid #fff;
}
blockquote {
	color:#fff;
	font-style:italic;
	font-family:Arial,Helvetica,sans-serif;
	/*font-size:.95em;*/
	text-indent: 10px;
	padding: 0 10px 6px 18px;
	margin: 0 26px 10px 36px;
	background: url(../images/quote_new.png) 0 0 no-repeat;
}
blockquote span {font-size:1.5em;color:#fd0}
.sig {
	text-align:right;
}
.anchor, #cse-search-box, .ads {
	text-align:center;
}
.tooltip {
	cursor: help;
	border-bottom: 1px dashed #eee;
}
					/* Main content */
div#content {
	background: #2a4768 url(../images/ohsandones_blue.jpg) 0 0 no-repeat fixed;
	position: absolute;
	top: 26px;
	left: 161px;
	right: 25px;
	color: #eed;
	padding: 10px;
	border: solid #fc9;
}
div#content p {
	margin: 0 1em 1em;
}
div#content h3 {
	margin-bottom: 0.5em;
}
div#content a:link {color: #fff;}
div#content a:visited {color: #bbc;}
div#content a:link:hover {color: #ff0;}
div#content a:visited:hover {color: #cc0;}
					/* Navigation */
div#nav {
	position: fixed;
	top: 26px;
	left: 0;
	width: 160px;
	height: 700px;
	font: 16px Verdana, sans-serif;
}
div#nav a {
	background: transparent url(../images/ohsandones_fade.jpg) 0 0 no-repeat fixed;
	display: block;
	text-align: center;
	font: bold 16px sans-serif;
	padding: 5px 10px;
	margin: 0 0 2px;
	border-width: 0;
	text-decoration: none;
	color: #ffc;
	/*border-right: 5px solid #ffcc99;*/
}
div#nav a:hover {
	background: transparent url(../images/ohsandones_wash.jpg) 0 0 no-repeat fixed;
	color: #411;
	/*border-right: 5px double #ffcc99;*/
}
					/* The popups under the navigation */
div#nav a span {display:none;}
div#nav a:hover span {
	display: block;
	position: absolute;
	top: 390px;
	left: 0;
	width: 125px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #aaa;
	background: transparent;
	font: .8em "Verdana", sans-serif;
	text-align: center;
}
					/* Table for phone numbers - using a table eliminated
					annoying IE wierdness with lists and indentation. */
.numbers {
	border:1px solid #fff;
	background-color:#000;
	padding:3px;
	margin:auto;
}
.numbers td {
	font-size:1.2em;
	color:#fff;
}
					/* divs on websites.php */
.sites { /*Had to add this to stop IE6 from positioning the content of websites.php under the navigation */
	float:left;
}
.sites img {
	float:left;
	margin:0 15px 15px 0;
	border:2px solid #fff;
	padding: 4px;
}
.sites h4>a {text-decoration:none}
caption {margin:0 auto}
					/* The icons on links.php */
.button {
	border:none;
	float:right;
	margin-top:.4em;
}
					/* Hours Table */
#hours {
	width:40%;
	max-width:60em;
	margin:0 auto;
	padding:5px;
	border:2px solid #fff;
	color:#fff;
	background-color:#000;
}
caption {
	font-weight:bold;
	font-size:1.5em;
	margin:0 auto;
	color:#fff;
}
					/* Button on contact form */
input.btn {
	color:#fff;
	background-color:#000;
}
					/* FAQ styles, idea from http://www.steveeray.com/archives/000036.cfm */
.question {
	font-weight: bold;
	padding: 0 0 .1em 0;
	margin-bottom: 0;
	margin-left: 1.5em;
}
.answer {
	margin-top: 0;
	margin-left: 1.5em;
}
.question span {
	font-weight: bold;
	padding: .2em .5em .2em .2em;
	font-size: 150%;
	color: #b00000;
}
.answer span {
	font-weight: bold;
	padding: 0 .5em 0 .2em;
	font-size: 150%;
	color: #008000;
}
					/* footer at bottom of each page */
address {
	margin:10px 0 0 0;
	text-align: center;
	font-size:.85em;
	font-style:normal;
	padding: 10px 0;
	border-top: 1px solid #ace;
	color:#999;
	clear:both;
}