/* */ /* General Level Elements ----------------------------------*/ body { background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, san-serif; font-size: 11px; color: #666666; } td, p, div, span { font-family: "Trebuchet MS", Arial, Helvetica, san-serif; font-size: 11px; color: #666666; } #wrapper { width: 780px; margin: 0px; padding: 0px; } /* Top Bar ----------------------------------*/ #top { height: 50px; } #top #logo { background-image: url(../images//logoTop.jpg); background-repeat: no-repeat; width: 220px; height: 50px; float: left; } #top #capNav { float: right; width: 400px; height: 50px; margin-right: 1px; padding-right: 5px; padding-top: 5px; text-align: right; } #top #capNav div { font-weight: bold; height: 20px; padding: 0px; margin: 0px; color: #; } #top #capNav a { color: #; text-decoration: none; } #top #capNav a:hover { color: #; } /* Mast ----------------------------------*/ #mast { background-image: url(../images//mast.jpg); background-repeat: no-repeat; width: 780px; height: 134px; } /* Main Nav ----------------------------------*/ #mainNav { background-image: url(../images//mainNav_bg.jpg); background-repeat: repeat-x; width: 563px; height: 32px; float: left; } #mainNav ul { float: right; margin: 0px; padding: 0px; list-style: none; text-align: right; font-family: "Trebuchet MS"; font-weight: bold; font-size: 14px; width: 550px; } #mainNav ul li { line-height: 24px; padding: 0px 6px 0px 6px; display: inline; border-left: 1px solid #; } #mainNav ul li a { color: #; text-decoration: none; } #mainNav ul li a:hover { color: #; text-decoration: none; } /* Body > Left Menu ----------------------------------*/ #body #leftMenu { width: 199px; height: 437px; float: left; background-image: url(../images//leftMenu.jpg); background-repeat: no-repeat; } #body #leftMenu ul { width: 130px; margin: 36px 0px 0px 14px; padding: 0px; list-style: none; } #body #leftMenu ul li { padding: 2px 0px 6px 0px; line-height: 14px; color: #; width: 140px; } #body #leftMenu ul li a { color: #; font-weight: bold; text-decoration: none; } #body #leftMenu ul a:hover { color: #; } /* Body > Content ----------------------------------*/ #body #content { width: 560px; float: left; } #body #content #mainBody { width: auto; margin: 10px; padding-bottom: 10px; text-align: justify; } #body #content #mainBody a { color: #; } #body #content #mainBody a:hover { color: #; } /* Body > Content > Footer ----------------------------------*/ #body #content #footer { width: 560px; float: left; margin-left: 10px; margin-bottom: 30px; color: #666666; } #body #content #footer { color: #; } #body #content #footer a { color: #; } #body #content #footer a:hover { color: #; } #body #content #featureBar { padding-top: 15px; margin: 0px auto 0px auto; } #body #content #featureBar #left { background-image: url(../images/featurebar/featurebar_left.jpg); background-repeat: no-repeat; height: 104px; width: 182px; float: left; margin: 0px 0px 30px 0px; } #body #content #featureBar #right { background-image: url(../images/featurebar/featurebar_right.jpg); background-repeat: no-repeat; height: 104px; width: 182px; float: left; margin: 0px 0px 30px 0px; } #body #content #featureBar #center { background-color: #; height: 104px; width: 170px; float: left; color: #FFFFFF; font-weight: normal; text-align: center; margin: 0px 0px 30px 0px; font-size: 18px; font-style: italic; } /* Newsletter Elements */ .newsletterresponsemessage p.header { font-size: 18px; border-bottom: 1px dotted #; color: ; font-weight: bold; } .newsletterresponsemessage div.message { } /* Other > General Elements ----------------------------------*/ h3, .h3 { font-size: 18px; border-bottom: 1px dotted #; color: ; } h4, .h4 { font-size: 14px; color: ; margin-bottom: 4px; margin-top: 4px; } fieldset { -moz-border-radius: 6px; } .bold { font-weight: bold; } .locationMap { text-align: center; } ul#checks { list-style: none; margin: 0px; padding: 0px; } ul#checks li { margin-bottom: 8px; background-image: url(../images/misc/icn_leaf.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 24px; padding-bottom: 6px; } ul#checks2 { } ul#checks2 li { margin-bottom: 8px; padding-bottom: 6px; padding-right: 10px; } #legacyProgram fieldset { margin-bottom: 4px; } #legacyProgram fieldset ul { list-style: none; margin: 10px; padding: 0px; } #legacyProgram fieldset #type { margin-right: 20px; padding: 0px; font-weight: bold; } #legacyProgram fieldset #description { padding: 4px 10px 4px 10px; } #legacyProgram #description #notice { font-weight: normal; text-align: center; padding: 10px; } #dawesFamily fieldset { margin-bottom: 4px; padding-top: 6px; } #dawesFamily fieldset #description ul { margin-left: 20px; margin-right: 20px; padding: 0px; } #dawesFamily fieldset #description li { margin-bottom: 6px; } #contact #information { padding: 10px; } #events fieldset { margin: 10px 0px 10px 0px; } #events fieldset div { padding: 0px 7px 7px 7px; } #events fieldset div#pdfLink { background-image: url(/images/misc/icn_pdf.jpg); background-repeat: no-repeat; padding-left: 55px; vertical-align: center; line-height: 52px; margin-bottom: 7px; } #events #date { font-weight: bold; } #events #description { margin-top: 7px; } #outreachPrograms fieldset { margin: 10px 0px 10px 0px; } #outreachPrograms #program { padding: 10px 7px 10px 7px; } #outreachPrograms #program #title { font-weight: bold; } #classes fieldset { margin: 20px 0px 10px 0px; } #classes #class { padding: 10px 7px 10px 7px; } #classes #class #title { font-weight: bold; } #classes #class #description { padding-top: 4px; } #pdfLink { background-image: url(/images/misc/icn_pdf.jpg); background-repeat: no-repeat; padding-left: 55px; vertical-align: center; line-height: 52px; margin-bottom: 7px; } #acrobatLink { padding-left: 10px; vertical-align: center; margin-top: 10px; margin-bottom: 7px; } #mediaphotos { width: 525px; } #mediaphotos #left { width: 250px; float: left; } #mediaphotos #right { width: 250px; float: right; } #mediaphotos #image { margin-bottom: 10px; text-align: center; width: 250px; } #mediaphotos #image #title { font-weight: bold; color: #; } #mediaphotos #image #thumb img { border: 1px solid #; } .tbd { color: #FF0000; font-weight: bold; border: 1px solid #FF0000; padding: 6px; } #classesNav { text-align: center; height: auto; margin: 10px 0px 10px 0px; padding: 0px; list-style: none; } #classesNav li { display: inline; } #classesNav li a:link, #classesNav li a:visited { margin-right: 2px; display: inline; height: 15px; padding: 3px 6px 3px 6px; font-weight: bold; color: #! important; border: 1px solid # ! important; background-image: url(../images//mainNav_bg.jpg); background-repeat: repeat-x; } #classesNav li a:hover { background-color: #FFFFFF ! important; background-image: none; color: # ! important; border: 1px solid # ! important; } #classesNav li a:active { background-color: #FFFFFF ! important; color: # ! important; border: 1px solid # ! important; }