/* 
CSS
© Copyright 2006
Fleet Graphics, Inc.
1940 Smithville Rd.
Kettering, Ohio 45420
937-252-2552

No part of this file or site may be copied, saved, stored
or otherwise used without expressed or written permission 
from Fleet Graphics Inc.

Site coded and built by Jack Minardi.
*/



/*
Body and Main ID's 
Used as containers
*/

body {
	background: white;
	margin: 10px;
	font-family: arial;
}

#container {
	width: 1023px;
	position: relative;
}

#header {
	width: 1023px;
	height: 122px;
	background: url(images/header.jpg) no-repeat;
}

#left {
	width: 184px;
	height: 627px;
	float: left;
	position: relative;
	text-align: left;
	padding: 8px;
	padding-top: 0px;
	color: white;
	font-size: 90%;
	background: url(images/left.jpg) no-repeat;
}
	
#content {
	position: relative;
	background: url(images/content.gif) no-repeat center;
	height: 583px;
	width: 551px;
	right: 12px;
	padding-top: 0px;
}
	
#singlecolumn {
	position: relative;
	width: 551px;
	right: 12px;
	padding: 10px;
	text-align: left;
}
	
#right {
	position: relative;
	float: right;
	width: 208px;
	height: 620px;
	padding: 8px;
	text-align: left;
	background: url(images/right.jpg) no-repeat;
}

#bottombox {
	padding-top: 40px;
	font-size: 75%;
	text-align: left;
}

#bottom-links {
	margin-top: 8px;
	text-align: center;
	color:#baf0f2;
	margin-right: 4px;

}

html>body #leftbox {		/*Hack to block I.E. from reading this part*/
	position: absolute;
	width: 232px;
	font-size: 80%;
	text-align: left;
	top: 270px;
	left: 12px;
}

html>body #rightbox {		/*Hack to block I.E. from reading this part*/
	position: absolute;
	width: 232px;
	font-size: 80%;
	text-align: left;
	top: 270px;
	right: 25px;
}

#form-box {
	width: 500px;
}


/*
Links
Used to style all links used throughout the site
*/
	
a {
	color: blue;
}

a:hover {
	text-decoration: none;
	color: red;
}

a.navlinks {
	color: blue;
}

a.navlinks:hover {
	text-decoration: none;
	color: red;
}



/* 
Classes
Used to style certain elements
*/

.nav {
	color:  black;
	position: relative;
	top: 40px;
	left: 165px;
	font-size: 125%;
}

.lefthead {
	position: relative;
	float: left;
	color: blue;
	bottom: 5px;
	left: 15px;
	font: 150% Times;
}

.tab {
	position: relative;
	width: 300px;
	height: 25px;
	background: url(images/tab.gif) no-repeat;
	text-align: center;
	left: 120px;
	bottom: 10px;
	font-size: 150%;
	padding-bottom: 20px;
	padding-top: 10px;
	color: blue;
}

.directions {
	border: 1px dashed #cacaca;
	background: #fff2bb;
	padding: 4px;
	text-align: center;
}

.lefttext {
	position: relative;
	bottom: 15px;
}

#footer-home {
	padding-top: 50px;
	font-size: 70%;
}

h3 {
	color: black;
	text-align: center;
	font-weight: bold;
	font-stretch: condensed;
	font-size: 150%;
	
}

h3.h3right {
	color: #918c19;
	font-size: 125%;
}

img {
	border: none;
}



/*
Services List
Used as main headers on Services page
*/

ul.services li{
	list-style-type: none;
	color: black;
	background: url(images/servicebg.jpg) no-repeat;
	position: relative;
	width: 390px;
	height: 57px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

html>body ul.services li{		/*Hack to block I.E. from reading this part*/
	padding-top: 20px;
}

ul.services li:hover {
	background: url(images/servicebgover.jpg) no-repeat;
	color: #ece8da;
}

ul.services li a {
	color: black;
	text-decoration: none;
	position: relative;
	width: 100%;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 26px;
	padding-right: 100px;
}

ul.services li a:hover {
	color: #ece8da;
}

ul.services ul li{
	list-style-type: none;
	color: black;
	background: none;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

html>body ul.services ul li{		/*Hack to block I.E. from reading this part*/
	padding-top: 15px;
	padding-bottom: 15px;
}

ul.services ul li:hover {
	background: none;
	color: black;
}


/*
Rollover UL Menu
Used for rollmenu in left.php
*/

ul.rollmenu {
	list-style-type: none;
    color: #000;
    background-color: none;
    margin: 0;
    padding: 0;
    width: 127%;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0 0.5em;
    width: 127%;
    right: 8px;
    position: relative;
}
    
html>body ul.rollmenu {		/*Hack to block I.E. from reading this part*/
	width: 185px;
}
    
ul.rollmenu li {
	font-weight: bold;
    margin: 0;
    padding: 0;
}
    
ul.rollmenu ul {
	list-style-type: none;
    margin: 0.1em 0 0 0;
    padding: 0;
    border-bottom: 0px solid #dda;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin: 0.1em -0.5em 0 -0.5em;
}
    
ul.rollmenu a {
	font-weight: normal;
    text-decoration: none;
    color: white;
    background-color: transparent;
    margin 0;
    padding: 0 0.5em 0 8px;
    width: 100%;
    border-top: 1px solid #dda;
    display: block;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 1em;
}
    
html>body ul.rollmenu a {		/*Hack to block I.E. from reading this part*/
	width: auto;
}

ul.rollmenu a:hover {
	color: white;
    background: #b8ad8c url(images/rollover.gif);
}