/*used on every page for general layout, other css files are used to designate page specific layouts*/
body {background-color: #532527; color: #474E58; font: 500 16px/18px Arial, Helvetica, sans-serif;
 /*ie 5 hack for centering site on page*/ text-align: center; padding: 0; margin: 0 auto;}
body#cities {background-color: #cccccc; width: 100%; height: 200px;}
body#cities div#citiescopy {width: 90%; background-color: transparent; margin: 0 auto; padding: 15px 0 5px 0; }
body#cities h1 {width: 100%; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 18px;}
body#cities ul.lt {float: left; margin: 10px 0 0 20px; font: normal normal 12px/14px Inherit; text-align: left;}
body#cities ul.lt2 {float: left; margin: 10px 0 0 20px; font: normal normal 12px/14px Inherit; text-align: left;}
body#cities li {display: inherit; list-style-type: none; padding: 0 5px 0 5px; word-spacing: inherit; 
letter-spacing: inherit; margin: 0;}


/***** appearance items that display in more than one area and page *****/
h1 {text-align: left; font: normal 600 115%/110% "Times New Roman", Times, serif; color: #262979; margin: 15px 0 0 0; font-style: italic;}
h2 {color: #532527; font: normal 500 110%/105% "Times New Roman", Times, serif; padding-left: 15px;}
h2.contact {margin-bottom: 0;}
h3, td h3 {font: normal 600 105%/100% "Times New Roman", Times, serif;/* margin-left: 50px;*/}
img.lt {float: left; margin: 0 10px 5px 5px;}
img.rt {float: right; margin: 5px 5px 5px 10px;}
img.horiz {padding-top: 10px; padding-bottom: 10px;}
/***** hr used for title on fee sched page *****/
hr  {font-size: 1px; color: maroon; width: 100%; height: 1px; text-align: right;}
/***** hr designation used on fee sched and profile pages *****/
hr.rows, hr.profile, hr.bottom  {font-size: 1px; color: #999999; width: 100%; height: 1px; text-align: right;}
hr.top {font-size: 1px; color: #a3a3a3; width: 100%; height: 2px; text-align: right;} 

/***** entire site container - includes contact information top and bottom ******/
div#entire {width: 775px; margin: 0 auto; text-align: center; padding-bottom: 50px;}

/***** placement of content container - includes header bar, links and copy *****/
div#content {/*width: 100%;*/ margin-top: 5px; margin-bottom: 10px; padding-bottom: 10px; /*height: 100%;*/ 
/**/background-image: url(../imgs/bodybkgrd_new.gif); background-color: #CCCCCC; background-repeat: repeat-y; /* */
/**/background-position: 0 79px;  border-top: 11px solid #CCCCCC;/*border: thin solid Red;*/}
div#clear {clear: both;}


/*****  header container ****
div#header {width: 100%; background-color: #532527;  padding-top:8px; padding-bottom: 8px; margin: 0; }*/
div#header {width: 100%; background-color: white;  margin: 0 auto; border-top: 6px solid #532527; border-bottom: 6px solid #532527; padding-top: 5px; padding-bottom: 5px;}

/***** placement and appearance of top nav bar *****/
div#topnav {width: 100%; background-color: transparent; padding-top: 7px; padding-bottom: 5px; font-size: 80%; font-weight: 600; }
div#topnav ul {text-align: center; margin: 0 auto; padding-right: 35px;}
div#topnav li {display: inline; list-style-type: none; padding: 4px 4px 4px 4px; /*word-spacing: -.1em;*/}
div#topnav li a {text-decoration: none; color: #40590A; background-color: transparent;
border-bottom: 1px dotted #cccccc;}
div#topnav li a:visited, div#copy p a:visited {text-decoration: none; color: #7E7E7E; background-color: transparent; 
border-bottom: 1px dotted #cccccc;}
div#topnav li a:hover, div#copy p a:hover {text-decoration: none; color: #532527; background-color: transparent; border-bottom: 1px dotted #532527;}
address a:hover, ul.contact a:hover {text-decoration: none; color: #ffffff; background-color: transparent; border-bottom: 1px dotted #532527;}
.selected {text-decoration: none; color: #ffffff; background-color: transparent;}

/***** placement and appearance of copy *****/
div#copy {width: 75%; background-color: transparent; /*height: 350px;*/ margin: 0 auto; padding: 0 0 50px 0; text-align: left;}
div#copy p, div#sorrycopy p {color: #5B626F; text-align: left; font-size: 13px; line-height: 15px; font-weight: bold; margin-left: 15px;
margin-right: 15px;}
div#copy p a, address a, address a:visited, ul.contact a, ul.contact a:visited {text-decoration: none; color: black; background-color: transparent;
border-bottom: 1px dotted #cccccc;}
/*used on sorry page to emphasize the required fields*/
div#sorrycopy {width: 75%; background-color: transparent; height: 350px; margin: 0 auto; padding: 50px 0 50px 0; text-align: left;}
em.sorry {font-style: normal; color: #532527;}
div#copy address {font-size: 14px; font-style: normal; padding-left: 30px; line-height:18px; padding-top: 10px;}
ul.contact {margin-left: 0; font: normal 500 12px/110% Arial, Helvetica, sans-serif; list-style: none; letter-spacing: .03em; margin-bottom: 10px; padding-left: 0;}
span.right {margin-left: 20px;}
ul.contact li {margin-bottom: 10px;}

/***** appearance of table and table content *****/
table {width: 100%; padding: 3px; margin-left: 15px; margin-top: 15px; color: #5B626F; text-align: left; 
font-size: 12px; line-height: 15px; font-weight: bold;}
table h1 {color: #532527; font-size: 120%; font-weight: 600;}
table .subinfo {color: #5B626F; text-align: left; font-size: 12px; line-height: 15px; font-weight: normal;
padding: 0 0 0 15px;}
td.coast {padding-left: 10px;}


/***** appearance of order form *****/
form {background-color: #DADADA; padding-top: 15px; padding-bottom: 15px; }
/*style definition for how text is displayed as user types response*/
textarea, select, option, input {font-size: 11px; /*font-weight: bold;*/ color: #003655; background-color: #ffffff;}
table h1.estimate {color: #532527; font-size: 140%; font-weight: 600; margin: 25px 0 0 0;}
/***** used for spacing when the header has a second non header line beneath it, the h1 is picked up through the
the general h1 *****/
.doublelinehead {padding: 0 0 5px 0;}
td.subestimatecat {padding-left: 20px;}
em.asterisk {color: #532527; font-weight: 800; font-size: 20px; line-height: 14px;  font-style: normal;  }
td#cod { visibility: hidden; }

/***** placement and appearance of contact information *****/
div#entire div.contact {clear:both; margin: 0 auto; text-align: center;}
div#entire div.contact ul {width: 100%; color: #CCCCCC; font-size: 12px; font-weight: 500; margin: 0 auto; text-align: center;}
div#entire div.contact li {display: inline; list-style-type: none; padding: 0 5px 0 5px; margin: 0 auto;}
div#entire div.contact li a{text-decoration: none; color: #DFC3A4; background-color: transparent;}
div#entire div.contact li a:hover {text-decoration: none; color: #ffffff; background-color: transparent; 
border-bottom: 1px dotted #ffffff;}

/***** bottom links and copyright *****/
div#bottomlinks {font-size: 11px; color: #C9A483; text-align: center; width: 100%;
letter-spacing: 1px;}
div#bottomlinkssorry {font-size: 11px; color: #C9A483; text-align: center; width: 100%; letter-spacing: 1px; margin: 10px 0 10px 0;}
div#bottomlinks ul {margin: 10px 0 10px 0;}
div#bottomlinks li {display: inline; list-style-type: none; padding: 0 5px 0 5px; margin: 0; letter-spacing: 1px;}
div#bottomlinks li a{text-decoration: none; color: #C9A483; background-color: transparent;}
div#bottomlinks li a:hover {text-decoration: none; color:  #DFC3A4; background-color: transparent;}
div#bottomlinks .selected {color: #EFDECF;}