/* 	========================================================================
	Author: BHW1 + Fluid960 Framework
	Project: SpokaneParks.org
	Description: Main, Screen media, stylesheet 
	Updated: Mon Jul 27 16:58:12 PDT 2009
	======================== ================================================	*/

/* 	========================================================================
	COLOR PALLETTE
	======================================================================== 
	Bright Green, Highlight		#399f33
*/

/* Table of Contents
	0. Reset
	I. Global
		I.A. Page Structure & Layout	#content, #sidebar
	III. Header 						#header
		III.A. Sites & Search 			#sites-and-search
		III.B. Banner Image 			#banner-image
	IV. Navigation						#nav-container
	V. Long Term, 						#longterm
	VI. Short Term, 					#shortterm
	VII. Larger Footer, 				#large-footer
		VII.A	Activity Finder
		VII.B 	Register Updates
		VII.C 	Brochure Downloads
		VII.D	Sitemap Footer Links
	VIII. Sidebar
		VIII.A Longterm Sidebar Links
	IX. Footer 						#footer
		VIII.A	Footer Sitemap Links	#footer-sitemap
	X. Search Results					#search-content
	
	. Gray Box 					Diagnostic styling only
*/

/* 	========================================================================
	0. Reset
	========================================================================	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}

td{
	border:1px solid #522A00;
	padding:7px;}
	

.right{
	float:right;
	margin: 12px 12px 12px 12px;
	}
	
.left{
	margin: 12px 12px 12px 12px;
	float:left;
	}

/*	 ========================================================================
	I. Global
	======================================================================== */
#sites-rfp,
#sites-parks,
#activity-finder-icon, 
#register-updates-icon,
#brochure-downloads-icon,
#footer-sitemap-icon, 
#weather-widget-icon{
	padding-left: 30px;
	line-height: 30px;
	background: no-repeat url(../images/template/icon-sprite.gif);
}

#activity-finder-icon, 
#register-updates-icon,
#brochure-downloads-icon,
#footer-sitemap-icon, 
#weather-widget-icon {
	margin-top: 25px;
}

/* I.A. Page Structure & Layout
======================== */
.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
}

.grid_4,
.grid_8,
.grid_12,
.grid_16 {
	display: inline;
	float: left;
	margin-right: 0px; /*margin-right: 10px; */
}

.container_16 .grid_4 { width: 220px; }

.container_16 .grid_8 { width: 460px; }

.container_16 .grid_12 { width: 700px; }

.container_12 .grid_12, .container_16 .grid_16 { width: 965px; /*width: 940px;*/ }

#content, 
#sidebar {
	padding: 16px;
}

#content-container {
	margin-left: 5px;
	width: 955px;
	border: 1px dotted #A8A8A8;
}

/* Content #content
======================== */
#content {
/*	margin-left: 5px;	 */
	width: 678px;
	color: #522a00;
	border-right: 1px dotted #A8A8A8;
}

#content h1 {
	margin-bottom: 36px;
	font: italic 36px Georgia, "Times New Roman", Times, serif;
}

#content h2 {
	font-size: 18px;
	color: #2A5DB0;
	text-transform: uppercase;
}

#content p { margin-bottom: 16px; }

#content img {
	float: left;
	margin: 12px 12px 12px 0;
	border: 4px solid #522a00;
}

#content blockquote {
	position: relative;
	width: 340px;
	margin: 18px auto;
	padding: 30px 0;
	font: italic 18px/28px Georgia, "Times New Roman", Times, serif;
	background: no-repeat url("../images/template/blockquote-top-left.gif");
}

#content blockquote span {
	padding-bottom: 30px;
	background: no-repeat url("../images/template/blockquote-bottom-right.gif") bottom right;
}

/* Sidebar #content
======================== */
#sidebar {
	width: 210px;
/*	border-right: 1px dotted #A8A8A8;*/
}


/* Clearing Floats
======================== */
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/* ========================
	II. Typography
======================== */
body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

a:focus { outline: 1px dotted invert; }

hr { border-color: #522a00; border-style: solid; border-width: 11px 0 0; clear: both; height: 0; margin: 22px 0; }

/* Headings
======================== */

/*
[] Resize to EMs

h1 { font-size: 25px; }

h2 { font-size: 23px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }
*/

ol { list-style: decimal; }

/*p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }*/

.inline li {
	float: left;
}

a:link,
a:visited {
	color: #399F33;
	text-decoration: none;
}

a:hover, 
a:active {
	border-bottom: solid 2px #399F33;
}

/* ========================
	III. Header, #header
======================== */
#header {
	margin-top: 10px;
	height: 90px;
}

#header-elements {
/*	position: absolute;*/
	right: 0;
	top: 10px;
}

#logo {
	float: left;
	margin-left: 50px;
	width: 236px;
	height: 87px; 
	text-indent: -999em;
	background: url(../images/template/logo.gif) no-repeat;
}

#logo a:link, 
#logo a:visited {
	display: block;
	height: 87px;
}

#logo a:hover, 
#logo a:active {
	border-bottom: none;
}


/*	III.A Sites & Search, #sites-and-search
======================== */
#sites-and-search { 
	float: right;
	width:425px;
	height: 89px;
	background: url("../images/template/dashboard-background.gif") no-repeat right 0;
}

#sites-and-search p { 
	margin: 6px 0 0 10px; /*override framework*/
}

#sites-and-search ul {
/*	width: 400px;*/
	margin:0 0 -2px 10px; /*override framework*/
}

#sites-and-search p { 
	font-size: 11px; /*[] change to em's*/
	margin:7px 0 0 14px;
	color:#757575;
}

#sites-and-search input.search.button {
	width: 36px;
	border: none;
	cursor: pointer;
	text-indent: -999em;
	background: transparent url("../images/template/icon-sprite.gif") no-repeat 0 -157px;
}

#sites-and-search input.search.text {
	padding: 3px;
	margin: 0 0 0 11px;
	width: 345px;
	font-size: 10px; /*[] changes to ems*/
	border-top: 1px solid #cacbcb;
	border-right: 1px solid #cacbcb;
	border-left: none;
	color: #757575;
	background: #ebecec;
}

#sites li { 
	display: inline;
	margin-right: 6px;
	padding: 10px 6px 2px 36px;
}

#sites li a:link, 
#sites li a:visited,
#top-home a:link,
#top-home a:visited{ 
	font-size: 11px; /*[] change to ems*/
	color: #522a00;
	text-transform: uppercase;
}

#sites li a:hover, 
#sites li a:active,
#top-home a:hover,
#top-home a:active{ 
	border-bottom-color: #522a00;
}

li#sites-rfp {
	padding-right: 6px;
	border-right: 1px dotted #a8a8a8;
}

li#sites-parks {
	background-position:0 -30px;
}

div#search {
/*	margin-top:26px;*/
}

input#search {
	width: 200px; /*temporary width*/
}

li#sites-rfp {
	padding-right: 16px;
	border-right: 1px dotted #a8a8a8;
}

/*li#sites-parks-rec {
	background-position:0 -90px;
}*/

div#search {
/*	margin-top:26px;*/
}

input#search {
	width: 200px; /*temporary width*/
}

#sites-rfp, #sites-spo-golf, #activity-finder-icon, #brochure-downloads-icon, #footer-sitemap-icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll 0 0;
line-height:30px;
padding-left:30px;
}


/* ========================
	IV. Navigation, #nav-container
======================== */
.homepage #nav-container { 
	height: 295px;
}

#nav-container img {
	margin-top: -8px;
}

ul.nav {
	margin-bottom: 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url("../images/template/main-nav-background.gif") no-repeat;
}

ul.nav li { 
	display: inline;
	position: relative;
	cursor:pointer;
}

ul.nav h2 {
	display: inline;
	margin-top: 0 !important; /*override framework*/
	margin-bottom: 0 !important; /*override framework*/
}

ul.nav h2 a:link,
ul.nav h2 a:visited  { 
	padding: 0 36px;
	font-size: 18px; 
	color: #663300;
	border-right: dotted 1px #999;
	margin-bottom:4px;
}

ul.nav h2 a:hover,
ul.nav h2 a:active {
	color: #2A5DB0;
	border-bottom: none;
}




li#nav-6 a {
	border-right: none;
}

/*	Drop Down Container
======================== */
ul.nav div { display: none; }

ul.nav li.navover div {
	position: absolute;
	left: 0px;
	top: 17px;
	display: block;
	z-index: 1;
	padding: 4px 0 20px 0;
}

ul.nav li.navover div ul {
	padding-top: 12px;
}

ul.nav li.navover div.width-0 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-1.png") repeat-y center bottom;
}


ul.nav li.navover div.width-1 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-1.png") repeat-y center bottom;
}

ul.nav li.navover div.width-2 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-2.png") repeat-y center bottom;
}

ul.nav li.navover div.width-3 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-3.png") repeat-y center bottom;
}

ul.nav li.navover div.width-4 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-4.png") repeat-y center bottom;
}

ul.nav li.navover div.width-5 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-5.png") repeat-y center bottom;
}

ul.nav li.navover div.width-6 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-6.png") repeat-y center bottom;
}


ul.nav li#nav-1.navover div{
	left:-48px;	
}

ul.nav li#nav-2.navover div{
	left:-17px;	
}

ul.nav li#nav-3.navover div{
	left:-16px;	
}

ul.nav li#nav-4.navover div{
	left:-8px;	
}

ul.nav li#nav-5.navover div{
	left:-16px;	
}

ul.nav li#nav-6.navover div{
	left:-49px;	
}


.width-0 { 
	width: 225px; 
	background: transparent url("../images/template/nav-div-bottom-1.png") no-repeat center bottom;
	margin-left:5px;
}

.width-1 { 
	width: 175px; 
	background: transparent url("../images/template/nav-div-bottom-1.png") no-repeat center bottom;
}

.width-2 { 
	width: 417px;
	background: transparent url("../images/template/nav-div-bottom-2.png") no-repeat center bottom;
}

.width-3 { 
	width: 622px;
	background: transparent url("../images/template/nav-div-bottom-3.png") no-repeat center bottom;
}

.width-4 { 
	width: 832px;
	background: transparent url("../images/template/nav-div-bottom-4.png") no-repeat center bottom;
}

/*
.width-5 { 
	width: 550px;
	background: transparent url("../images/template/nav-div-bottom-5.png") no-repeat center bottom;
}*/


.width-5,
.width-6,
.width-7,
.width-8 {
	width: 680px;
	background: transparent url("../images/template/nav-div-bottom-6.png") no-repeat center bottom;
	margin-left:5px;
}



/*	Drop Down, Group Headers
======================== */
ul.nav li.navover li h3 {
	margin-bottom: 0 !important;
}

ul.nav li.navover li h3 a:link,
ul.nav li.navover li h3 a:visited {
	font-size: 14px;
	color: #2A5DB0;
	padding-left: 0 !important; /*override inherited*/
	background: none !important; /*override inherited*/
}

ul.nav li.navover li h3 a:hover,
ul.nav li.navover li h3 a:active {
	color: #2A5DB0;
}

/*	Sub Groupings of Links
======================== */
ul.nav li.navover div ul li {
	float: left;
	width: 90px;
	margin-left: 10px;
	line-height: 16px;
	background: #fff;
}

ul.nav li.navover div ul li.single-element{
	margin-left: 20px;
}

ul.nav li.navover div ul li.single-element,
ul.nav li.navover div ul li ul li {
	clear: both;
	padding: 0 0 2px 18px;
	width: auto; /*override inherited*/
	font-weight: normal;
	font-size: 12px;
	background: url("../images/template/nav-link-arrow.gif") no-repeat left center;
}

ul.nav li.navover li h3 {
	line-height: auto; /* override inherited */
}

ul.nav li.navover li h3,
ul.nav li.navover li li {
	text-align: left;
}

ul.nav li.navover div ul li.single-element a:link,
ul.nav li.navover div ul li.single-element a:visited,
ul.nav li.navover li li a:link,
ul.nav li.navover li li a:visited {
	color: #663300;
} 


ul.nav li.navover div ul li.single-element a:hover,
ul.nav li.navover div ul li.single-element a:active,
ul.nav li.navover li li a:hover,
ul.nav li.navover li li a:active {
	color: #399F33;
}


/* ========================
	V. Longterm, #longterm
======================== */
#longterm { 
	height: 110px;
	padding-left: 2px;
}

#longterm ul#longterm-features li {
	float: left;
	height: 100px;
	color: #fff;
}

ul#longterm-features a {
	display: block;
	width: 240px;
	height: 108px;
	background: url("../images/template/longterm-item-sprite.jpg") no-repeat;
}

ul#longterm-features #longterm-1 a {
	background-position: 0 0;
}

ul#longterm-features #longterm-2 a {
	background-position: -241px 0;
}

ul#longterm-features #longterm-3 a {
	background-position: -481px 0;
}

ul#longterm-features #longterm-4 a {
	background-position: -721px 0;
}

ul#longterm-features #longterm-1 a:hover {
	background-position: 0 -108px;
}

ul#longterm-features #longterm-2 a:hover {
	background-position: -241px -108px;
}

ul#longterm-features #longterm-3 a:hover {
	background-position: -481px -108px;
}

ul#longterm-features #longterm-4 a:hover {
	background-position: -721px -108px;
}

ul#longterm-features a:hover {
	border-bottom: none; /*override framework*/
}

#longterm h2 { 
	padding-top: 14px;
	font-size: 14px;
	color: #fff;
}

#longterm p { 
	font-size: 11px;
	color: #fff;
}

#longterm h2,
#longterm p {
	margin-left: 85px;
	padding-right: 10px;
	text-indent: -999em;
} 

.last { margin-right: 0 !important; }

/* ========================
	VI. Short Term, #shortterm
======================== */
#shortterm {
	margin-top: 5px;
	background: url("../images/template/shortterm-background.gif") no-repeat 3px 0;
}

p#handles8 span {
	font-size: 14px;
	text-transform: uppercase;
	color: #522A00;
    padding: 6px 10px 2px 10px;
	cursor:pointer;
}

p#handles8 span.active, 
p#handles8 span:hover	{
	background:#fff;
	color:#522A00;
}

span.prev, 
span.next {
	width: 45px;
	height: 45px;
	text-indent: -999em;
	color:#522A00;
	cursor: pointer;
}


span.prev {
	float: left;
	background: url("../images/template/icon-sprite.gif") no-repeat -5px -680px;
	margin: 30px 0 0 10px;
} 

span.next {
	float:right;
	margin: 30px 10px 0 0;
	background: url("../images/template/icon-sprite.gif") no-repeat -5px -725px;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width: 955px; /*480px;*/
	float:left;
}
#box8 div div {
	width: 601px;
	padding-top: 10px;
	margin-left: 177px;
	margin-right: 18px;
}
#box8 div div img {
	float: left;
	margin-right: 36px;
	border:2px solid #522A00;
}

#box8 div div h3 a {
	font-size: 14px;
	color: #522A00;
}

#box8 div div h3 a {
	color: #522A00;
}

#box8 .buttons{
	text-align:left
}
.sample8 .buttons{
	clear:both;
	margin-bottom: 0;
}

#handles8 {
	padding-left: 5px;
	width: 955px;
	height: 20px;
	line-height: 30px;
}

.mask1{
	position:relative;
	width: 955px;
	height: 100px; /*180px;*/
	overflow:hidden;
}

.sample8 .mask1{
	margin: 0 5px;
}

.shortterm-color-1 {
	background: #b29c8d;
}

.shortterm-color-2 {
	background: #c4ae9e; 
}

.shortterm-color-3 {
	background: #d0beb2;
}

.shortterm-color-4 {
	background: #d9cbc1;
}

.shortterm-color-5 {
	background: #e4dad3;
}

.shortterm-color-6 {
	background: #f1ece8;
}


/* VII. Large Footer, #large-footer
======================== */
.homepage #large-footer-container { 
	margin: 10px 5px 0 5px;
}

#large-footer-container { 
	width: 955px;
	margin: 10px 0 0 5px;
	border: 1px dotted #a8a8a8;
	background:url(../images/template/faux_dots.gif) repeat-y;
	padding-bottom:25px;
}

#large-footer-container h2 {
	/* padding-right: 40px; placement of background image */
	font-size: 12px;
	text-transform: uppercase;
	color: #3f2004;
}

#large-footer-container h3 {
	margin-bottom: 20px;
	color: #399f33;
	font-size: 11px; /*[] change to ems*/
	text-transform: uppercase;
	
}

#large-footer-1, 
#large-footer-2 {
	margin-left:-6px;
	padding:0 14px;
}

#large-footer-2 {
}

#weather-widget{
  margin-left:31px;
}

#top-weather-widget{
}

/*	VII.A Activity Finder, #activity-finder
======================== */
.box h2 a,
.box h2 a.visible {
	color: #333300;
	background: transparent url("../images/template/switch_minus.gif") no-repeat 180px 0;
	display:block;
	border-bottom: none;
}

.box h2 a.hidden,
.box h2 a.hidden:hover {
	background: transparent url("../images/template/switch_plus.gif") no-repeat 180px 0;
}

.block {
	padding-top:10px;
}

div#list-items {
	padding: 0;
}

#activity-finder-icon {
	width: 180px;
	background-position: 0 -300px;
}

#activity-finder-list {
	background: url(../images/template/activity-finder-background.gif) repeat-y; 
}

#activity-finder-list a {
	margin-left: 10px;
}

#activity-finder-list .activity-finder-first {
	padding-top: 10px;
	background: url(../images/template/activity-finder-top.gif) no-repeat 0 top; 	
}

#activity-finder-list .activity-finder-last {
	padding-bottom: 10px;
	background: url(../images/template/activity-finder-bottom.gif) no-repeat 0 bottom; 	
}


/*	VII.B Register Updates, #register-updates
======================== */

#weather-widget-icon {
	background-position: 0 -184px;
	margin-left:7px;
	padding-left:33px;
}


#register-updates-icon {
	background-position: 0 -270px;
	margin-left:7px;
	padding-left:33px;
}

#register-updates {
	position: relative; /*For IE6*/

}

#register-updates a:link,
#register-updates a:visited {
	display: block;
	height: 32px;
	width: 80px; /*width minus padding*/
	padding-left: 32px;
	line-height: 37px;
	color: #7a7677;
	text-transform: uppercase;	
	background-image: url("../images/template/register-updates-sprite.gif");
	font-size:12px;
}

#register-updates a:hover,
#register-updates a:active {
	color: #fff;
	border-bottom: none;
}

#email-update a{
	background-position:0 -3px;
	}
	
#email-update a:hover{
	background-position: -113px -3px;
}
	
#text-update a{
	background-position:0 -37px;
	}
	
#text-update a:hover{
	background-position: -113px -37px;
}
	
	
#rss-update a{
	background-position:0 -71px;
	}
	
#rss-update a:hover{
	background-position: -113px -71px;
}
	
	
#facebook-update a{
	background-position:0 -102px;
	}

#facebook-update a:hover{
	background-position: -113px -102px;
}
	
	
#twitter-update a{
	background-position:0 -136px;
	}

#twitter-update a:hover{
	background-position: -113px -136px;
}

/*#register-updates a:link,
#register-updates a:visited {
	display: block;
	height: 32px;
	width: 80px;
	padding-left: 32px;
	line-height: 37px;
	color: #7a7677;
	text-transform: uppercase;	
	background-image: url("../images/template/register-updates-sprite.gif");
}

#register-updates a:hover,
#register-updates a:active {
	color: #fff;
	border-bottom: none;
}

#email-update a:hover, 
#text-update a:hover, 
#rss-update a:hover {
	background-position: top right;	
}*/

/*	VII.C 	Brochure Downloads, #large-footer-2
======================== */
#brochure-downloads-icon {
	background-position: 0 -330px;
}

#brochure-downloads img {
	float: left;
	margin-right: 8px;
	border: solid 2px #522a00;
}

#brochure-downloads li {
	margin-bottom: 18px;
}

#brochure-downloads .brochure {
	float: left;
	margin-bottom: 18px;
	width: 150px;
}

#brochure-downloads div h2{
	margin-top: 0;
	text-transform: uppercase;
}


/*	VII.D	Sitemap Footer Links
======================== */
.nav-group-a,
.nav-group-b,
.nav-group-c,
.nav-group-d,
.nav-group-e,
.nav-group-f {
	float: left;
}

/* 	========================================================================
	VIII Sidebar
	======================================================================== */

/*	VIII.A Longterm Sidebar Links
======================== */
ul#longterm-features-sidebar {
	width: 215px;
	height: 145px;
}

#longterm-features-sidebar li {;
	line-height: 32px;
}

#longterm-features-sidebar a {
	display: block;
	padding: 3px 0 3px 40px;
	width: 175px;
	height: 30px;
}

#longterm-features-sidebar a:link,
#longterm-features-sidebar a:visited {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#longterm-features-sidebar a:hover,
#longterm-features-sidebar a:active {
	border-bottom: none;
}



#longterm-features-sidebar #longterm-home a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -817px;
}

#longterm-features-sidebar #longterm-home a:hover {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -897px;
}


#longterm-features-sidebar #longterm-1 a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -392px;
}

#longterm-features-sidebar #longterm-1 a:hover {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -537px;
}

#longterm-features-sidebar #longterm-2 a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -428px;
}

#longterm-features-sidebar #longterm-2 a:hover {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -573px;
}

#longterm-features-sidebar #longterm-3 a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -463px;
}

#longterm-features-sidebar #longterm-3 a:hover {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -608px;
}

#longterm-features-sidebar #longterm-4 a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -498px;
}

#longterm-features-sidebar #longterm-4 a:hover {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -643px;
}


/*	VIII.B Related Links
======================== */
#sidebar h4 {
	margin-top: 16px;
	padding: 2px 0 0 5px;
	width: 205px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	background: #522a00;
	text-align: left; /*override inherited*/
}

.related-links {
	margin-top: 16px;
}

.extra-content {
	text-align: center;
	background: #522a00;
}

.extra-content a:hover {
	border-bottom: none; /*override inherited*/
}

.extra-content img {
	width: 198px; /*force width*/
	border: 2px solid #522a00;
}

.extra-content a:hover img {
	border: 2px solid #2A5DB0;
}


/* 	========================================================================
	IX. Footer, #footer
	======================================================================== */
#footer-sitemap-icon {
	background-position: 0 -30px;
	margin-left:15px;
}

#footer { 
	width: 955px;
	margin: 0 0 36px 5px;
	border: 1px dotted #a8a8a8; 
	border-top: none;
}

#footer a {
	color: #399F33;
}
 
#footer li {
	float: left;
	margin-left: 20px;
	line-height: 30px;
	font-size: 11px; /*[] Change to EMS*/
	list-style: square;
}


#footer li.city {
background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll -8px -771px;
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:8px;
padding-left:30px;
}



li#footer-icon {
	margin-left: 0 !important; /*override inherited form "#footer li"*/
	padding-left: 30px;
	list-style: none !important;
	background: no-repeat url(../images/template/icon-sprite.gif) 0 -120px;
}

#footer li#city-of-spokane-icon {
	float: right;
	margin-right: 5px;
	padding-left: 20px;
	list-style-type: none;
	background: url(../images/template/city-spokane.gif) no-repeat 0 4px;
}

/* IX.A Footer Sitemap, #footer-sitemap
======================================================================== */

div#footer-sitemap .width-0,
div#footer-sitemap .width-1,
div#footer-sitemap .width-2,
div#footer-sitemap .width-3,
div#footer-sitemap .width-4,
div#footer-sitemap .width-5,
div#footer-sitemap .width-6 {
	background: none;
}

div#footer-sitemap li.navtop {
	float: left;
	margin-left: 10px;
	width: 102px;
}

div#footer-sitemap li.navtop h2 {
	margin-bottom: 10px;
}

div#footer-sitemap li.navtop h2 a{
	color:#399F33;
	}


div#footer-sitemap li.navtop ul a {
	color: #737373;
}

div#footer-sitemap li.navtop ul h3 a,
div#footer-sitemap li.navtop ul a:hover {
	color: #399F33;
}

div#footer-sitemap ul h3 {
	padding: 0;
	margin: 0;
}

div#footer-sitemap ul li div ul li {
	width: 90px;
	padding: 0 10px;
	line-height: 16px;
	margin:5px 0;
}



/* 	========================================================================
	X. Search Results, #search-content
	======================================================================== */

#pageheader,
#search-results {
	padding: 16px;
}

#search-results h1 { 
	font: italic 36px Georgia, "Times New Roman", Times, serif;
	color: #522A00;
}

.breadcrumb {
	font-size: 16px;
	color: #000;
	background: #F1ECE8;
}

.breadcrumb td span.defaultBold {
	padding-right: 16px;
}

.breadcrumb a:link, 
.breadcrumb a:visited {
	color: #522A00;
}

.breadcrumb a:hover, 
.breadcrumb a:active {
	color: #2A5DB0;
}

#search-results table {
	width: 100%; /*override inherited*/
	margin-top: 18px;
	border-bottom: 1px dotted #A8A8A8;
}	

.resultHead {
	font-weight: bold;
}

.tablePad table tr {
	border-top: 1px dotted #A8A8A8;
}

.tablePad table td {
	padding: 8px 5px;
} 

/* 	========================================================================
	X. Golf Course Page Lighboxes, #hole-content
	======================================================================== */

#hole-content{padding:20px;}
#hole-content h1{font-family:Georgia,"Times New Roman",Times,serif;
font-size:36px;font-style:italic;color:#522A00;font-weight:normal;
margin-bottom:6px;}
#hole-content h2{color:#399F33;
font-size:18px;
text-transform:uppercase;}
#hole-content p{color:#522A00;}
#hole-content table{float:left;color: #FFFFFF; font-weight: bold; padding-left: 7px; margin-:27px;}
#hole-content td, #hole-content tr {}
#hole-content td{}
#hole-content tr{}
#hole-content img{
float:left;
padding:0 30px 0 0;
}
.hole-text{float:left;
		margin-top:26px;
		width:343px;}

.left-col{width:200px; background: #899E89;border-right:3px solid white; border-top:3px solid white; border-bottom:none; border-left:1px solid  #899E89; }
.right-col{width:90px; background: #899E89;border-left:3px solid white; border-top:3px solid white; border-bottom:none; border-right:none;}
.yardage{background: #CCC9B4; border: #B6B195 solid 1px; color: #5A5848; font-weight: bold; text-align: center;}

.green-cell{background: #899E89; color: #FFFFFF; font-weight: bold; padding-left: 7px;}
.tan-cell{background: #E4E4CF; color: #628163; font-weight: bold; padding-left: 7px;}


/* 	========================================================================
	XI. HOME BUTTON
	======================================================================== */

#top-home{
	background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll -8px -806px;
	display:block;
	height:20px;
	left:656px;
	padding-left:32px;
	padding-top:3px;
	position:absolute;
	top:67px;
	width:34px;
}