body { font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0; padding: 0; background-color: #D7B7B7; /*dk mauve*/; color: #000000; background-image: url('../images/bg.jpg'); background-repeat: repeat-x; } /*===============indicates no border around any image ============*/ body img { border: 0px; text-decoration: none; } /* ============ margins auto center the container on the page ==========*/ #container { margin: 10px auto; padding: 30px; background-color: #ffffff; width: 80%; } /*=================== styles for top banner ========================*/ #banner { background-position: right center; padding: 10px; background-color: #2B561C; background-image: url('../images/072008_01.jpg'); height: 150px; background-repeat: no-repeat; color: #000000; } #banner img { padding-top: 20px; padding-left: 20px; } /*=================== styles for top menu ======================*/ #topmenu { background-color: #FFFFFF; text-align: center; font-size: .90em; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; color: inherit; border-bottom: 2px solid #AD6D6D; } #topmenu ul { margin: 0; padding: 0; list-style-type: none; } #topmenu li { display: inline; list-style-type: none; padding: 0px; padding-right: 1em; } #topmenu li a { padding: 3px 10px; } /*==============all site links==============*/ a:link { font-weight: bold; color: #004145; background: transparent; text-decoration: underline; } a:visited { font-weight: bold; color: #000000; background: transparent; padding: 0px; text-decoration: underline; } a:hover { font-weight: bold; text-decoration : none; background: #C47B7B; color: #ffffff; } a:active { font-weight: bold; text-decoration : underline; background: #BFDFE2; color: #000000; } /*====================== styles for main content area =========================*/ #content { margin-left: 180px; padding: 5px; text-align: left; vertical-align: top; } /*===========content area list items==============*/ #content ul li { list-style-image: url('../images/pink-bullet-bg.gif'); margin: 2px; padding: 2px; } #content li li { list-style-image: url('../images/pink-bullet-sm.gif'); padding: 2px 0; } /* ***************************************************** Navigation Bar - Left hand side **************************************************** */ #vertmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 160px; padding: 0px; margin: 10px 0px 0px 0px; float: left; } #vertmenu .heading { background-color: #AD6D6D; font-size: 90%; font-weight: bold; padding: 3px 0 5px 3px; border: 1px solid #825252; color: #ffffff; margin: 0px; width: 150px; } #vertmenu ul { list-style: none; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border: none; } #vertmenu ul li { margin: 0px; padding: 0px; } #vertmenu ul li a { font-size: 80%; display: block; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width: 160px; border-bottom: 1px dashed #C39C4E; border-bottom-color: #962332; } #vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #000000; background-color: #eeeeee; } #vertmenu .sidebox a:link { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } #vertmenu .sidebox a:visited { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } #vertmenu .sidebox a:hover { background: #FFFFFF; color: #CC9900; font-weight: bold; text-decoration: underline; } #vertmenu .sidebox a:active { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } /* left-hand menu - colored box - green */ #vertmenu .sidebox { border: 2px solid #AD6E6D; padding: 0px 3px 15px 3px; background: #f8faef; color: #000000; font-size: 85%; } /* left-hand menu - colored box - green heading */ #vertmenu .sideboxheading { background: #AC6E6C; color: #FFFFFF; font-weight: bold; text-align: center; margin-top: 3px; padding: 2px; } /*============== Styles for footer ===================*/ #footer { border-top: 2px solid #AD6D6D; clear: both; padding: 5px; background-color: rgb(255, 255, 255); text-align: center; } #footer p { margin-top: 0px; margin-bottom: 0px; } /*================== general styles =================*/ hr { width: 50%; text-align: center; background-color: #542331; height: 5px; } /* =================Styles for heading tags =============== */ h1, h2, h3, h4 { color: #573737; background-color: inherit; } h1 { font-size: 1.5em; background: #F9E3E3; } h2 { font-size: 1em; } h3 { font-size: .9em; } h4 { font-size: .9em; } /*================used to center anything==============*/ .center { text-align: center; } /* ============floats images to right or left ============*/ .imgrgt { float: right; padding: 7px; } .imglft { float: left; padding: 7px; } .smtxt { font-size: small; }