/* rsplook1 (live) style sheet (default) ver 5 */ /* Version 3 definitions modified by adding & commenting out specs */ html { height: 100%; } body {border-style:none; border-color:red; background-color:#aa3913; min-height: 100%; /* added so page fills display height */ margin:0; padding:0; /* font-family:'sans serif'; must be a hyphen between the words, so it has always defaulted to serif */ font-family: "Times New Roman", Georgia, Palatino, serif ; font-size:16px; /* previously specified as 20px, 16px is standard */ color:#000000; text-align:center;}/*critical for IE quirks*/ p {padding:0px 0px 0px 0px; /*mozilla needs this*/ margin:0px 0px 0px 0px;} /* next 4 specs are empty divs in version 3, commented out as unused in ver 5 #headercontainer {border-style:none; border-color:#ffffff; height:120px; width:100%; margin:0px; padding:0px; background-color:#b0701c;} #contactcontainer {border-style:none; border-color:#ffffff; height:40px; background-color:#b0701c; width:100%; margin:0px; padding:0px;} #mainnavcontainer {border-style:none; border-color:#ffffff; height:30px; margin:0px; padding:0px; width:100%; background-color:#000000;} #footercontainer {border-style:none; border-color:#ffffff; background-color:#aa3913; height:40px; width:100%;} end of unused specs */ #page {border-style:none; border-color:#ffffff; background-color: inherit; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /* height:800px; want page to fill display height; height set on element */ margin-left:auto; margin-right:auto; margin-top:0px; /* position:relative; */ /* bottom:190px; */ font-size: 1.25em ; /* previous 20px now accomplished by body size 16px * 1.25em = 20px page size*/ } #header /* NEW */ { float: left ; margin: 0 ; padding: 0 ; } #salespage {border-style:none; border-color:#ffffff; background-color:#aa3913; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /* height:1400px; want page to fill display height; height set on element */ margin-left:auto; margin-right:auto; margin-top:0px; position:relative; bottom:190px;} #logo {border-style:none; border-color:#ffffff; background-color:#b0701c; width:420px; height:120px; padding:0px 0px 0px 0px; text-align:left; font-size:50px; text-indent:25px; position:absolute; top:0px; left:0px;} /* #slogan function now done by #sloganblock {border-style:none; border-color:#ffffff; background-color:#b0701c; padding:0px 0px 0px 0px; width:550px; height:120px; padding:0px 0px 0px 0px; text-align:center; font-size:45px; position:absolute; top:0px; left:420px;} */ /* #phone function now done by #phonenum-top {border-style:none; border-color:#ffffff; background-color:#b0701c; width:420px; height:40px; padding:0px 0px 0px 0px; text-align:left; font-size:30px; text-indent:25px; position:absolute; top:120px; left:0px;} */ /* #area was unused in ver 3, commented out here {border-style:none; border-color:#ffffff; background-color:#b0701c; width:550px; height:40px; padding:0px 0px 0px 0px; text-align:center; font-size:20px; position:absolute; top:120px; left:420px;} */ #mainnav {border-style:none; border-color:#ffffff; height:30px; margin:0px; padding:0px; /* width:970px; hinders sizing to smaller widths */ width:100%; background-color:#000000; /* No Absolute positioning of any elements position:absolute; top:160px; left:0px; */ float: left; } #mainnav ul {border-style:none; border-color:#ffffff; background-color:#000000; /* width:970px; hinders sizing to smaller widths */ width:100%; height:30px; margin:0 ; padding:0; text-align:left;} #mainnav li {border-style:none; border-color:#ffffff; background-color:#000000; /* width:194px; no longer fixed width choices */ height:30px; margin:0; padding:6px 0 3px 0; list-style-type:none; display:inline; text-align: center; float:left;} #mainnav li a {text-decoration:none; font-family: Arial, Tahoma, Verdana, Roboto, sans-serif ; font-size:20px; /* size for full width display */ color:#ffffff;} #mainnav li a:hover, a:active {color:#b0701c;} #content {border-style:none; border-color:#ffffff; background-color:#aa3913; padding:0px 0px 0px 0px; margin-bottom:10px; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /*height:360px;*/ text-align:left; text-indent: 25px; /* No Absolute positioning of any elements position:absolute; top:190px; left:0px; */ float: left; } #content a {color:#000000; text-decoration:underline;} #content a:hover, a:link {color:#ffffff} #content h1 {font-size:40px; margin: 30px 0 ; /* added */ text-decoration:none; font-weight:normal;} #coverageareascontent {border-style:none; border-color:#ffffff; background-color:#aa3913; padding:0px 0px 0px 0px; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /* height:360px; */ text-align:left; text-indent:0px; /* No Absolute positioning of any elements position:absolute; top:190px; left:0px; */ float: left; } #coverageareascontent p {text-indent:25px;} #coverageareascontent h1 {font-size:40px; margin: 20px 0; /* added */ text-decoration:none; font-weight:normal;} #coverageareascontent p { font-size:1em; margin: 5px 10px; } /* ADDED for appearance match with other contact regions */ #content p { font-size:1em; margin: 5px 10px; } /* ADDED for appearance match with other contact regions */ #contactinfocontent {border-style:none; border-color:#ffffff; background-color:#aa3913; padding:0px 0px 0px 0px; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /*height:360px;*/ text-align:left; text-indent:0px; /* No Absolute positioning of any elements position:absolute; top:190px; left:0px; */ float: left; } #contactinfocontent h1 {font-size:40px; margin: 30px 0 ; /* added */ text-decoration:none; font-weight:normal;} #contactinfocontent p {font-weight:normal; font-size:35px; margin: 5px 10px; /* added */ text-indent:25px;} #contactinfocontent a {color:#000000;} #contactinfocontent a:hover, a:link {color:#ffffff;} ul.categories {border-style:none; border-color:green; /* width:900px; hinders sizing to smaller widths */ width:93%; max-width:900px; /* 93% of display, with max of 900px */ text-indent:15px; list-style-type: none; padding-left: 0 ; color:#000000;} /* #content ul { width: 99%; } */ /* ul.subcategories {border-style:none; border-color:green; width:970px; color:#000000;} */ #footer {border-style:none; border-color:black; background-color:#aa3913; /* width:970px; hinders sizing to smaller widths */ width:100%; max-width:970px; /* 100% of display, with max of 970px */ /* height:60px; height will depend on squeeze of contents at small displays */ text-align:center; float: left; /* ADDED */ margin-top:30px;} #footer p { font-size:1.0em; /* previously specified as 20px */ text-indent:0px;} #footer a {color:#000000; text-decoration:underline;} #footer a:hover, a:link {color:#ffffff;}