/* default template */ /* This overcomes a number of quirks and bugs in various browsers */ * { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } html { min-height: 101%; font-size: 100.01%; /* IE hack */ } body { min-height: 101%; font: normal 11px Arial, Helvetica, sans-serif; color: #000; /*background-color: #efd;*/ background-image: url(img/back.jpg); text-align: center; /* centers content div in ie 5.x */ } /* prevent ie 5.x supersizing text */ table, input, select, th, td { font-size: 100.01%; } p { margin: 11px 0; } .subpara { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } img { border: none; } table { border-collapse: collapse; } h2 { font-size: 17px; margin: 11px 0; color: #627943; } h3 { font-size: 14px; margin: 11px 0; } h4 { font-size: 14px; margin: 0; color: #627943; } div#body { text-align: left; margin: 4px auto; border: 1px solid #056000; width: 758px; background-color: #fff; /* IE5.x */ _width: "760px"; } /* background on home page , id="home" needs to be set in tag */ #home div#body { background: url(img/homeback.jpg) bottom left no-repeat; background-color: #fff; } #other div#body { background: url(img/homeback2.jpg) bottom left no-repeat; background-color: #fff; } div#bodyclear { clear: both; } div#head { } div#container { padding: 4px; width: 575px; /* IE5.x */ _width: "585px"; float: left; _display: inline; /* prevent win IE from doubling margin */ } div#container p { text-align: justify; } div#container ul { margin-left: 16px; } /* prevents body text overlapping footer background on home page */ div#containerclear { clear: left; height: 200px; width: 1px; } /* MENU */ div#menu { margin-left: 4px; margin-bottom: 2px; float: left; _display: inline; /* prevent win IE from doubling margin */ width: 170px; } /* menu links, with different indents for each level */ div#menu a { text-decoration: none; display: block; height: 18px; line-height: 18px; padding-right: 8px; margin: 2px; } /* menu normal colors */ div#menu a.lv0 { color: #FFFFFF; background-color: #627943; padding-left: 8px; border: 1px solid #044900; width: 149px; _width: "165px"; } div#menu a.lv1 { color: #022700; background-color: #BDCF9F; padding-left: 16px; border: 1px solid #90B278; width: 141px; _width: "165px"; } div#menu a.lv2 { color: #022700; background-color: #DEEBC8; padding-left: 24px; border: 1px solid #DEEBC8; width: 133px; _width: "165px"; } /* menu mouseover colors */ div#menu a.lv0:hover { color: #022700; background-color: #BDCF9F; } div#menu a.lv1:hover { color: #022700; background-color: #DEEBC8; } div#menu a.lv2:hover { color: #022700; background-color: #F0F6E5; } div#container a { text-decoration: none; color: #627943; font-weight: bold; } div#container a:hover { text-decoration: underline; color: #000000; font-weight: bold; } /* right hand panel inside inner container */ div.right { float: right; display: inline; /* prevent win IE from doubling margin */ /*width: 158px; _width: "160px"; border: 1px solid #044900; text-align: right; overflow: show;*/ } table#diy td { padding: 5px; } #menu-bg { background-image: url(img/menu-bg.gif); background-position: 0px 100px; background-color:#627943; background-repeat:repeat-x; height: 500px; border-left: 2px solid #FFFFFF; border-right: 1px solid #ffffff; } #menu-bg-sml { background-image: url(img/menu-bg.gif); background-position: 0px -160px; background-color:#627943; background-repeat:repeat-x; height: 200px; border-left: 2px solid #FFFFFF; border-right: 1px solid #ffffff; }