/*-----------------------------------------------------------------------------
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:550px;
	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);
}

/* ---------------------- 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 #content h1 {
	height:20px;
	margin:0;
}

#home #content h1#top_issues {
	background-image:url(../images/header_top_issues.gif);
}

#home #content h2 {
	font-weight:normal;
	font-size:16px;
	padding:0px 8px;
	margin:5px 0px;
}

#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;
}