body { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #000000; }
p { color:#A2A3AD; line-height: 16px; }
a { color:#FFFFFF; }
.twoColFixLtHdr #container { width: 750px; text-align: left; background-color: transparent; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; color: #FFFFFF; }
.twoColFixLtHdr #header { padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ text-align: center; color: #FFFFFF; }
.twoColFixLtHdr #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 200px; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; margin-right: 30px; border-right-width: 1px; border-right-style: solid; border-right-color: #55565B; }
.twoColFixLtHdr #mainContent { float: right; margin: 0px; width: 455px; padding: 0px; }
.twoColFixLtHdr #mainContent h1 { color:#FFFFFF; font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #55565B; padding-bottom: 10px; }
.twoColFixLtHdr #mainContent h2 { color:#A2A3Ad; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; }
.twoColFixLtHdr #footer { border-top-width: 1px; border-top-style: solid; border-top-color: #55565B; margin-top: 30px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; float: left; width: 750px; height: auto; }
.twoColFixLtHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 9px; text-align: center; }
.nav { text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #55565B; border-bottom-color: #55565B; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 750px; }
.nav ul { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.nav ul li { display: inline; margin: 0px; padding: 0px; }
.nav ul li a { color: #A2A3AD; padding-right: 10px; padding-left: 10px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; text-decoration: none; }
.nav ul li a:hover { color:#FFFFFF; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#gallery { width:700px; }
#gallery a { color:#FFFFCC; }
#gallery .active { color:#FFFFFF; font-weight: bold; }
#gallery img { padding-right:10px; padding-bottom: 10px; }
.white { color:#FFFFFF; }
/* CONTACT AND QUOTES FORM */

.formmargin { margin: 0px; margin-top: 12px; }
.button-submit { background-image: url("picts/button.gif"); background-color:#3E4253; FONT: 12px arial, verdana, sans-serif; font-weight: bold; color: #FFFFFF; width: 110px; padding-top: 3px; padding-bottom: 3px; cursor:pointer; text-align: center; padding-left: 10px; padding-right: 10px; BORDER: #000000 0px solid; }
.buttonon-submit { background-image: url("picts/buttonon.gif"); background-color:#6E575D; FONT: 12px arial, verdana, sans-serif; font-weight: bold; color: #FFFFFF; width: 110px; padding-top: 3px; padding-bottom: 3px; cursor:pointer; text-align: center; padding-left: 10px; padding-right: 10px; BORDER: #000000 0px solid; }
.shadeform { FONT: 13px arial, verdana, sans-serif; COLOR: #FFFFFF; background-color: #81838F; background-image: url("picts/shadeform.gif"); text-align: left; WIDTH: 300px; BORDER: #000000 0px solid; padding: 3px; }
.textarea { FONT: 13px arial, verdana, sans-serif; background-color: #81838F; COLOR: #FFFFFF; background-image: url("picts/shadeform.gif"); text-align: left; WIDTH: 300px; HEIGHT: 125px; BORDER: #000000 0px solid; }
.quotechoice { color: #CCCC99; font: 11px arial, verdana, sans-serif; font-weight: bold; }
.dropdown { FONT: 13px arial, verdana, sans-serif; background-color: #FFFFFF; COLOR: #000000; WIDTH: 200PX; BORDER: #000000 0px solid; }
.quoteform { FONT: 13px arial, verdana, sans-serif; COLOR: #FFFFFF; background-color: #81838F; background-image: url("picts/shadeform.gif"); text-align: left; BORDER: #000000 1px solid; }
.dropquotes { FONT: 13px arial, verdana, sans-serif; background-color: #FFFFFF; COLOR: #000000; BORDER: #000000 0px solid; }
.search-font { COLOR: #7C8197; FONT: 11px verdana, arial, sans-serif; font-weight: bold; }
.searchform { FONT: 13px arial, verdana, sans-serif; background-image: url("picts/shadeform.gif"); background-color: #81838F; COLOR: #FFFFFF; WIDTH: 100PX; BORDER: #000000 1px solid; }
hr{ height: 1px; border-style: none; color: #55565B; background-color: #55565B; }