/*----------------------------------------------------------------------------- City of Fallon Screen Stylesheet version: 1.0 date: 03/06/09 author: Andrew McCarthy editor: Elaine Van Der Wall email: andrew@clmdesign.com -----------------------------------------------------------------------------*/ /* Default Styles -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } img { border:0; } .clear { clear:both; font-size:0px; line-height:0px; height:0px; } .clearRight { clear:right; font-size:0px; line-height:0px; height:0px; } .clearLeft { clear:left; font-size:0px; line-height:0px; height:0px; } .right { float: right; } .left { float: left; } hr { display:none; } #content .hr { display:block; background:url(../images/content_hr.gif) repeat-x 0px 5px; padding:5px 0px 15px; } body { font-family: Arial, Verdana, Helvetica, sans-serif; background: #49001c url(../images/body_bg.gif) repeat-y center; color: #4c4c4c; text-align:center; } a { color:#fff; text-decoration:none; } a:focus { /* Removes the dotted outline when clicking on link in Firefox */ -moz-outline: 0; outline: 0; outline-offset: 0; } a:hover { text-decoration:underline; } #body_text a, #body_text a:link, #body_text a:visited { color:#7C002F; text-decoration:none; } #body_text a:hover, #body_text a:active { text-decoration:underline; } p, table { font-size:12px; } /* Structure Styles -----------------------------------------------------------------------------*/ #container { width:850px; margin:0 auto; text-align:left; background:#e14a1a; position:relative; } #wrapper { position:relative; padding-top:170px; } #content { color:#4c4c4c; float:right; display:inline; background:#fff url(../images/content_divider.gif) repeat-y top left; border-top:8px solid white; border-bottom:8px solid white; width:715px; padding-bottom:20px; } #content img { margin:0px 12px; } #content p { font-size:13px; padding:0px 12px; margin-bottom:5px; line-height:1.5em; } #content p img { margin:0; } #footer { clear:both; padding:50px 20px 20px 20px; background:#e14a1a url(../images/footer.gif) no-repeat bottom center; color:#FFFFFF; width:810px; } #body_text { margin-left:170px; margin-right:25px; } #body_text p { line-height:1.6em; margin-bottom:1.2em; color:#4c4c4c; } #body_text ul, #body_text ol { font-size:13px; line-height:1.6em; margin-bottom:1.2em; color:#4c4c4c; margin-left:25px; } #body_text table { margin-left:10px; } #logolink { text-indent:-9999px; position:absolute; display:block; width:850px; height:140px; top:30px; right:0; } /* Navigation Styles -----------------------------------------------------------------------------*/ #nav { background: #231f20 url(../images/nav_bg.gif) repeat-x bottom left; text-align:center; } #nav ul { width:638px; height:43px; margin:0 auto; text-align:center; list-style:none; } #nav ul li { float:left; display:inline; margin:0px 3px; } #nav ul li a { display:block; height:43px; background-position:bottom left; text-indent:-9999px; } #nav ul li a:hover, #nav ul li a.over { background-position:top left; } #nav a#government { width:156px; background-image:url(../images/nav_government.gif); } #nav a#services { width:86px; background-image:url(../images/nav_services.gif); } #nav a#visiting { width:77px; background-image:url(../images/nav_visiting.gif); } #nav a#centennial { width:105px; background-image:url(../images/nav_centennial.gif); } #nav a#maps { width:60px; background-image:url(../images/nav_maps.gif); } #nav a#newsletter { width: 118px; background: url(../images/nav_newsletter.gif) bottom left; } #nav a#newsletter:hover, #nav a#newsletter.over { background-position: top left; } /* ---------------------- DropNav Styles */ #dropnav_container { width:100%; position:absolute; top:0px; z-index:0; } #dropnav { height:55px; background-repeat: repeat-x; background-position:bottom; background-image:url(../images/dropnav_bg.png) !important; /* add gif background for IE6 and below */ background-image:url(../images/dropnav_bg.gif); display:none; list-style:none; } #dropnav a { color:#4c4c4c; } #dropnav a:hover, #dropnav a.over { color:#54b3d7; text-decoration:none; } #dropnav ul { text-align:center; padding-top:5px; list-style:none; } #dropnav ul li { font-size:12px; font-weight:bold; padding-top:5px; background:#fff; display:inline; margin:0px 6px; list-style:none; } #mouseout { display:block; margin-top:5px; height:50px; } /* ---------------------- SubNav Styles */ #subnav { float:left; display:inline; width:160px; } #subnav img { margin-left:10px; } #subnav ul { list-style:none; margin:0px 10px 30px 10px; } #subnav li { list-style:none; font-size:13px; margin-bottom:4px; } #subnav li a { color:#4c4c4c; display:block; padding:4px 15px; } #subnav li a:hover, #subnav li a.over { text-decoration:none; background:#60cdf6; } #content #subnav .hr { display:block; background:url(../images/subnav_hr.gif) repeat-x center; padding:5px 0px 15px; margin:0px 10px; } #subnav li ul { margin:0; margin-left:8px; } /* ---------------------- NavBox Styles */ #navbox { border-top:4px solid #60cdf6; margin:5px; } #navbox h2 { margin-top:40px; } /* ---------------------- SubNav2 Styles */ #subnav2 { float:left; display:inline; width:180px; font-weight:bold; margin-right:30px; } #subnav2 ul { list-style:none; margin:0px 10px 10px 10px; } #subnav2 li { list-style:none; font-size:11px; margin-bottom:1px; } #subnav2 li a { color:#4c4c4c; display:block; padding:6px 10px; background:#e3e3e3; } #subnav2 li a:hover, #subnav2 li a.over { text-decoration:none; background:#60cdf6; } #content #subnav2 .hr { display:block; background:url(../images/subnav_hr.gif) repeat-x center; padding:5px 0px 15px; margin:0px 10px; } #subnav2 li ul { margin:0; margin-left:8px; } /* ---------------------- ThirdNav Styles */ #thirdnav { list-style:none; font-size:13px; float:right; } #thirdnav li { float:left; display:inline; width:220px; margin-left:5px; margin-bottom:8px; } #thirdnav a { color:#4c4c4c; } #thirdnav a:hover, #thirdnav a.over { text-decoration:none; border-bottom:1px #4c4c4c dotted; } #thirdnav a.over { font-weight:bolder; } /* ---------------------- Quicklink Styles */ #quicklinks li { color:#4c4c4c; font-size:11px; font-weight:bold; padding:0px 0px; margin-bottom:0px; background:url(../images/subnav_hr.gif) repeat-x bottom; } #quicklinks a, #quicklinks a:link, #quicklinks a:hover, #quicklinks a:active, #quicklinks a:visited { display:block; text-decoration:none; color:#4c4c4c; font-size:11px; font-weight:bold; padding:5px 10px; margin-bottom:0px; background:url(../images/subnav_hr.gif) repeat-x bottom; } #quicklinks a:hover, #quicklinks a:active { background:#60cdf6; } #quicklinks ul { display:none; } #quicklinks li ul { padding-bottom:1px; } #quicklinks li li { background:#e3e3e3; margin-bottom:1px; font-weight:normal; } #quicklinks li a { padding:4px 10px; } /* ---------------------- Actionlink Styles */ #actionlinks { padding:0 !important; margin:0; margin-top:5px; text-align:right; } #actionlinks a img { border-bottom:2px solid white; } #actionlinks a:hover img { border-bottom:2px solid #60cdf6; } /* Heading Styles -----------------------------------------------------------------------------*/ h1 { text-indent:-9999px; background:no-repeat bottom left; height:26px; margin:8px 20px 0px 30px; } h1#header_city_government { background-image:url(../images/h1/city_government.gif); } h1#header_mayor { background-image:url(../images/h1/mayor.gif); } h1#header_citycouncil { background-image:url(../images/h1/citycouncil.gif); } h1#header_citydepartments { background-image:url(../images/h1/citydepartments.gif); } h1#header_meetings { background-image:url(../images/h1/meetings.gif); } h1#header_services_topic { background-image:url(../images/h1/services_topic.gif); } h1#header_services_department { background-image:url(../images/h1/services_department.gif); } h1#header_services_online { background-image:url(../images/h1/services_online.gif); } h1#header_visiting { background-image:url(../images/h1/visiting.gif); } h1#header_maps { background-image:url(../images/h1/maps.gif); } h1#header_tourism { background-image:url(../images/h1/tourism.gif); } h1#header_photo_tour { background-image:url(../images/h1/photo_tour.gif); } h1#header_about_fallon { background-image:url(../images/h1/about_fallon.gif); } h1#header_centennial { background-image:url(../images/h1/centennial.gif); } h1#photo_history { background-image:url(../images/h1/photo_history.gif); } h1#header_mission_statement { background-image:url(../images/h1/mission_statement.gif); } h1#header_jobs { background-image:url(../images/h1/city_jobs.gif); } h1#header_news { background-image:url(../images/h1/city_news.gif); } h1#header_contact { background-image:url(../images/h1/contact.gif); } h1#header_events { background-image:url(../images/h1/city_events.gif); } h1#header_public_comments { background-image:url(../images/h1/about_public_comments.gif); } #content h2 { font-size:16px; text-decoration:underline; margin-bottom:1.3em; padding:0px 12px; text-transform:lowercase; margin-top:3em; } #content h3 { font-size:13px; color:#810a36; margin-bottom:.5em; margin-top:3em; padding:0px 12px; } /* Maps Styles -----------------------------------------------------------------------------*/ div.map { width:130px; float:left; margin:10px; text-align:center; } div.map img { padding:5px; } /* Photo Tour Styles -----------------------------------------------------------------------------*/ div.tourthumbs { width:100px; float:left; margin:5px; text-align:center; } div.tourthumbs img { padding:5px; } /* Press Styles -----------------------------------------------------------------------------*/ div.press { clear:right; margin-bottom:25px; } /* White Box Styles (can expand to any height/width up to 600x900) -----------------------------------------------------------------------------*/ .white_box { background:#fff url(../images/whiteBox_bottom_left.gif) no-repeat bottom left; color:#4c4c4c; margin-bottom:20px; } .white_box .outer { background:url(../images/whiteBox_bottom_right.gif) no-repeat bottom right; } .white_box .inner { background:url(../images/whiteBox_top_left.gif) no-repeat top left; padding-bottom:30px; position:relative; } .white_box h2, .white_box h3, .white_box h4 { background:url(../images/whiteBox_top_right.gif) no-repeat top right; padding:20px 18px 0px !important; color:#e14a1a; } .white_box a, .white_box a:link, .white_box a:hover, .white_box a:active, .white_box a:visited { color:#e14a1a; font-weight:bold; } .white_box p { padding:0px 18px !important; } /* Black Box Styles (can expand to any height/width up to 600x900) -----------------------------------------------------------------------------*/ .black_box { background:#231f20 url(../images/blackBox_bottom_left.gif) no-repeat bottom left; margin-bottom:20px; } .black_box .outer { background:url(../images/blackBox_bottom_right.gif) no-repeat bottom right; } .black_box .inner { background:url(../images/blackBox_top_left.gif) no-repeat top left; padding-bottom:18px; } .black_box h2, .white_box h3, .white_box h4 { background:url(../images/blackBox_top_right.gif) no-repeat top right; padding:20px 18px 0px !important; } .black_box p { padding:0px 18px !important; } /* ---------------------- Sub Content Classes */ #subContent { color:#fff; width:115px; margin-left:10px; padding-top:30px; } #subContent p { margin-bottom:4px; line-height:1.9em; } #subContent h3 { font-size:14px; } /* ---------------------- Homepage Classes */ #home #wrapper { padding-top:20px; } #home #content { padding-top:20px; background:#7c002f; color:#fff; width:auto; float:none; display:block; border:0; } #home #content #column1 { float:right; display:inline; width:420px; margin-right:50px; } #home #content #column2 { float:left; display:inline; width:285px; margin-left:50px; } #home ul.news_list { list-style:none; } #home ul.news_list .hr { display:block; background:url(../images/divider.gif) repeat-x center; padding:13px 0px; clear:both; } #home ul.news_list li li { clear:both; vertical-align:bottom; list-style:none; padding-bottom:15px; background:url(../images/divider.gif) repeat-x bottom center; margin-bottom:12px; } #home ul.news_list.left li li { clear:both; vertical-align:bottom; list-style:none; padding-top:15px; background:url(../images/divider.gif) repeat-x top center; margin-bottom:12px; } #home #content h1 { height:20px; margin:0; } #home #content h1#top_issues { background-image:url(../images/header_top_issues.gif); } #home #content h1#h-fallonfan { background-image: url(../images/h-new-fallonfan.jpg); } #home #content h1#h-socialmedia { background-image: url(../images/h-social-media.jpg); } #home #content h1#h-summerfun { background-image: url(../images/h-summer-fun.jpg); } #home #content h2 { font-weight:normal; font-size:16px; padding:0px 8px; margin:5px 0px; } #home #content ul.news_list.left h2 { position:relative;left:4px; } #home #content img { border:1px solid #4c4c4c; margin:0px 8px; vertical-align: bottom; } #coins { border:0 !important; display:block; position:absolute; bottom:-50px; left:-40px; } /* Background Image Styles -----------------------------------------------------------------------------*/ #top_bg { position:absolute; top:0px; width:100%; height:12px; background:url(../images/top_bg.gif) repeat-x; z-index:100; } /* List Styles -----------------------------------------------------------------------------*/ /* ---------------------- Meetings list Classes */ div.meetings { margin-left:200px; } div.meetings a, div.meetings a:link, div.meetings a:active, div.meetings a:hover { color:#000 !important; } ul.meetings { list-style:none; } #content .meetings li h3 { font-size:15px; color:#54b3d7; } .meetings a { color:#4c4c4c; font-weight:bold; } div#navbox.meetings ul#subnav2 { position:relative; left:-25px; } /* ---------------------- Cornerstore Background Classes */ #wrapper.cornerstore { background:url(../images/backgrounds/government_bg.jpg) no-repeat top center !important; } .cornerstore #subContent { padding-top:60px; } /* ---------------------- Saloon Background Classes */ #wrapper.saloon { background:url(../images/backgrounds/saloon_bg.jpg) no-repeat top center !important; } .saloon #subContent { padding-top:240px; } .saloon #logolink { right:80px; top:20px; } /* ---------------------- Girl Background Classes */ #wrapper.girl { background:url(../images/backgrounds/little_girl_bg.jpg) no-repeat top center !important; } .girl #subContent { padding-top:230px; } /* ---------------------- Farmer Background Classes */ #wrapper.farmer { background:url(../images/backgrounds/farmer_bg.jpg) no-repeat top center !important; } .farmer #subContent { padding-top:180px; } /* ---------------------- Main Street Background Classes */ #wrapper.mainstreet { background:url(../images/backgrounds/mainstreet.jpg) no-repeat top center !important; } .mainstreet #subContent { padding-top:200px; } /* ---------------------- Farm Background Classes */ #wrapper.farm { background:url(../images/backgrounds/farm.jpg) no-repeat top center !important; } .farm #subContent { padding-top:200px; } /* ---------------------- Tree Planting Background Classes */ #wrapper.tree { background:url(../images/backgrounds/tree.jpg) no-repeat top center !important; } .tree #subContent { padding-top:200px; } /* ---------------------- Football Background Classes */ #wrapper.football { background:url(../images/backgrounds/football.jpg) no-repeat top center !important; } .football #subContent { padding-top:200px; } /* ---------------------- Football2 Background Classes */ #wrapper.football2 { background:url(../images/backgrounds/football2.jpg) no-repeat top center !important; } .football2 #subContent { padding-top:200px; } /* ---------------------- Douglass Background Classes */ #wrapper.douglass { background:url(../images/backgrounds/douglass.jpg) no-repeat top center !important; } .douglass #subContent { padding-top:130px; } /* ---------------------- Hay Palace Background Classes */ #wrapper.haypalace { background:url(../images/backgrounds/haypalace.jpg) no-repeat top center !important; } .haypalace #subContent { padding-top:150px; } /* ---------------------- City Hall Background Classes */ #wrapper.cityhall { background:url(../images/backgrounds/cityhall.jpg) no-repeat top center !important; } .cityhall #subContent { padding-top:120px; } /* ---------------------- Garage Background Classes */ #wrapper.garage { background:url(../images/backgrounds/garage.jpg) no-repeat top center !important; } .garage #subContent { padding-top:200px; } /* ---------------------- Tow Truck Background Classes */ #wrapper.towtruck { background:url(../images/backgrounds/towtruck.jpg) no-repeat top center !important; } .towtruck #subContent { padding-top:150px; } /* ---------------------- PTA Parade Background Classes */ #wrapper.ptaparade { background:url(../images/backgrounds/ptaparade.jpg) no-repeat top center !important; } .ptaparade #subContent { padding-top:200px; } /* ---------------------- Cyclist Background Classes */ #wrapper.cyclist { background:url(../images/backgrounds/cyclist.jpg) no-repeat top center !important; } .cyclist #subContent { padding-top:200px; } /* ---------------------- Railroad Background Classes */ #wrapper.railroad { background:url(../images/backgrounds/railroad.jpg) no-repeat top center !important; } .railroad #subContent { padding-top:200px; } /* ---------------------- Theater Background Classes */ #wrapper.theater { background:url(../images/backgrounds/theater.jpg) no-repeat top center !important; } .theater #subContent { padding-top:140px; } /* ---------------------- I.H. Kent Background Classes */ #wrapper.ihkent { background:url(../images/backgrounds/ihkent.jpg) no-repeat top center !important; } .ihkent #subContent { padding-top:200px; } /* ---------------------- Band Background Classes */ #wrapper.band { background:url(../images/backgrounds/band.jpg) no-repeat top center !important; } .band #subContent { padding-top:100px; } /* ---------------------- centennial Background Classes */ #wrapper.centennial { background:url(../images/backgrounds/centennial.jpg) no-repeat top center !important; } .centennial #subContent { padding-top:200px; } /* ---------------------- Map Header Background Classes */ #wrapper.mapheader { background:url(../images/backgrounds/map.jpg) no-repeat top center !important; } .mapheader #subContent { padding-top:210px; } .mapheader #logolink { right:80px; top:20px; } /* Select Styles -----------------------------------------------------------------------------*/ #content .select { font-size:11px; font-weight:bold; text-transform:uppercase; } #content .select select { margin:4px 0px; padding:2px; width:150px; } /* Misc Styles -----------------------------------------------------------------------------*/ #content .back_to_top { font-size:11px !important; color:#54b3d7; border-bottom: 2px solid #54b3d7; font-style:italic; text-transform:uppercase; font-weight:bold; margin:20px 0px; } p.back_to_top a, p.back_to_top a:link, p.back_to_top a:visited, p.back_to_top a:active, p.back_to_top a:hover { color:#54b3d7 !important; } #spamblock { visibility:hidden; display:none; } /* Tool Tip Styles -----------------------------------------------------------------------------*/ .tip { color: #4c4c4c; width: 280px; z-index: 13000; text-align:left; background:url(../images/tip_top.png) repeat-y center top; } .tip-bottom { height:11px; background:url(../images/tip_bottom.png) no-repeat center top; } .tip-title { font-weight: bold; font-size: 13px; margin: 0; padding: 15px 15px 4px; } .tip-text { font-size: 12px; line-height:1.5em; padding: 4px 15px 15px; } /* SLIMBOX PLUS by OrangeBread (http://www.lifewithpixel.com/ */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink, #lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; border-bottom: 0; outline: none; } #lbNextLink { right: 0; } #lbNextLink, #lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; border-bottom: 0; outline: none; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCloseLink:hover { border-bottom: 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }