/* CSS Document */
/****************************************
NORMALIZATION
****************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, td {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none;
}
html {
font-size: 125%; /* normalizes font size for all child elements to 20px font */
}
html body {
font-size: 50%; /* normalizes font size for all child elements to 10px font */
}
/****************************************
BACKGROUNDS
****************************************/
body {
background: url(../images/stripeBG.jpg) repeat left top; /* Repeating stripes image */
}
div#topBG {
background: url(../images/topBG.jpg) repeat-x left top; /* Repeating light blue image */
width: 100%;
height: 100%;
}
div#stripeGradient {
background: url(../images/stripeGradient.jpg) repeat-x 14px 205px; /* Repeating stripes with gradient image */
width: 100%;
height: 805px;
}
/****************************************
WRAPPERS
****************************************/
div#mainWrapper {
width: 795px;
height: auto;
margin: auto;
}
/****************************************
HEADER IMAGE
****************************************/
div#header {
background: url(../images/header.jpg) no-repeat left top;
width: 795px;
height: 399px;
}
div#header2 {
background: url(../images/header2.jpg) no-repeat left top;
width: 795px;
height: 399px;
}
div#header3 {
background: url(../images/header3.jpg) no-repeat left top;
width: 795px;
height: 399px;
}
div#header4 {
background: url(../images/header4.jpg) no-repeat left top;
width: 795px;
height: 399px;
}
div#header5 {
background: url(../images/header5.jpg) no-repeat left top;
width: 795px;
height: 399px;
}
div#quoteImageMap {
width: 380px;
height: 45px;
position: relative;
top: 50px;
right: 40px;
float: right;
}
/****************************************
NAVIGATION
****************************************/
div#mainNav {
position: relative;
top: 48%;
}
div#mainNav ul {
list-style: none;
}
div#mainNav ul li {
padding-left: 0px;
margin-left: 15px;
width: 300px;
border-bottom: #c9d3dd solid 1px;
line-height: 2.5em;
}
div#mainNav ul li#last {
padding-left: 0px;
margin-left: 15px;
width: 300px;
border: none;
line-height: 25px;
}
a#mainNav {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #003165;
text-decoration: none;
padding: 5px 5px 5px 10px;
}
a#mainNav:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #e13927;
text-decoration: none;
background: #e1e6ec;
}
a#activeLink {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #e13927;
text-decoration: none;
background: #e1e6ec;
padding: 5px 5px 5px 10px;
}
/****************************************
CONTENT
****************************************/
div#contentWrapper {
display: table;
width: 795px;
background: url(../images/contentRepeatBG.gif) repeat-y left top;
}
table#content {
background: url(../images/contentBG.gif) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.9em;
font-weight: normal;
color: #ffffff;
padding: 0px;
}
table#content a, a:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
td#picColumn {
background: url(../images/topOfCar.gif) no-repeat 4px bottom;
}
div#contentBottom {
width: 795px;
height: 21px;
margin-top: -15px;
background: url(../images/contentBottom.gif) no-repeat left top;
}
h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.8em;
line-height: 23px;
color: #ffffff;
}
h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 20px;
color: #ffffff;
}
img.pdf {
margin-top: -20px;
border: #ffffff solid 1px;
padding: 2px;
}
/****************************************
HORIZONTAL RULES
****************************************/
div#hr1 {
height: 1px;
background: url(../images/dottedLineHeader.gif) repeat-x;
margin: 10px 0 0 0;
}
div#hr2 {
height: 1px;
background: url(../images/dottedLineHeader2.gif) repeat-x;
margin: 10px 0 0 0;
}
/****************************************
LISTS
****************************************/
ul.checkmark li {
background: url(../images/checkmark.gif) no-repeat left 50%;
padding: 0 0 0 25px;
margin: 0 0 0 20px;
}
/****************************************
FORMS
****************************************/
form#contact fieldset {
float: left;
display: block;
width: 35em;
background: url(../images/stripeBG.jpg) repeat left top;
position: relative;
margin-top: 1em;
padding: 1em;
border: #ffffff solid 2px;
}
form#contact legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
color: #e13927;
position: absolute;
top: -0.75em;
left: 0.5em;
}
form#contact label {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
color: #ffffff;
}
form#contact label.floatLeft {
display: block;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
color: #ffffff;
}
form#contact input {
display: block;
width: 375px;
background: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
color: #003b77;
padding: 5px;
border: #003b77 inset 1px;
margin: 0px 0px 15px 0px;
clear: both;
}
form#contact input.autoSize {
display: inline;
width: auto;
background: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
color: #003b77;
padding: 5px;
border: #003b77 inset 1px;
margin: 0px 0px 15px 0px;
}
form#contact input#city {
width: 146px;
margin-right: 23px;
}
form#contact input#state {
width: 100px;
margin-right: 24px;
}
form#contact input#zip {
width: 58px;
}
form#contact textarea {
display: block;
width: 375px;
background: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
color: #003b77;
padding: 5px;
border: #003b77 inset 1px;
margin: 0px 0px 15px 0px;
}
form#contact input#button {
display: inline;
width: auto;
background: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
color: #003b77;
padding: 5px;
border: #003b77 inset 1px;
margin: 0px 0px 15px 0px;
}
/****************************************
COPYRIGHT
****************************************/
div#copyright {
width: 780px;
height: 95px;
background: url(../images/copyright.png) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.9em;
font-weight: normal;
color: #ffffff;
padding: 15px 0px 0px 15px;
}
div#copyright a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}
div#copyright a:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
div#copyright2 {
width: 780px;
height: 95px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.9em;
font-weight: normal;
color: #ffffff;
padding: 15px 0px 0px 15px;
}
div#copyright2 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}
div#copyright2 a:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}