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

/* 	========================================================================
	COLOR PALLETTE
	======================================================================== 
	Dark Brown,		#522a00

*/

/* 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;
	padding-top:0;
}


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

#footer-sitemap{
	/*padding:0 0 0 3px;
	margin-left:14px;*/
}

#activity-finder-icon, 
#register-updates-icon,
#brochure-downloads-icon,
#footer-sitemap-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: 222px; }

.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: 660px;
	color: #522a00;
	border-right: 1px dotted #A8A8A8;
	padding-left:28px;
}

#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 h2.brown {
	color: #522A00;
}

#content h2.green {
	color: #399F33;
}


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

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

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

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

#content .logo {
	border:none;
}

#content li strong {
	text-transform:uppercase;
	color:#2A5DB0;
	font-size:1.1em;
}

object {
	display: block;
	width: 400px;
	height: 300px;
	margin: 0 auto; /*12px 12px 12px 0;*/
}

#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("../img/blockquote-top-left.gif");
}

#content blockquote span {
	padding-bottom: 30px;
	background: no-repeat url("../img/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: #2a5db0;
	text-decoration: none;
}

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

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

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

#logo {
	float: left;
	margin-left: 50px;
	width: 151px;
	height: 78px; 
	text-indent: -999em;
	background: url(../img/logo.gif) no-repeat;
}

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

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


/*	III.A Sites & Search, #sites-and-search
======================== */
#sites-and-search { 
	float: right;
/*	padding: 5px 28px 0 10px;*/
	width: 330px;
	height: 89px;
	background: url("../img/dashboard-background.gif") no-repeat;
}

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

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

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

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

#sites-and-search input.search.text {
	padding: 3px;
	margin-left: 11px;
	width: 250px;
	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: 16px;
	border-right: 1px dotted #a8a8a8;
}

li#sites-spo-golf {
	background-position:0 -90px;
}

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

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

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

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

*/

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

ul.nav li { 
	display: inline;
	position: relative;
	cursor:pointer;
	text-align:center;}

ul.nav h2 {
	display: inline;
	margin-top: 0 !important; /*override framework*/
	margin-bottom: 0 !important; /*override framework*/
	border-right: dotted 1px #999;
}

ul.nav h2 a:link,
ul.nav h2 a:visited  { 
	padding:13px 28px;
	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;
}

#nav-7 h2 {
	border-right: none;
}

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

ul.nav li#nav-1.navover div,
ul.nav li#nav-2.navover div,
ul.nav li#nav-3.navover div,
ul.nav li#nav-4.navover div {
	position: absolute;
	left: 0px;
	top: 18px;
	/*right: 30px!important;*/
	display: block;
	padding: 4px 0 20px 0;
	z-index: 1;
}

ul.nav li#nav-5.navover div,
ul.nav li#nav-6.navover div,
ul.nav li#nav-7.navover div {
	position: absolute;
	right: 0px;
	top: 18px;
	/*right: 0 !important;*/
	display: block;
	padding: 4px 0 20px 0;
	z-index: 1;
	left: -12px;
}

/*	Re-Position Drop Down Containers
	Prevent flowing off of screen
======================== */
ul.nav li.navover div ul {
	padding-top: 12px;
}

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

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

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

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

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

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



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

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

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

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

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

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

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


.width-5,
.width-6,
.width-7,
.width-8 {
	width: 680px;
	background: transparent url("../img/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;
	border-bottom:2px solid #2a5db0;
}

/*	Sub Groupings of Links
======================== */
ul.nav li.navover div ul li.single-element{
	margin-left: 20px;
}
ul.nav li.navover div ul li {
	float: left;
	width: 180px; /*90px;*/
	margin-left: 13px;
	line-height: 16px;
	text-align: left;
	background: #fff;

font-weight: bold;
font-size: 14px;
}


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*/
	background: url("../img/nav-link-arrow.gif") no-repeat left top;

font-weight: normal;
font-size: 12px;
}

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;
	margin-left: 24px;
}
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: #2a5db0;
}

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

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

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

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

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

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


ul.nav li#nav-7.navover div{
	left:-64px;	
}

/* ========================
	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("../img/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;
} 

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

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

p#handles8 span {
	font-size: 13px;
	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("../img/icon-sprite.gif") no-repeat -5px -680px;
	margin: 30px 0 0 10px;
} 

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

#box1 {
	position:absolute;
}

#box1 span {
	display:block;
	float:left;
	width: 965px;
}

#box1 span img {
	margin-top: 0;
}

.mask2 {
	height: 260px;
	overflow: hidden;
	position:relative;
	width: 965px;
}


/*  Short Term Content Slider*/
#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, #box8 div div p {
	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(../img/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: 25px 0 20px 5px;
	color: #2a5db0;
	font-size: 11px; /*[] change to ems*/
	text-transform: uppercase;
}

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

#large-footer-2 {
	margin-left:-16px;
}



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

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

.block {
	padding-top:0;
}

div#list-items {
	padding-top: 10px;
}

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

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

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

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

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

#activity-finder-icon, #register-updates-icon, #promo-items-icon, #footer-sitemap-icon {
margin-top:25px;
}


/*	VII.B Register Updates, #register-updates
======================== */
h3#register-updates-icon {
	background-position: 0 -270px;
	margin-top:38px;
}

#register-updates {
	position: relative; /*For IE6*/
	margin-left: -3px;
}

#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("../img/register-updates-sprite.gif");
	font-size:12px;
}

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


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

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

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

#video-update a{
	background-position:0 -173px;
	}

#video-update a:hover{
	background-position: -113px -173px;
}
	


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

#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: 11px;
	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("../img/icon-sprite.gif") -2px -817px;
}

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


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

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

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

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

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

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

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

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


/*	VIII.B Related Links
======================== */
#sidebar h4 {
	margin-top: 46px;
	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;
	color:white;
	margin:50px 0;

/*	text-align: center;
	background: #522a00;
	color:white;
	font-size:90%;
	height:20px;
	line-height:21px;
	margin:50px 0 0 4px;
	padding:0 6px;
	text-align:center;
	width:192px;
*/

}

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

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

.extra-content-link:hover img {
	/*border: 2px solid #2a5db0;*/
}


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

h3#footer-sitemap-icon {
	margin-left:15px;
}

#footer { 
	width: 955px;
	margin: 0 0 36px 5px;
	border: 1px dotted #a8a8a8; 
	border-top: none;
}
 
#footer li {
	float: left;
	margin-left: 20px;
	line-height: 30px;
	font-size: 11px; /*[] Change to EMS*/
	list-style: square;
}


#footer li.city{
	float:right;
	margin-right:8px;
	list-style:none;
	background: no-repeat url(../img/icon-sprite.gif) -8px -771px;
	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(../img/icon-sprite.gif) 0 -120px;
}

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,
div#footer-sitemap .width-7,
div#footer-sitemap .width-8 {
	background: none;
}


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

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

div#footer-sitemap li.navtop h2 a{
	color: #2a5db0;
}

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

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

div#footer-sitemap li.navtop ul a:hover{
	color:#2a5db0;
}

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

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



/* 	========================================================================
	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;
} 


#nav-1{
}


#nav-2{
}


#nav-3{
}

#nav-4{
}


#nav-5{
}

#nav-6{
}

td, th, tr {
	border:1px solid #522A00;
	padding:2px 10px;
}


/* 	========================================================================
	X. Job Pages-form, results, jobs
	======================================================================== */
	
	
#job-form{}

#job-form tr, #job-form td, .job-quality{
	border:none;
	color:#2A5DB0;
	text-transform:uppercase;
	}
	
#job-form input{
	margin-top:20px;
	float:right;
	}
	
#job-form select{
	width:187px;
	
	}
	
#job-form .or{
	color:#522A00;
	text-align:center;
	padding:10px 0;
}


#job-search-results li{
	margin:10px 0;
	}
	
#job-search-results h2{
	margin-top:-20px;
	}

.job-item-border {
	border-top:10px solid #522A00;
	margin-top:15px;
}


#top-home{
	background:transparent url(../img/icon-sprite.gif) no-repeat scroll -7px -803px;
	display:block;
	height:20px;
	left:753px;
	padding-left:32px;
	padding-top:3px;
	position:absolute;
	top:68px;
	width:34px;
}


#content .survey-icon a:link, #content .survey-icon a:visited{
	background:url("../img/icon-sprite.gif") no-repeat scroll -2px -974px transparent;
	padding:4px 0 0 29px;
}


#content .survey-icon a:hover, #content .survey-icon a:active{
	border-bottom:2px solid;
}


#email-sign-up td, #email-sign-up tr, #email-sign-up table{
	border:none !important;		
}


#email-sign-up td{}


#email-sign-up table{
	width:545px;}

.fadein {
	height: 260px;
	margin-top: -8px;
	position: relative;
}

.fadein img {
	left: 0;
	position: absolute;
	top: 0;
}

/* Homepage Ticker Tape */

.tickercontainer { /* the outer div with the black border */
	background: #99CCFF;
	border-bottom: 1px solid #6699FF;
	height: 30px; 
	overflow: hidden;
	padding-top: 5px; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	height: 30px; 
/*	margin: 0 auto;
	width: 960px;*/
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 100px;
	color: #fff;
}

ul.newsticker li {
	color: #000;
	/*float: left;*/ /* important: display inline gives incorrect results when you check for elem's width */
	display: inline;
	font-size: 16px;
	margin-left: 25px;
	padding-left: 5px;
	
/*	width: 600px;*/
	white-space:nowrap;
}

ul.newsticker span {
	font-weight: bold;
	margin: 0 10px 0 0;
}