@charset "utf-8";
/* Hartford Despatch CSS 
Author: EW
Date created: 03.30.09
*/

* {
margin: 0;
padding: 0;
}

body {
background: url(../images/background.png) repeat-x;
background-color: #dcdcdc;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.clear {
clear: both;
}

#wrapper {
margin: 0 auto;
width: 940px;
}

/* Header */

#header {
background: url(../images/header-back.png) repeat-x;
height: 90px;
}

.logo {
border: none;
float: left;
}

#header-int {
background: url(../images/header-int-back.png) no-repeat;
float: right;
height: 83px;
padding: 7px 0 0 0;
width: 250px;
}

.phone {
background: url(../images/phone-back.png) no-repeat;
color: #fff;
font-size: 18px;
margin: 0 0 0 75px;
}


/* Menu */

#menu {
background: url(../images/menu-back.png) no-repeat;
height: 40px;
}

#menu ul {
list-style: none;
}

#menu li {
display: block;
float: left;
}

#menu a {
color: #fff;
font-weight: bold;
line-height: 40px;
padding: 12px 34px 10px 34px;
text-decoration: none;
}

#menu a.first {
padding: 10px 34px 10px 50px;
}

#menu a:hover {
background: url(../images/menu-ovr-back.png) repeat-x;
color: #000;
}

#menu a.first:hover {
background: url(../images/home-ovr-back.png) no-repeat top left;
padding: 12px 34px 10px 50px;
}

#menu a.last:hover {
background: url(../images/last-ovr-back.png) no-repeat top right;
padding: 12px 52px 10px 34px;
}

#menu a.active {
background: url(../images/menu-ovr-back.png) repeat-x;
color: #000;
}

#menu a.left-active {
background: url(../images/home-ovr-back.png) no-repeat top left;
color: #000;
padding: 12px 34px 10px 50px;
}

#menu a.last-active {
background: url(../images/last-ovr-back.png) no-repeat top right;
color: #000;
padding: 12px 52px 10px 34px;
}

/* Quote */

#quote {
background: url(../images/quote-back.jpg) no-repeat;
height: 255px;
}

#quote-int {
float: right;
padding: 0 22px 0 0;
width: 446px;
}

p.quote-header {
color: #000;
font-size: 28px;
font-weight: bold;
padding: 0 0 5px 15px;
}

#quote-int label {
color: #fff;
font-weight: bold;
padding: 0 0 0 15px;
}

.quoteform {
background: url(../images/input-back.png) repeat-x;
border: solid #fff 2px;
color: #444;
font-size: 11px;
height: 13px;
margin: 3px 0 15px 15px;
padding: 3px 0 3px 5px;
width: 120px;
}

.quoteform2 {
background-color: #fff;
border: solid #fff 2px;
color: #444;
font-size: 11px;
height: 23px;
margin: 3px 0 15px 15px;
padding: 0 0 0 5px;
width: 130px;
}

.quotebutton {
padding: 10px 0 0 0;
}

/* Main */

#main {
background: url(../images/main-back.png) repeat-y;
padding: 0 40px 20px 40px;
}

p.crumbs {
border-bottom: solid #ddd 1px;
font-size: 11px;
font-weight: bold;
margin: 0 0 20px 0;
padding: 0 0 3px 0;
}

#left-index {
float: left;
width: 475px;
}

#right-index {
float: right;
width: 345px;
}

p.header2 {
background: url(../images/quarter.jpg) no-repeat;
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 120%;
padding: 3px 0 20px 50px;
}

ul.checklist {
list-style: none;
padding: 0 0 10px 0;
}

ul.checklist li {
background: url(../images/check.png) no-repeat;
font-size: 11px;
padding: 0 0 20px 35px;
}

p.locations-header {
background: url(../images/quarter.jpg) no-repeat;
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 120%;
padding: 8px 0 20px 55px;
}

p.locations-header-int {
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 120%;
padding: 8px 0 20px 0;
}

ul.locations {
color: #000;
padding: 0 0 0 20px;
}

ul.locations li {
padding: 0 0 10px 0;
}

ul.page {
border: none;
color: #444;
padding: 0 0 10px 20px;
}

ul.page li {
font-size: 11px;
padding: 0 0 7px 0;
}

/* Interior */

#left {
float: left;
width: 590px;
}

#right {
float: right;
width: 230px;
}

#sidemenu {
background-color: #444;
border: solid #666 1px;
margin: 0 0 20px 0;
}

#sidemenu p.sidemenu-header {
background: url(../images/sidemenu-header.png) repeat-x;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 6px 0 4px 15px;
}

#sidemenu ul {
list-style: none;
}

#sidemenu li {
border-top: solid #666 1px;
display: block;
padding: 10px 15px;
}

#sidemenu li:hover {
background-color: #000;
}

#sidemenu li.on {
background-color: #000;
color: #fff;
font-weight: bold;
text-decoration: none;
}

#sidemenu a:hover {
color: #fff;
}

#mapquest {float: right;margin: 0 0 0 20px;}

table.contact { background-color: #eee; border: solid #ccc 1px; margin: 0 0 10px 0; width: 100%; }
table.contact td { padding: 10px; }
table.contact label { color: #000; font-weight: bold; }
table.contact .contactform { border: solid #ccc 1px; font-size: 11px; height: 13px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 160px; }
table.contact .contactform2 { border: solid #ccc 1px; font-size: 11px; height: 70px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 550px; }



/* Footer */

#footer {
padding: 0 22px 20px 22px;
}

#footer a {
color: #555;
font-weight: normal;
text-decoration: none;
}

#footer a:hover {
color: #000;
text-decoration: underline;
}

#footer p {
font-size: 11px;
line-height: 200%;
}

#footer p.left-footer {
float: left;
}

#footer p.right-footer {
float: right;
text-align: right;
}


/* Text Styles */

p {
line-height: 160%;
padding: 0 0 20px 0;
}

h1 {
color: #000;
font-size: 24px;
padding: 0 0 10px 0;
}

h2 {
color: #000;
font-size: 14px;
}

strong {
color: #000;
}

a {
color: #f80;
font-weight: bold;
}

a:hover {
color: #000;
}

/* Image Styles */

.page {
border: solid #ddd 1px;
float: left;
margin: 0 15px 0 0;
padding: 2px;
}

.page2 {
float: right;
margin: 0 0 0 30px;
}

.right {
float: right;
}

/* Locations Page */

#locations ul {float:left; margin-left:20px; margin-right:35px; line-height:160%;}

#locations ul.last {margin-right:0px;}