/* ***********************************Site-wide styles************************************/ body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /****** a styles ******/ a { text-color: black; text-decoration:none; } a:link {} a:hover { text-decoration:underline; } a:active { font-style: italic; } a:visited {} #Container { align: center; } /************************************* LOGO ****************************************/ #Logo { background-color: #8FA836; background-image: url("spring/logo.gif"); background-repeat: no-repeat; height: 75px; width: 340px; position: absolute; top: 15px; } #Logo h1 span { display: none; } /********************************** SEARCH ****************************************/ #Search { background-color: #323B0A; position: absolute; top: 95px; height: 60px; width: 170px; background-image: url("spring/search_our_site.gif"); background-repeat: no-repeat; background-position: +10px +6px; } #Search span form { margin-top: 26px; margin-left: 13px; margin-bottom: 0px; margin-right: 0px; } #Search h2 span { display: none; } /************************************ DATE ********************************/ #Date { background-color: white; height: 15px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 235px; padding: 0px; vertical-align: -10px; margin-left: 7px; font-size: 10px; } /********************************* INFORMATION FOR ********************/ #InformationFor { background-color: #FFFFFF; background-image: url("spring/information_for.gif"); background-repeat: no-repeat; height: 75px; left: 0px; position: absolute; top: 160px; width: 170px; z-index: 101; } #InformationFor ul { margin: 0px; padding: 0px; padding-left: 42px; font-size: 16px; line-height: 18px; display: block; font-weight: bold; } #InformationFor ul li { display: list-item; list-style-image: none; list-style-type: none; } #InformationFor ul li a { text-decoration: none; color: #000000; } #InformationFor ul li a:hover { text-decoration: underline; } /****************************** SIDEBAR *************************/ #Sidebar { background-color: white; height: auto; width: 175px; left: 0px; overflow: hidden; position: absolute; top: 240px; margin: 0px; padding: 0px; z-index: 100; } #Sidebar ul { margin: 0px; margin-left: -8px; padding: 0px; font-size: 14px; line-height: 18px; border-top: 1px #000000 solid; white-space: nowrap; } #Sidebar ul li { display: list-item; list-style-image: url("spring/sidebar_bullet.gif"); list-style-position:inside; margin-top: 2px; white-space: nowrap; } #Sidebar ul li a { margin-left: 0px; text-decoration: underline; color: #94AF1E; } #Sidebar ul li a:hover { text-decoration: none; } #Sidebar ul ul { margin: 0px; padding: 0px; margin-left: 0px; font-size: 12px; line-height: 14px; display: block; white-space: normal; border-top: none; } #Sidebar ul ul li { display: list-item; list-style-image: none; list-style-position: inside; margin-top: 2px; list-style-type: none; white-space: nowrap; margin-left: 0px; } #Sidebar ul ul li a { margin-left: 8px; text-decoration: underline; color: #94AF1E; } #Sidebar ul ul li a:hover { text-decoration: none; } /*************************** TOP CONTENT ************************/ #PopularPages, #TopLinks { background-color: default; height: 78px; background-repeat: no-repeat; overflow: hidden; position: absolute; top: 14px; margin: 0px; padding: 0px; width: 130px; } #PopularPages { background-image: url("spring/top_links.gif"); left: 345px; } #TopLinks { background-image: url("spring/top_links.gif"); left: 345px; margin-left: 130px; overflow: visible; } #PopularPages ul, #TopLinks ul { margin: 0px; padding: 0px; margin-left: -7px; padding-top: 14px; font-size: 11px; line-height: 10px; } #PopularPages ul li, #TopLinks ul li { display: list-item; list-style-image: url("spring/top_links_bullet.gif"); list-style-position:inside; margin-top: 2px; margin-bottom: 1px; letter-spacing: 0px; list-style-type: disc; } #PopularPages ul li a, #TopLinks ul li a { color: #000; text-decoration: none; } #PopularPages ul li a:hover, #TopLinks ul li a:hover { text-decoration: underline; } #TopContentDivider { background-color: transparent; background-image: url(spring/topbar_divider.gif); height: 75px; left: 470px; overflow: hidden; position: absolute; top: 15px; width: 5px; } #TopContentDivider span { display: none; } /************************************ FRONT PAGE ONLY **************************************/ #CenterPicture { background-color: white; height: 260px; left: 175px; position: absolute; top: 95px; width: 425px; } #Notice { /*background-image: url(../images/clear_bg.gif);*/ background-color: black; left: 175px; position: absolute; top: 95px; width: 425px; z-index: 200; } #Notice p { padding: 2px; color: #8FA836; font-weight: bold; font-size: 15px; } #Notice p a { color: #8FA836; text-decoration: underline; } #Notice p a:visited { color: #8FA836; } #AroundTheCounty { background-color: #6796C9; background-image: url("spring/around_the_county.gif"); background-repeat: no-repeat; height: 340px; left: 605px; overflow: hidden; position: absolute; top: 15px; width: 155px; } #AroundTheCounty h2 span { display: none; } #AroundTheCounty ul { margin: 0px; margin-top: 50px; padding: 0px; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 13px; display: block; color: white; white-space: normal; font-weight: normal; } #AroundTheCounty ul li { display: list-item; list-style-image: none; list-style-type: none; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 2px #ADC8EA inset; text-align: left; } #AroundTheCounty ul li strong { font-weight: bold; font-size: 15px; text-align: right; letter-spacing: -1px; padding-bottom: 3px; margin-left: -4px; } #AroundTheCounty ul li a { color: white; text-decoration: none; } #AroundTheCounty ul li a:hover { text-decoration: underline; } /*************************************** CONTENT ************************************/ #TopPicture { background-color: white; height: 75px; left: 605px; position: absolute; top: 15px; width: 170px; overflow: hidden; border: 1px solid black; } #Content { margin: 0px; left: 0px; margin-left: 195px; top: 95px; width: 575px; z-index: 50; position: absolute; } #Content hr { margin-top: 5px; padding-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border: 1px #66007C dotted; } #Content h1 { font-size: 25px; font-weight: bold; letter-spacing: 0px; margin-top: 4px; margin-bottom: 4px; padding: 0px; font-variant: small-caps; } #Content h2 { font-size: 17px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding: 5px; letter-spacing: -1px; background: #F2F8D7; } #Content h3 { margin-top: 5px; font-size: 15px; font-weight: bold; letter-spacing: -1px; margin-bottom: 2px; } #Content p { font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0px; margin-top: 2px; margin-bottom: 10px; line-height: 18px; } #Content table tr td p { margin: 0px; } #Content a { color: #94AF1E; text-decoration: underline; } #Content a:hover { color: #66007C; } #Content p table tr td a { font-size: 16px; letter-spacing: -1px; color: black; text-decoration: none; } #Content p table tr td a:link { color: black; text-decoration: none; } #Content p table tr td a:hover { color: black; text-decoration: underline; } #Content p table tr td a:active { color: black; text-decoration: none; font-style: italic; } #Content p table tr td a:visited { color: black; } #Content ul { margin-top: 5px; margin-bottom: 10px; font-size: 12px; } #Content ol { margin-top: 5px; margin-bottom: 10px; font-size: 12px; } #Content ul ng_list { font-size: 12px; } /****************************** BOTTOM CONTENT *****************/ #FrontPageBottomBar, #BottomBar { background-color: #263E0C; background-repeat: repeat-x; height: 55px; position: absolute; width: 600px; background-image: url(""); } #FrontPageBottomBar { left: 0px; top: 360px; } #BottomBar { left: -195px; width: 610px; top: auto; } #FrontPageBottomBar h3, #BottomBar h3 { color: #ffffff; font-size: 11px; text-align: center; line-height: 11px; padding: 0px; margin: 0px; margin-top: 35px; } #FrontPageInfoLink { top: 7px; left: 7px; position: absolute; color: #FFF; } #FrontPageInfoLink a, #FrontPageInfoLink a:visited, #FrontPageInfoLink a:hover { color: white; text-decoration: underline; } #FrontPageDisclaimers, #Disclaimers { background-color: #000; height: 55px; position: absolute; width: 155px; } #FrontPageDisclaimers { top: 360px; left: 605px; } #Disclaimers { top: auto; left: 420px; } #FrontPageDisclaimers ul, #Disclaimers ul { margin: 0px; padding: 0px; padding-left: 5px; padding-top: 0px; font-size: 12px; } #FrontPageDisclaimers ul li, #Disclaimers ul li { display: list-item; list-style-image: url("spring/disclaimer_bullet.gif"); list-style-position:inside; margin-top: 2px; } #FrontPageDisclaimers ul li a, #Disclaimers ul li a { margin-left: 3px; text-decoration: none; color: #ffffff; } #FrontPageDisclaimers ul li a:hover, #Disclaimers ul li a:hover { text-decoration: underline; } /************************** VIEWING AN EVENT POP UP **************************/ #ViewEvent { font-family: Arial, sans-serif; font-size: 12pt; margin: 0px; } #ViewEvent p { font-family: sans-serif; } #ViewEvent h1 { margin: 0px; padding: 10px; padding-bottom: 3px; font-size: 1em; color: white; background-color: #6796C9; text-align: center; } #ViewEvent h2 { margin: 0px; padding: 0px; font-size: .8em; text-align: center; background-color: #6796C9; color: white; font-weight: normal; } #ViewEvent h3 { margin: 0px; padding: 0px; padding-bottom: 10px; font-size: .8em; text-align: center; background-color: #6796C9; color: white; font-weight: normal; border-bottom: 2px #ADC8EA inset; } #ViewEvent h4 { text-align: center; font-size: .8em; margin: 0px; padding: 5px; font-weight: normal; } #ViewEvent p { font-size: .8em; margin: 0px; padding: 5px; }