* { margin: 0; padding: 0; }
img { display: block; border: none; }
a { text-decoration: none; color: #036; }
ul { list-style-type: none; }

html, body {
	color: #666; 
	background-color: #ccc;
	height: 100%;
}

body {
	font-family: trebuchet, "trebuchet ms";
	font-size: 81.25%;
	line-height: 1.538em;
}

.footer { 
	width: 100%; max-width: 1200px; background-color: #f0f0f0;
	margin: 0 auto; height: 2em; line-height: 2em; 
	background-image: url("../images/mid-blue.gif");
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
}

.push { height: 2em; clear: both; }
.copyright { font-size: 0.85em; float: left; padding-left: 40px; }
.footerMenu { font-size: 0.85em; float: right; padding-right: 10px; }

.wrapper {
	background-color: #fff;
	max-width: 1200px; min-width: 200px;
	margin: 0 auto;
/*	background-image: url("../images/white.gif"), url("../images/aa-blue.gif");
	background-repeat: no-repeat, repeat-y;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -2em;
	position:relative;
}

.content {
	border-top: 20px solid #036;
	margin-left: 328px;
/*	background-color: green;*/
	padding-top: 50px;
	clear: both;
	position: relative;
	min-height: 33em;
}

div.hr {
	margin-left: 20px; height: 0px; border-top: 1px solid #ccc;  
}

hr { display: none; }

.sideCol .hr { display:none; }

.content p a:hover { border-bottom: 1px #036 dotted; }
.content p a { padding-bottom: 1px; }

.content h1, .content h2, .content div.mainHead { color: #036; letter-spacing: 1px; font-weight: bold; }

h1 span, h2 span { white-space: nowrap; }

.content .mainHead { font-size: 1.4em; }

.content h2, .content h3 { font-size: 1em; }

.content p, .content h2, .content h3 { margin: 1.538em 0 1.538em 20px;}
.content h3 { color: #036; margin-bottom: -1.538em; letter-spacing: 1px;}
.content h3.lc { letter-spacing: 0px; }
.content ul, .content ol { margin: 1.538em 0; }

.mainContent { margin-right: 280px; max-width: 530px; padding-bottom: 1.538em; }

.content .bullets {
	list-style-type: square;
	margin-left: 20px;
	color: #036;
}

.content ol {
	margin-left: 20px;
	color: #036;
}
.content ol h3 { display: inline; margin: 0; }
.bullets span, .content ol span { color: #666; }

.linkMenu { margin-left: 0; }
.linkMenu a {
	padding-left: 20px;
	background-image: url('../images/arrow.gif');
	background-repeat: no-repeat;
	background-position: 10px center; 
	white-space: nowrap;
}

.linkMenu a:hover {
	background-position: 13px center; 
}

.linkMenu .subList {
	margin-top: 1.538em;
}

.linkMenu .subList ul { margin-top: 0; padding-left: 20px;}
.linkMenu .subList div { padding-left: 20px; }

.sideCol {
	width: 250px;
	position: absolute; top: 50px; right: 0;
	padding-bottom: 2em;
	padding-top: 1.538em;
}

.sideCol form { margin: 1.538em 0; }
.sideCol h2 { color: #666; }
.sideCol .phone, .sideCol form { padding-left: 20px; }
.sideCol img { padding-top: 5px; }

.sect2 img { display: inline; margin-left: 15px; }

input#keywords { 
	font-family: trebuchet, "trebuchet ms";
	font-size: 1em;
	color: #666;
	padding: 2px;
	width: 80%;
}

#mainNav {
	color: #fff; background-color: #000; text-align: center;
	position: fixed; top: 0; left: 0; width: 100%;
	box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	z-index: 100;
}

#mainNav a { color: #fff; padding: 0.5em 0.75em 0.2em 0.75em; display: inline-block; }

#mainNav li { display: inline-block; color: #fff; background-color: #000;}
#mainNav .subMenu li { display: block; background-color: #eee; }
#mainNav .subMenu li:last-child { padding-bottom: 5px; }
#mainNav .subMenu li:first-child { padding-top: 5px; }
#mainNav .subMenu {
	position: absolute; text-align: left;
	box-shadow: 0px 1px 5px -1px #000;
	-webkit-box-shadow: 0px 1px 5px -1px #000;
	padding-top: 6px;
	margin-top: -6px;
	background-image: url("../images/menu-top.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav .subMenu a { color: #000; display: block; padding: 0.3em 0.75em 0.2em 0.75em}
#mainNav .subMenu a:hover { color: #fff; background-color: #036; } 

.header {
	background-color: #fff;
}

.logo { 
	padding: 70px 90px 0 34px;
	background-color: #fff;
	position: absolute; z-index: 10
}
.logo img { float: left; }

#slideShow { width: 500px; margin-left: auto; }
#slideShow img { opacity: 0.95; width: 100%; height: auto; }

.image {
	position: absolute; top: 192px; left: 0; width: 290px; bottom: 2em;
	border-left: 34px solid #036;
}

.crop { overflow: hidden; }

.image img { 
	margin-top: 3.2em; width: 100%; height: auto;
}

.image .caption {
	font-size: 0.85em;
	margin-left: 6px;
	margin-top: 1.3em;
	line-height: 1.3em;
	color: #999;
}

