﻿/*
CSS for Illston and Robson Site
*/
body {
  font-family:verdana, Helvetica, sans-serif;
  background:#8ca2de;
}
P {
  font-family:verdana, Helvetica, sans-serif;
  font-size:medium;
  font-weight:normal;
  color:black;
}
#bodycontent p{
 font-size:medium;
 line-height:125%;
 padding-left:30px;
 font-weight:normal;
 color:black;
}
#mainnavigation p{
 font-size:10;
 font-weight:normal;
 color:black;
}
#mainnavigation dd,dt {
  list-style-type:none;
  padding-top:5px;  
  text-align: left;
  padding-left:0;
}
#mainnavigation dd {
  font-size: small;
}
#mainnavigation dt {
  font-size: Medium;
}


h1 {
  font-family:verdana, Helvetica, sans-serif; 
  font-size: 28pt;
  line-height:100%;
  color: black;
  padding-bottom:10px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
}
h2{  
  font-family:verdana, Helvetica, sans-serif;
  font-size:18pt;
  line-height:10%;
  color: black;
  align:center;
}
h3 {
  font-family:verdana, Helvetica, sans-serif;
  font-size: medium;
  line-height:125%;
  color: black;
}
li {
  font-size: medium;
  list-style-type:none;
  text-align: left;
}

em {
  font-style:normal;
  text-transform: uppercase;
}
a {
   font-weight:normal;
}
a:link {
  color:black;
}
a:visited {
  color:blue;
}
a:hover {
  color:white;
  text-decoration:none;
background-color: navy;
}
a:active {
  color:aqua;
  background-color:navy;
}

#mainnavigation {
  background-color:#8ca2de;
}

#header,#bodycontent,#mainnavigation,#logo{
	position: absolute;
	margin-left:10%;

}
#mainnavigation,#logo{
	position: absolute;


}
#logo {
	top: 12px;
	left: 10px;
}

#header {
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 1%;
	Width: 63.5em;
	background: url(images/strip2blue.jpg) no-repeat bottom /*right*/;
}
#bodycontent,#mainnavigation {
  top:10em;
  padding-top: 40px;
}
#bodycontent {
  left: 180px;
  Background:white;
  width:52em;
}
#bodycontent h1{
  color:blue;
  Margin-left:30px;
  background-color:#d5eaff;
  width:90%;
}

#bodycontent ul {
  color:blue;
  font-weight:bold;
}
#bodycontent li{
  color:black;
  font-weight:normal;
  list-style-type:disc;
  list-style-position:inside;
  padding-right:30px;
}
#footer {
  position:absolute;
  bottom:-25px;
  text-align:center;
  width:100%;
  clear:both;
}
#footer p{
  font-size:small;
  color:navy;
  background-color:#8ca2de;
  padding:.4em;
}


table.data {
  border-collapse: collapse;
  border:1px solid black;
  padding: 10px;
  width:75%;
  margin-left:10px;
  Margin-right:20px;
  float:left;
}
table.data th, table.data td {
  text-align:center;
  border:1px solid #000000;
}
table.data th {
  background:#c8c8ce;
  color:white;
  font-size:small;
  padding:2px;
}
table.data td {
  font-size:x-small;
}
table.data caption{
  font-size:medium;
  padding-bottom:5px;
  font-weight:bold;
}
#bodycontent p.note {
  clear:both;
  font-size:small;
  text-align:left;
  color:black;
}
.Rhs {
  float:right;
  Margin-right:10px;
}

.Lhs{
  Float:left;
  padding-right:20px;
}

.ctre{
  Float:left;
  Margin-left:300px;
}

.red {
  background:#de2400;
}

.yellow {
  background:#f0e18e;
}
.blue {
  background:#59acff;
}

.col1 {
  position: relative;
  left:12em;
  font-size:small;
}
.col1a{
  position:relative;
  left:15em;
  font-size:small;
}
.col2 {
  position: absolute;
  left:27em;
  font-size:small;
}
.col3 {
  position: absolute;
  /*right:10em;*/
  left:35em;
}
.col4 {
  position:absolute;
  /*right:5em;*/
  left:40em;
}
#tractora {
  position:absolute;
  top:19.5%;
  left:180px;
  width:300px;
  height:400px;
  border-width:4px;
  border-color:gray;
  border-style:solid;
}
#trailera {
  position:absolute;
  top:-4px;
  left:370px;
  width:200px;
  height:400px;
  border-width:4px;
  border-color:gray;
  border-style:solid;
}
#tractorb {
  position:absolute;
  top:22.5%;
  left:180px;
  width:250px;
  height:300px;
  border-width:4px;
  border-color:gray;
  border-style:solid;
}
#trailerb {
  position:absolute;
  top:-4px;
  left:370px;
  width:200px;
  height:300px;
  border-width:4px;
  border-color:gray;
  border-style:solid;
}
#address ul{
  color:blue;
  font-weight:bold;
}
#address li{
  color:black;
  font-weight:normal;
  list-style-type:none;
  list-style-position:inside;
  margin-left:30px;
  padding-right:30px;
}
