/* CSS Document */ /*---------------- GENERAL FORMATTING -------------------------------*/ html{ margin: 0px; padding:0px; } body{ background-color: #458a33; color: #000000; margin: 0px; padding: 0px; font-family: arial, sans-serif; text-align: justify; font-size: 0.8em; } p{ margin-top:0px; padding-top: 0px; } h3{ margin:0px; padding: 0px; font-weight: bold; font-size: 1.6em; color: #a9a79f; } h4{ margin:0px; padding: 0px; font-weight: normal; font-size: 1em; color: #a9a79f; } hr{ margin:5px 0px; padding:0px; background-color: #dcdbd5; border-top: 1px solid #bdbbb1; border-bottom: 1px solid #eae9e6; border-left:0px; border-right:0px; height: 4px; } .smalltext{ font-size: 0.7em; } .floatleft{ position: relative; float: left; } .floatright{ position: relative; float: right; } /*--------------- HEADER IDS USED IN TEMPLATE.PHP --------------------*/ #header { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; border-bottom: 2px #749800 solid; } #pichead{ position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; } #border{ position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; border-bottom: 2px #749800 solid; } /*------------------PAGE ELEMENT LAYOUT (SHOULD BE USED IN INDEX.PHP)-----------------*/ #coedtoon{ margin: 0px; width: 100%; } #rhpics { /*width: 210px;*/ position: relative; float: right; padding: 0px 20px 0px 20px; margin: 0px; } #rhpics img{ border: 1px solid #6d6a50; } #content { padding: 0px 20px 0px 20px; } #boxwrap { background:#dcdbd5 url(images/box/right.gif) repeat-y right top; position: absolute; top: 0px; left: 260px; right: 40px; padding: 0px; } #box { background:transparent url(images/box/left.gif) repeat-y left top; padding: 0px; } .clean{ margin: 0px; padding: 0px; border: 0px; } /*-------------------------------MENU-----------------------------------------------------*/ .menutop { background: URL(images/box/menutop.gif); text-align: center; /*use 40px spacer to align right*/ color: #bdbbb1; height:40px; margin:0px; } .catmenutitle { font-size: 1em; font-weight: normal; color: #bdbbb1; padding-top: 20px; text-align: center; } .menubottom { background: URL(images/box/menubot.gif); height: 40px; } .menudivide{ margin:0px; padding:0px; background-color: #dcdbd5; border-top: 1px solid #bdbbb1; border-bottom: 1px solid #eae9e6; border-left:0px; border-right:0px; height: 0px; } #nav { position: absolute; top: 0px; left: 30px; WIDTH: 210px; MARGIN: 0px; PADDING: 0px; LIST-STYLE-TYPE: none; } #nav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 210px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; } #nav LI { FLOAT: left; MARGIN-BOTTOM: 0px; WIDTH: 210px; LINE-HEIGHT: 30px; POSITION: relative; } #nav LI UL { MARGIN-TOP: -53px; LEFT: -999em; MARGIN-LEFT: 210px; POSITION: absolute } #nav LI UL UL { LEFT: -999em } /* ---- Menu buttons have background and text styling controlled by dynamically created syles written by includes/elements/colstyle.php into the of index.php ----*/ /*catagory buttons*/ #nav LI A { /* BORDER-TOP: #FFFFFF 1px solid; BORDER-BOTTOM: #458a33 1px solid; BORDER-RIGHT: #458a33 1px solid;BORDER-LEFT: #458a33 1px solid; */ font-size: 16px; padding-right: 44px; padding-left: 20px; DISPLAY: block; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align: center; margin:0px; } #nav LI A:hover { } /*--page buttons style--*/ #nav LI UL LI{ width: 186px; } #nav LI UL LI A{ padding: 0px 20px; } #nav LI:hover UL UL { LEFT: -999em } #nav LI.sfhover UL UL { LEFT: -999em } #nav LI:hover UL { LEFT: auto } #nav LI LI:hover UL { LEFT: auto } #nav LI.sfhover UL { LEFT: auto } #nav LI LI.sfhover UL { LEFT: auto } /*------------------------------ BOXES -------------------------------------------------*/ .boxtop{ background:url(images/box/top.gif); height: 40px; /* width:100%;*/ text-align:center; } .boxbot{ clear:both; background:url(images/box/bot.gif); height: 40px; /* width:100%;*/ text-align:center; }