/* E and M signs CSS file */ * { font-size: 12px; font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; } /* Refers to the tag in the HTML */ body { padding: 0; margin: 0 auto; background-color: #FFFFFF; color: #000000; text-align: justify; } img { border: none; margin-top: 0px; border-collapse: collapse; } img.getnoticed { margin-top: 0px; margin-left: 0px; border: 1px solid #000000 !Important; } img.photo { margin-top: 10px; border: 10px solid #E3E1E1 !Important; border-collapse: collapse; float: right; } img.photoblack { margin-top: 4px; border: 1px solid #000000 !Important; border-collapse: collapse; } img.recycle { border: none; margin-top: 0px; } img.greenarrow { border: none; margin: 0px 5px 0 10px; } img.greenarrowforward { border: none; margin: 0 5px 0 0; } a { font-family: arial, Helvetica, Sans-Serif; font-size: 12px; color: #3E6A37; text-decoration: none; font-weight: bold; height: 3px; } a:hover { text-decoration: underline; } a.email { margin-top: 5px; margin-left: 10px; margin-right: 0px; font-family: arial, Helvetica, Sans-Serif; font-size: 16px; color: #404040; font-weight: bold; } a.email:hover { text-decoration: underline; } /* THE DIVS */ /* These allow the mainbody of text and the side menu to sit next to each other on the page */ /* ALL - Surronds all of the content on the page*/ #ALL { margin: 0 auto; width: 990px; } #MENU { margin-left: auto; margin-right: auto; margin-bottom: 6px; width: 100%; text-align: center; } /* Surrounds just the main body of text of the page NOT the left column */ #MAIN { float: right; margin: 0; width: 805px; } /* menu bar at top of page */ .topmenu { width: 100%; /*border: 1px solid red;*/ margin-top: 10px; margin-bottom: 10px; margin-left: 0px; border-collapse: collapse; text-align: left; } #LEFT { float: left; margin: 0; margin: 0 0 0 10px; width: 700px; } #RIGHT { float: right; margin: 0; width: 300px; } #LEFT_250 { float: left; margin: 0 0 0 10px; width: 250px; } #RIGHT_250 { float: right; margin: 90px 0 0 0; width: 250px; } #CENTER_490 { float: right; margin: 0 10px 0 10px; width: 460px; } #LEFT_350 { float: left; margin: 0 0 0 10px; width: 350px; } #RIGHT_640 { float: right; margin: 0; width: 630px; } #LEFT_640 { float: left; margin: 0 10px 0 0px; width: 630px; } #RIGHT_350 { float: right; margin: 0; width: 350px; } #BOTH { clear: both; margin: 0 auto; width: 990px; } #FOOTER { clear: both; margin: 0 auto; width: 990px; } #maingraphic { float: left; } table.home { border-collapse: collapse; border: 0px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; width: 90%; height: 100%; } table.home td { padding-right: 6px; padding-bottom: 6px; vertical-align: top; } table.banner { border-collapse: collapse; border: 0px; margin: 10px 10px 10px 5px; overflow: hidden; width: 99%; height: 100%; } table.banner td { padding: 0px 5px 6px 5px; vertical-align: top; margin: 0 10px 0 10px; } table.directional-signs { border-collapse: collapse; border: 0px; margin: 0px; overflow: hidden; width: 100%; height: 100%; } table.directional-signs td { padding-left: 0px; padding: 0px 0 10px 0; vertical-align: top; } table.panelhomelink { border-collapse: collapse; border: 3px solid #D6D6D6; background-color: #A7CE39; background-image: url('images/white_arrow_home.gif'); background-repeat:no-repeat; background-position: bottom right; overflow: hidden; width: 80%; } table.panelhomelink td { padding-right: 0px; padding-bottom: 0px; vertical-align: top; } table.panellink { border-collapse: collapse; border: 3px solid #D6D6D6; background-color: #A7CE39; background-image: url('images/white_arrow.gif'); background-repeat:no-repeat; background-position: bottom right; overflow: hidden; width: 90%; } table.panellink td { padding-right: 0px; padding-bottom: 0px; vertical-align: top; } table.panelnolink { border-collapse: collapse; border: 3px solid #D6D6D6; background-color: #A7CE39; overflow: hidden; width: 90%; } table.panelnolink td { padding-right: 0px; padding-bottom: 0px; vertical-align: top; } table.vehicle { border-collapse: collapse; border: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; overflow: hidden; width: 88%; height: 100%; } table.vehicle td { padding-right: 0px; padding-bottom: 6px; vertical-align: top; } table.pavement_signs { border-collapse: collapse; border: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; overflow: hidden; width: 100%; height: 100%; } table.pavement_signs td { padding-right: 2px; padding-left: 2px; padding-bottom: 0px; vertical-align: top; } table.clothing { border-collapse: collapse; border: 0px; margin-top: 0px; margin-bottom: 10px; overflow: hidden; width: 92%; height: 100%; margin-left: auto; margin-right : auto; } table.clothing td { padding-right: 0px; padding-bottom: 6px; vertical-align: top; } table.shopsigns { border-collapse: collapse; /*border: 5px solid red;*/ border: 0; margin: 0 0 0 5px; overflow: hidden; width: 100%; } table.shopsigns td { padding: 0px; vertical-align: top; margin: 0; } table.greyborder { border: 1px solid #E3E1E1; border-collapse: collapse; margin-top: 5px; margin-bottom: 5px; overflow: hidden; width: 740px; } table.greyborder td.photo { vertical-align: top; background-color: #17375E; width: 200px; color: #FFFFFF; } table.greyborder td.description { vertical-align: top; } table.greyborder2 { /*border: 1px solid #A6A6A6; border-collapse: collapse;*/ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; width: 796px; } table.green { float: right; border: 0px; margin-top: 5px; margin-bottom: 5px; overflow: hidden; width: 250px; height: 100%; } table.green td.darkgreen { vertical-align: top; background-color: #81A436; } table.green td.lightgreen { vertical-align: top; background-color: #E3E8D0; } table.menu { float: inherit; width: 990px; border: 0px; margin: 0px; border-collapse: collapse; } table.topmenu { width: 100%; /*border: 10px solid red;*/ margin: 10px 0 10px 0; border-collapse: collapse; text-align: right; } table.topmenu td { border-collapse: collapse; text-align: right; padding: 0px; border: 2px solid #FFFFFF; } /* THE FONTS */ h1 { font-size: 14px; font-weight: bold; padding: 5px 0px 0px 2px; text-align: left; color: #3B3639; font-family: arial, Helvetica, Sans-Serif; } h2 { font-size: 14px; font-weight: bold; font-family: arial, Helvetica, Sans-Serif; color: #3B3639; text-align: left; } p { font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #404040; text-align: justify; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } td { font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #404040; text-align: justify; vertical-align: top; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } td.small { font-size: 9px; font-family: verdana, helvetica, sans-serif; color: #404040; text-align: justify; vertical-align: top; margin-bottom: 5px; } p.bold { margin-top: 10px; margin-left: 10px; margin-right: 5px; margin-bottom: 10px; font-family: arial, Helvetica, Sans-Serif; font-size: 14px; color: #404040; font-weight: bold; } p.large { margin-top: 10px; margin-left: 10px; margin-right: 0px; font-family: arial, Helvetica, Sans-Serif; font-size: 14px; color: #404040; } p.email { margin-top: 5px; margin-left: 10px; margin-right: 0px; font-family: arial, Helvetica, Sans-Serif; font-size: 16px; color: #404040; font-weight: bold; } p.telno { margin-top: 5px; margin-left: 10px; margin-right: 0px; font-family: arial, Helvetica, Sans-Serif; font-size: 26px; color: #404040; text-align: right; } p.about { font-size: 14px; color: #404040; } p.link { font-style: italic; margin: 10px 0 5px 5px; color: #008000; } p.button { font-size: 16px; color: #FFFFFF; text-align: center; vertical-align: top; margin-top: 0px; } p.title { font-size: 20px; font-weight: bold; text-align: left; vertical-align: top; margin-top: 10px; margin-left: 10px; } p.homelink { font-size: 10px; font-weight: bold; color: #FFFFFF; /*margin-left: 10px;*/ text-align: center; } p.description { margin-left: 10px; margin-right: 10px; } p.green_header { font-size: 16px; color: #FFFFFF; margin-left: 10px; text-align: center; } p.faq_answer { font-size: 11px; color: #404040; margin-left: 0px; font-style: italic; } p.footer { clear: both; text-align: center; font-size: 10px; color: #A8A4A4; } ul { margin-left: 20px; } ol { margin-left: 20px; } li { margin: 5px 20px 5px 20px; font-family: verdana, helvetica, sans-serif; color: #404040; font-size: 11px; text-align: left; } .popupHover { display:block; } /* span */ span.red { color: #FF0000; } span.yellow { background-color: #FFFF00; } /* rollovers pavement signs page */ .help { width: 400px; } table.help { margin-left: 18px; overflow: hidden; width: 90%; } .help td { /*border: 2px solid #FF0000;*/ background: #FFFFFF; } .helppopup { /*background-color: #A7CE39;*/ background-color: #FFFFFF; border: 2px solid #008000; padding: 5px; font-weight: normal; } .helppopup p { padding: 5px; } .popupHover { background-color: #008000; border-collapse: collapse; border: 3px solid #D6D6D6; overflow: hidden; padding-right: 0px; padding-bottom: 0px; vertical-align: top; width: 150px; } .rollovernolink { border-collapse: collapse; border: 3px solid #D6D6D6; background-color: #A7CE39; overflow: hidden; padding-right: 0px; padding-bottom: 0px; vertical-align: top; width: 150px; }