/* S T A N D A R D S ______________________________________________ */ * { border: 1; padding: 0; margin: 0px; font-family: Arial, Helvetica, sans-serif, Myriad Pro; }/* Set everything to "zero" and defines site font */ html, body { min-height:100%; } /*for compliant browsers*/ ul { list-style:none; margin:0; } ul li { width: 100px; margin-right: 100%; } ul li a { height: 1%; /* make links honour display: block; properly */ } #wrapper { min-height: 100%; overflow: visible; width: 795px; text-align: center; left: 0px; margin-left:auto; margin-right:auto; } /* 100% height for compliants, enwraps floated content*/ * html #wrapper { height:100%; }/* and feed IE what it needs */ .clear { clear:both; } h1 { font-size: 14px; color: #5d0402; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1em; } h6 { font-size: 0.8em; }/* Defined default Header sizes*/ blockquote { margin-left:10px; } a:link, a:visited, a:focus, a:hover, a:active { background-color:none; }/*s.508 Accessibility*/ a:link { color: #00f; } a:visited { color: #009; } a:focus, a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ a:active { color: #0cf; } /* S K E L E T O N B U I L D L A Y E R S _____________________________________________________________________________ */ body { background:url(../images/layout/hor-bkg.gif) top repeat-x #FFFFFF; } #leftcolumn { width:180px; float:left; background:url(../images/layout/left-col-bkg.jpg) repeat-y #FFFFFF; height: 100%; } #content { width:580px; float:right; text-align: left; margin: 20px 0 0 0; } #footer { width:530px; height:250px; background: url(../images/footerbkg.png) no-repeat bottom center; text-align: center; } /* T E X T S T Y L E S _______________________________________________________ */ #wrapper #content #footer P { font-size: 11px; color:#999999; } #wrapper #content P { font-size: 12px; line-height: 20px; margin: 10px 0 0 0; color: #333333; } H2 { font-size: 15px; } .hidden { visibility: hidden; height:0px; position:absolute; } .unhidden { visibility: visible; margin:0 0 8px 15px } /* L I N K S T Y L E S _______________________________________________________ */ #wrapper #content #footer P a:link { color: #4A0302; text-decoration:underline; } #wrapper #content #footer P a:visited { color: #4A0302; text-decoration:underline; } #wrapper #content #footer P a:hover { color: #4A0302; text-decoration:none; } #wrapper #content #footer P a:active { color: #4A0302; text-decoration:underline; } #wrapper #content P a:link { color: #4A0302; text-decoration:underline; } #wrapper #content P a:visited { color: #4A0302; text-decoration:underline; } #wrapper #content P a:hover { color: #4A0302; text-decoration:none; } #wrapper #content P a:active { color: #4A0302; text-decoration:underline; } #wrapper #content H1 { font-size: 15px; color: #5C302F; } /* MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU ____________________________________________________________________ */ #mainmenu { width: 180px; height: 280px; background: url(../images/layout/mainmenu.jpg) no-repeat; margin: 0; padding: 0; position: relative; } #mainmenu li { margin: 0; padding: 0; list-style: none; position: absolute; } #mainmenu li, #mainmenu a { display: block; } #home, #home-on { left: 0px; top: 0px; width: 180px; height: 45px; } #services, #services-on { left: 0px; top: 45px; width: 180px; height: 48px; } #faq, #faq-on { left: 0px; top: 93px; width: 180px; height: 42px; } #links, #links-on { left: 0px; top: 135px; width: 180px; height: 48px; } #quotes, #quotes-on { left: 0px; top: 183px; width: 180px; height: 45px; } #contact, #contact-on { left: 0px; top: 228px; width: 180px; height: 52px; } #home a, #home-on a { width: 180px; height: 45px; } #services a, #services-on a { width: 180px; height: 48px; } #faq a, #faq-on a { width: 180px; height: 42px; } #links a, #links-on a { width: 180px; height: 48px; } #quotes a, #quotes-on a { width: 180px; height: 45px; } #contact a, #contact-on a { width: 180px; height: 52px; } #home a:hover, #home-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -280px no-repeat; height: 45px; left: 0px; } #services a:hover, #services-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -325px no-repeat; height: 48px; left: 0px; } #faq a:hover, #faq-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -373px no-repeat; height: 42px; left: 0px; } #links a:hover, #links-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -415px no-repeat; height: 48px; left: 0px; } #quotes a:hover, #quotes-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -463px no-repeat; height: 45px; left: 0px; } #contact a:hover, #contact-on a:hover { background: url(../images/layout/mainmenu.jpg) 0px -508px no-repeat; height: 52px; left: 0px; } #home-on { background: url(../images/layout/mainmenu.jpg) 0px -560px no-repeat; } #services-on { background: url(../images/layout/mainmenu.jpg) 0px -605px no-repeat; } #faq-on { background: url(../images/layout/mainmenu.jpg) 0px -653px no-repeat; } #links-on { background: url(../images/layout/mainmenu.jpg) 0px -695px no-repeat; } #quotes-on { background: url(../images/layout/mainmenu.jpg) 0px -743px no-repeat; } #contact-on { background: url(../images/layout/mainmenu.jpg) 0px -788px no-repeat; } #wrapper #content h1 strong { font-size: 14px; text-transform:uppercase; } table { border:0; } table td { border:0; text-align:left; } table label { font-size:12px; font-weight: normal; } #wrapper #content .formTRSection { background:#CCCCCC; padding: 10px; } #wrapper #content .formTRSection .tabletext b { font-size: 16px; color: #AC080F; } #wrapper #content .formTR .tabletext { background-color:#FFFFFF; padding: 5px; font-size: 12px; vertical-align: top; } #wrapper #content .formTRSection .tabletext { padding: 5px; } #wrapper #content input, #wrapper #contenttextarea { background-color:#EDEFEF; border: #999999 1px solid; font-size: 12px; padding: 0 2px 2px 2px; } #wrapper #content .formTRSection .subheadertable { font-size: 16px; font-weight: bold; padding: 5px; color: #000000; } #wrapper #content .formTRSection .tabletext em { font-size: 11px; color: #FFFFFF; } #wrapper #content .formTR .tabletext select { margin:0 0 15px 0; } #wrapper #content .formTRSection .submitform { text-align: center; padding: 30px; } #wrapper #content .ascii-column { float: left; width: 180px; }