﻿@charset "utf-8";
/* CSS Document */
body{
	background:#332F2E url(images/site-back.jpg) center top repeat-x;
	font-size:1em;
	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing: .1em;*/
	text-align:center;
	color:#003a63;
}
html, body {height: 100.1%}

p, li {
	text-align:left;
	color:#ffffff;
	line-height: 140%;
	margin-top:0px;
	margin-left: 20px;
	margin-right:20px;
	font-size: 80%; /* Was 90. didn't make sense to make P 90%, then shrink to  80% every time with a class. */
	background-color:transparent;
}

ul {
	color:#003a63;
	text-align:left;
} 

h1, h2, h3, h4, h5 {
	color:#ccc;
	text-align:left;
	margin-top: .6em;
	margin-left: 20px;
	margin-bottom:0px;
}
h1 {
	font-size: 140%;
	margin-bottom: .7em;
}
h3 {
	font-size: 120%;
	margin-bottom: .7em;
}

hr.divider {
	margin-top: .4em; margin-bottom: .4em;
}

a:link {
	color: #afb18c;
}
a:hover {
	color: #ffffff;
}
a:visited {
	color: #afb18c;
}

#wrapper {
	margin:0px auto;
	text-align:center;
	width: 800px;
	background: #000000 url(images/left-back.jpg) left top repeat-y scroll;
}
/*in the banner*/
#banner {
	margin: 0 auto;
	width: 800px;
	height:150px;
	background-color:black;
}
#upward-mobility {
	width:200px;
	height:112px;
	float:left;
}
#partner {
	height:51px;
	text-align:right;
}
#blue-line {
	background-color:#4074b9;
	width: 800px;
	height:10px;
}
#thin-blue-line {
	background-color: #4074b9;
	width: 800px;
	height: 2px;
	margin-bottom: 2px;
	padding: 0;
	border: none;
}

#menu-wrap {
	height: 20px;
	background-color:#322f2e;
	margin-top:0px;
	margin-bottom:0px;
}

#menu {
	vertical-align:middle;
	text-align:right;
	width:800px;
	background-color:#322f2e;
}

#menu a, #menu a:link, #menu a:visited {
	color: #ffffff;
	background-color:transparent;
	font-size: 90%;
	text-align:right;
	text-decoration:none;
	padding-right:16px;
}

#menu a:hover {
color:#afb18c;
}

/*menu active page buttons*/
body.hm #menu #hm, body.hm #menu #hm a,
body.ab #menu #ab, body.ab #menu #ab a,
body.ct #menu #ct, body.ct #menu #ct a,
body.do #menu #do, body.do #menu #do a,
body.bod #menu #bod, body.bod #menu #bod a,
body.don #menu #don, body.don #menu #don a,
body.par #menu #par, body.par #menu #par a,
body.new #menu #new, body.new #menu #new a,
body.re #menu #re, body.re #menu #re a,
body.lu #menu #lu, body.lu #menu #lu a,
body.sl #menu #sl, body.sl #menu #sl a,
body.mp #menu #mp, body.mp #menu #mp a
{
	color:#ffffff;
}
/*in content area*/
#content {
	margin: 0 auto;
	background: transparent url(images/back-stripe.png) top left repeat-y;
	width: 800px;
}

#left-col {
	float:left;
	width:170px;
	background-color:transparent;
	font-size:70%;
	padding-top: 14px;
}
p.left-col {
	letter-spacing: normal;
	line-height: normal;
}

#left-col img {
	padding-bottom: 6px;
}

#wrap-copy {
	margin-left: 177px;
	background:url(images/copy-top.jpg) left top no-repeat scroll;
	text-align: center;
	background-color: transparent;
}

#copy {
	margin: auto;
}

#copy-top {
	text-align: left;
	height: 58px;
}

#two-col-wrap {
	width: 100%; 
}
div.one-col { /* Two of these fit inside a two-col-wrap DIV */
	width: 50%;
	float: left;
}

/*end content styles*/

td {
font-size: 90%;
}

#footer {
font-size: 70%;
	font-weight: bold;
	color: #fff;
	width: 800px;
	margin: 0 auto;
	background-color: transparent;
	height: 1.5em;
	text-align: center;
	background-color: #000;
}

#footer a, #footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#credits {
font-size: 70%;
	font-weight: bold;
	color: #fff;
	width: 800px;
	margin: 0 auto;
	background-color: transparent;
	height: 1.5em;
	text-align: center;
	background-color: #000;
	}
#credits a, #credits a:link, #credits a:visited {
	color: #ffffff;
	text-decoration: none;
}	
div#formcontainer {
	width: 580px;
	margin-left: 20px;
	margin-top: 1em;
}

div#formcontainer form {
	/* border: 1px; solid #4c5242; */
	color: #fff;
	font-size: 80%;
}

div#formcontainer div.clearfix {
	padding: 4px 0;
}

div#formcontainer form label {
	width: 200px;
	float: left;
	text-align: left;
}

div#stair-lifts, div#vpl {
	float: left;
	width: 50%;
}

img {
	border: none;
}
img.r-edge {
	margin-left: 20px;
}
img.swl-pics {
	margin: .5em 0;
}
img.home-logo {
	margin-bottom: 4px;
}
img.b1pad {
	padding-bottom: 3px;
}
img.logo-bottom {
	margin-bottom: 1em;
}


/********** too hard to see --
a, a:link, a:visited {
	color:#003a63;
}
*********/

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

.zero-top {
	margin-top:0px;
}

.zero-bottom {
	margin-bottom:0px;
}

.yellow-back {
	background-color:#FFE800;
	margin-left:6px;
	margin-right: 6px;
} 

.green-back {
	background-color: #B0C022;
}

.orange-back {
	background-color: #F78F1E;
	margin-left:6px;
	margin-right: 6px;
}

.larger {
	font-size: 130%;
}

.larger-blue {
	font-size: 130%;
	color: #005595;
}
.hide {
	display:none;
}
.smaller {
	font-size: 80%;
}
.bi {
	font-weight: bold;
	font-style: italic;
}


blockquote {
	font-size: 80%;
	color: #fff;
	text-align: justify;
}
table.oem {
	width: 590px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table.oem td {
	padding: 10px 0 6px 0
}

/* Allset Clearing Method */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }
/* backslash hack hides from IE Mac\ */
* html .clearfix { height: 1%; }
/* end backslash hack */

#coming-soon {
float:right;
width: 200px;
border: 2px solid #999999;
color:white;
padding: 10px;
margin: 10px;
font-size: 90%;}