/* external style sheet horton_style.css*/

body {	font: normal 14px/18px "Century Schoolbook", "Times New Roman", serif;
	background-color: #E9EDF0;
	color: #000;}

div, ul, li {margin: 0;	padding: 0;}
form {display: inline;}

/******************************************   standard text  *********************************************/

p {	font: normal 14px/18px "Century Schoolbook", "Times New Roman", serif; margin: 0px 0px 10px 0px; padding: 0px;}

p.cutline {font: bold 12px/16px "Arial", "sans serif"; display: inline; padding: 1px;}
	
h3 {	font: bold 16px/18px arial,sans-serif;
	display: inline;}

h2 {	font: bold 16px/18px "Century Schoolbook", "Times New Roman", serif;}

h1 {	font: bold 16px/18px arial,sans-serif; margin: 10px 0px 0px 0px;}

/******************************************    divtags   **************************************************/

#page {
	position: relative;
	width: 900px;
min-height: 100%;
height: auto;
	margin: 0px auto;
	padding: 5px 0px 40px 0px;
	text-align: left;
	border: solid 1px #000;
background: #fff;}

#content {
	position: relative;
top: 2px;
	width: 400px;
	padding: 1%;
background-color: #fff;}


#contentVD {
	position: relative;
	width: 365px;
	padding: 1%;
height: auto;
min-height: 100%;}

#footer {
	position: absolute;
	width: 99%;
	height: 20px;
	color: #fff;
	font-size: 12px;
	text-align: right;
	padding-right: 1%;
	background-color: #003263;
	bottom: 0px;
left: 0px;}

div.cutline {font: bold 12px/16px "Arial", "sans serif"; 
	background-color: #ffffc6;
	padding: 2px;
	margin: 5px 0px 5px 0px;
border: solid 1px;}
	
div.interior {position: relative;
	width: 200px;
float: left;
top:-10px;
margin-left: 5px;}

/******************************************   images    ************************************************/

img {	border : 0;
	position : relative;
	float:left;
	padding: 0px;
z-index: 1;}

img.top {
	float : none; 
	clear: none;
	top : 0;}

img.rightOutside {
	float: right;
	top: 10px;
	right: -50px;
	margin-left: -35px;
	margin-top: 10px;}

img.bottomRight {
	margin-top: 5px;
	float: right;
	right: -50px;
	border: solid 0px;}

img.left {
	position: relative;
	margin: 3px 10px 5px 0px;}
	
img.right {
	float: right; 
	margin-left: 15px;
	margin-top: 10px;}

img.logo {
	position: absolute;
	left: 691px;
	top: 5px;}

img.model {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: 10px;
z-index: -1;}

/******************************************   links     *************************************/

a {	font: bold italic 13px/18px "arial","helvetica", sans-serif;
	color: #0084a5;
	text-decoration : none;}

a:hover {color: #ad0000;}

a:active {color: #BFBFBF;}
	
a.learnMore {font: bold 13px/18px "arial","helvetica", sans-serif;
	color: #d60000;}

a.learnMore:hover {color: #0084a5;}

a.backLink {font: bold 13px/18px "arial","helvetica", sans-serif;
	float: left; color: #d60000;}

a.backLink:hover {color: #31007b;}

/*************************************** main menu styles *********************************/

#menu {
	height: 90px;
	width: 75px;
	top: 0px;
	position: absolute;
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
	background-color: #D7D6CC;
	border-left: double 3px #939283;
	border-right: double 3px #939283;
	border-bottom: double 3px #939283;
	z-index: 3;}

#menu ul {list-style: none; font-style: normal;}

#menu ul li {
	position: relative;
	padding: 2px;}
	
li ul {display: none;}

#menu li a {
	display: block;
	text-decoration: none;
	font: normal 12px/15px "Palatino Linotype", "Century", "Times New Roman", sans-serif;
	color: #777;}

#menu li a:hover {
	color : #ad0000;
	background-color: #E9E9E2;
	border-bottom: solid 1px #939283;
	font: normal 12px/14px "Palatino Linotype", "Century", "Times New Roman", sans-serif;}

#menu li a:active, #menu li a:visited {color : #003263;}

/* Fix IE. Hide from IE Mac \*/
 * html ul li { float: left; height: 1%; }
 * html ul li a { height: 1%; }
/* End */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/* style for li ul  */
#menu li ul {
	position: absolute;
	left: 75px;
	top: 0;
	width: 100px;
	padding: 2px;
	border: solid 1px #939283;
	background-color: #fff;}

#menuSpacer {							/* hack to get text to wrap around main menu */
	position: relative;
float: left;
	left: -8px;
	top: -9px;
	width: 90px;
	height: 67px;
	margin: 0px;
	background: url(art/menuShadow.gif) bottom left no-repeat;}

/****************************************  secondary menu styles ****************************/

#menuTwo {
	position: relative;
	font: bold 14px/18px "Verdana", "Arial", san-serif;
	top: 10px;
	padding-left: 90px;
	padding-top: 2px;
	margin-bottom: 8px;
	color: #fff;
	height: 25px;
	background: #00539C;}

#menuTwo ul li {
	display: inline;
	border-right: solid 1px white;
	padding: 2px;}

#menuTwo li a {
	font: bold 14px/18px "Verdana", "Arial", san-serif;
	padding: 2px;}

#menuTwo li a:link, #menuTwo li a:visited {
	color: #fff;}

#menuTwo li a:hover {
	color: #fff;
	background-color: #3375B0;} 

/******************************************   print styles ***********************************/ 

#printHead {
	display: none;} 

#hortonMap {
	position: relative;
	float: left;}
	
#columbusMap {
	position: relative;
	float: left;}

#contactText {
	margin-bottom: 10px;}
	
#mapText {
	display: none;}
	

/*******************************************  misc stuff *****************************************/

iframe {
	position: relative;
	name: dealerList;
	width: 320px;
	height: 210px;
	top: 50px;
	scrolling: no;
	frameborder: 0px;
	border: 0px;
	marginwidth: 0px;
	marginheight: 0px;
	background-color: #fff;}

#plain {
	position: relative;
	width: 100%;
background-color: #fff;}

div.listSpacer {
	clear: both;
	width: 250px;
	height: 100px;
border: solid 0px;}

#employ { position: relative;
	color: #000;}

#employ li.first { font-weight: bold;
	padding-top: 5px;
	list-style: none;}

#employ li { font: normal 13px/18px arial, sans-serif;
	margin-left: 14px;
	padding-left: 0px;
	list-style: circle outside;}

a.idFive div {display: none;}


/*******************************************  quick spec *****************************************/

table.quickSpec {
	font : 13px/20px "Trebuchet ms",arial,sans-serif; 
	color : #31007b;}

table, td, tr {border: solid 0px #fff;	border-collapse: collapse;}
	
.quickSpec td.specInfo {
	width: 125px;
	vertical-align: top;
	text-align: right;}

.quickSpec td.specData {border: solid 0px; width: 200px; background-color: #EFF4F7; margin-left: 2px;}

.quickSpec td.specData2 {font : 12px/20px; width: 100px; text-align: center; background-color: #EFF4F7}

.quickSpec EM {
	font-weight : bold; 
	font-style : normal;}

.quickSpec td.spec {
	width: 170px;
	vertical-align: top;
	font : bold 16px/18px "Trebuchet ms", arial,sans-serif; 
	color : #31007b; 
	text-align: right;
border-bottom: solid 1px #31007b;}

.quickSpec td.spec2 {
	width: 200px;
	vertical-align: top;
	font : bold 16px/18px "Trebuchet ms", arial,sans-serif; 
	color : #31007b; 
	text-align: left;
	border-bottom: solid 1px #31007b;
	margin-bottom: 0px;}

p.spec {
	font : bold 16px/18px "Trebuchet ms", arial,sans-serif; 
	color : #31007b; 
	text-decoration : underline;
	margin-bottom: 5px;}

ul.specList {
	position : relative;
	list-style: none outside;
	font : 13px/20px "Trebuchet ms", arial,sans-serif; 
	color : #31007b;
	margin : 0px;
	height: 100%;}
   
li.chart {
	display: block;
	margin-right : 5px;
	padding-left: 2px;
	padding-right : 5px;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;}

li.chart EM {
	font-weight : bold; 
	font-style : normal;}

#examples {margin-top: 10px;}

#examples ul li {
	padding-right: 5px;
	padding-left: 5px;
	border-right: solid 1px #808080;
	display: inline;}

/*******************************************  slide box *****************************************/

#slideBox {
	position: relative;
	min-height: 100%;
	height: auto;
	float: right;
	width: 500px;
	margin: 10px 10px 0px 0px;
	font: bold 14px/14px arial,sans-serif; 
	color: #808080;
	border-bottom: 4px double #404040;}

/*below is what causes the portrait images to be stretched*/
#slideBox img {
	padding: 0px 0px 10px 0px;}

#slideBox table {
	position: relative;
	float: right;
	height: 15px;
	padding: 0px 0px 0px 0px;}

#slideBox td {
	width: 200px;
	border: solid 0px black;}

#slideBox td.center {
	text-align: center;}

#slideBox a {
	font: bold 14px/14px arial,sans-serif; 
	color: #808080;}

#slideBox td.goRight {
	text-align: right;}

#slideBox a:hover {
	color: #663300;}

#slideBox a:active {
	color: #663300;}

/********************************************* Front Page Stuff ***********************************/

#indexPage {
	position: relative;
	width: 900px;
height: 600px;
min-height: 100%;
	margin: 0px auto;
	padding: 5px 0px 20px 0px;
	text-align: left;
	border: solid 1px #000;
background: #fff url(art/logos/Horton-logo-back.gif) no-repeat bottom;}

#indexContent {
	position: relative;
	width: 350px;
float: left;
height: 100%;
	padding: 10px 1px 1px 10px;}

#indexContent p {
margin-left: 40px;}

#featuredBox {
	float: right;
	width: 450px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	padding: 5px;
	margin-bottom: 25px;
	margin-top: 10px;
background-color: #fff;
z-index: 1;}

#indexBox {
	float: right;
	width: 480px;
	height: 100px;
	border: solid 0px;
	margin: 0p 0px 0px 10px;}

#indexBox a.rollAmb {
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	background: url(art/indexAmbulanceOff.gif) no-repeat;
	margin-right: 5px;
	padding: 0px 0px 0px 5px;
	border-right: solid 1px;}

#indexBox a.rollAmb:hover {
	background: url(art/indexAmbulanceOn.gif) no-repeat;}

#indexBox .rollRescue {
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	background: url(art/indexRescueOff.gif) no-repeat;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	border-right: solid 1px;}

#indexBox .rollRescue:hover {
	background: url(art/indexRescueOn.gif) no-repeat;}

#indexBox .rollFeatures {
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	background: url(art/indexFeaturesOff.gif) no-repeat;}

#indexBox .rollFeatures:hover {
	background: url(art/indexFeaturesOn.gif) no-repeat;}

/*end of file*/