/* 	========================================================================
	Author: BHW1 + Fluid960 Framework
	Project: SpokaneRiverfrontPark.com
	Description: Main, Screen media, stylesheet 
	Updated: Fri Sep 11 14:18:51 PDT 2009
	======================== ================================================	*/

/* 	========================================================================
	COLOR PALLETTE
	======================================================================== 
	Blue, on hover links	#2A5DB0
	Purple, headings		#44368f
*/

/* 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, th, tr {
	border:1px solid #522A00;
	padding:2px 10px;
}

.right{
	float:right !important;
	margin: 12px 12px 12px 12px !important;
	}
	
.left{
	margin: 12px 12px 12px 12px !important;
	float:left !important;
	}
/*	 ========================================================================
	I. Global
	======================================================================== */
#sites-parks,
#sites-rfp,
#sites-spo-golf,
#activity-finder-icon, 
#register-updates-icon,
#promo-items-icon,
#footer-sitemap-icon  {
	padding-left: 30px;
	line-height: 30px;
	background: no-repeat url(../images/template/icon-sprite.gif);
}

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


.error{
    margin: 10px auto;
    width: 500px;
    text-align: center;
    border: red solid 2px;
}


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

.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: #44368f;
	text-transform: uppercase;
}

#content a:hover, #content a:active{
	border-bottom:2px solid #44368f;
}

#content h2 a:hover, #content h2 a:active{
	border-bottom:2px solid #44368f;
}

#content h2.brown{
	color:#8A2B2B;
}

#content h2.brown a:link, #content h2.brown a:visited{
	color:#8A2B2B;
}


#content h2.brown a:hover, #content h2.brown a:active{
	border-bottom:2px solid #8A2B2B;
}


#content h2.green{
	color:#4f5144;
}

#content h2.green a:link, #content h2.green a:visited{
	color:#4f5144;;
}


#content h2.green a:hover, #content h2.green a:active{
	border-bottom:2px solid #4f5144;
}


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

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

#content .logo {
	border:none;
}

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

hr.white{border-color:#fff;}

/* 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: #44368f;
	text-decoration: none;
}

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

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

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

#logo {
	float: left;
	margin-left: 50px;
	width: 147px;
	height: 105px; 
	text-indent: -999em;
	background: url(../images/template/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;
	margin-top: 19px;
	width: 330px;
	height: 89px;
	background: url("../images/template/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("../images/template/icon-sprite.gif") no-repeat 0 -157px;
}

#sites-and-search input.search.text {
	padding: 3px;
	margin: -1px 0 0 10px;
	width: 250px;
	font-size: 11px; /*[] 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-parks {
		background-position:0 -30px;
		border-right:1px dotted #A8A8A8;
		padding-right:16px;
}

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;
	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*/
	border-right: dotted 1px #999;
}

ul.nav h2 a:link,
ul.nav h2 a:visited  { 
	padding:0 28px 15px;
	font-size: 18px; 
	color: #663300;
	/*border-right: dotted 1px #999;*/
}

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

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

ul.nav li#nav-6 h2{
	border-right:none;
}

ul.nav li#nav1 h2{
	margin-left:10px;
}

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

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

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

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

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

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




/* may not need
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,
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: 17px;
	right: 0 !important;
	display: block;
	padding: 4px 0 20px 0;
	z-index: 1;
}
*/

/*fix offscreen div */
/*ul.nav li#nav-4.navover div{
	left: -230px;
}
ul.nav li#nav-5.navover div{
	left: -250px;
}*/

ul.nav li.navover div {
	position: absolute;
/*	left: 0px;*/
	top: 17px;
	display: block;
	padding: 4px 0 20px 0;
}

ul.nav li.navover div {
	left: 0px;
}

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.navover div.width-7 ul {
	float: left;
	width: 100%;
	background: transparent url("../images/template/nav-div-background-7.png") repeat-y center bottom;
}

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

.width-1 { 
	width: 217px; 
	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: 824px;
	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-6 {
	width: 660px;
	background: transparent url("../images/template/nav-div-bottom-6.png") no-repeat center bottom;
}


/*	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:185px;
	margin-left: 20px;
	line-height: 16px;
	background: #fff;
	font-size:12px;
	text-align:left;
}

ul.nav li.navover div ul li ul li, 
ul.nav li.navover div ul li.single-element{
	clear: both;
	padding-left: 18px;
	width: auto; /*override inherited*/
	background:transparent url("../images/template/nav-link-arrow.gif") no-repeat left top;
	
}

/*ul.nav li.navover div ul li.single-element{
	margin-left:10px;
}
*/
/*ul.nav ul li a{ 
	color:#2A5DB0;
	font-size:14px;
	font-weight:bold;
	
}
*/

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: #2A5DB0;
}


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


/*FOR SUMMER: AMUSEMENT RIDES*/

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

/*FOR WINTER: ICE PALACE

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

/*FOR SUMMER: AMUSEMENT RIDES*/
ul#longterm-features #longterm-4 a:hover {
	background-position: -964px -108px;
}


/*FOR WINTER: ICE PALACE

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 0 -390px;
	margin: 30px 0 0 10px;
} 

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

/* 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:-2px 36px 0 0;
	border:2px solid #522A00;
}

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

#box8 div div h3 a:hover, #box8 div div h3 a:active  {
	border-bottom:2px solid #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-01 {
	background: #9b94d1;
}

.shortterm-color-02 {
	background: #aea9da; 
}

.shortterm-color-03 {
	background: #bdb9e1;
}

.shortterm-color-04 {
	background: #d0cde9;
}

.shortterm-color-05 {
	background: #d1ceea;
}

.shortterm-color-06 {
	background: #e7e5f4;
}


/* 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;
	padding-bottom:25px;
	background:url(../images/template/faux_dots.gif) top left repeat-y;
}

#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: #44368f;
	font-size: 11px; /*[] change to ems*/
	text-transform: uppercase;
}

#large-footer-1, 
#large-footer-2 {
	margin-left: 0 !important; /* override framework */
	padding: 0 16px;
}

#large-footer-2 {
	/*border-left: 1px dotted #a8a8a8;
	border-right: 1px dotted #a8a8a8;*/
}


/*	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 a:hover, #activity-finder-list a:active {
	border-bottom:2px solid #44368F;
	
}

#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
======================== */
#register-updates-icon {
	background-position: 0 -270px;
}

#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("../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: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
======================== */
#promo-items-icon {
	background-position: 0 -330px;
}

#promo-items li {
	margin-bottom: 18px;
}

#promo-items .promo {
	float: left;
	margin-bottom: 18px;
	width: 150px;
}

#promo-items div h2{
	margin-top: 0;
	text-transform: uppercase;
}

#promo-items a:link img,
#promo-items a:visited img {
	position: relative; /*for IE6*/
	float: left;
	margin: 0 0 18px -5px;
	border: solid 2px #522a00;
}

#promo-items a:hover img,
#promo-items a:active img {
	border: solid 2px #2A5DB0;
}

/*	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("../images/template/icon-sprite.gif") -2px -860px;
}

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


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

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

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

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

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

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

/*FOR ICE PALACE BUTTON 
#longterm-features-sidebar #longterm-4 a {
	background: no-repeat url("../images/template/icon-sprite.gif") -2px -588px;
}*/

/*FOR AMUSEMENT RIDES BUTTON */

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


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




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

.extra-content {
	text-align: center;
	background: #522a00;
	margin:50px 0;
	color:#fff;
}

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

/*	VIII.C Page Peel
======================== */
#pageflip {
	position: relative;
}
#pageflip img {
	width: 75px; 
	height: 75px;
	z-index: 10000;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 75px; 
	height: 75px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
/*	background: url("../images/template/page-peel.png") no-repeat right top;*/
	text-indent: -9999px;
}


/* 	========================================================================
	IX. Footer, #footer
	======================================================================== */
#footer-sitemap-icon {
	margin-left:8px;
}

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

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

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{
	margin-left:19px;
}	

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

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

div#footer-sitemap li.navtop h2 a, 
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: #2A5DB0
	
}

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

div#footer-sitemap ul li div ul li {
	width: 102px;
	padding: 4px 10px;
	line-height: 16px;
}

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

/* 	========================================================================
	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: #8379B4;
}

.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 0;
} 


#search-results a:hover{
	border-bottom:2px solid #44368F;
}


/* Event Calendar */

#event_calendar{
	float:left;
	}

#event_calendar td{
    width: 90px;
    height: 90px;
    padding: 3px;
    background-color:#6A6D88;
	border:3px solid #FFFFFF;
	color:#c8c8c8;
}

#event_calendar td a:link, #event_calendar td a:visited{
	color:#fff;
}


#event_calendar td a:hover, #event_calendar td a:active{
	border-bottom:2px solid #fff;
}

#event_calendar caption{
    width: 400px;
}

#cal_next, #cal_month, #cal_last {
    display:inline-block;
    text-align: center;
    width: 300px;
	margin:13px 0;
}

#cal_month h1{
	font-size:33px;}
	
#cal_last{
	background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll 0 -390px;
	}
	

#cal_last:hover, #cal_next:hover, #cal_last:active, #cal_next:active {
	border-bottom:none;
	}
	
#cal_next{
	background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll 0 -435px;
	}
	
#cal_last,#cal_next {
	text-indent:-9999px;
	display:block;
	width:44px;
	height:44px;
	}

#cal_header {
	float:left;
	margin-left:138px;}
	
#cal_header li{
	float:left;}
	
	
#cal_next a:link, #cal_next a:visited{
	background:transparent url(../images/template/icon-sprite.gif) no-repeat scroll 0 -435px;
	}

#cal_last a:hover, #cal_last a:active{}



/*.calendar-table{}

.calendar-table td{}

.calendar-table td, .calendar-table th, .calendar-tale tr{
	padding:2px 5px;
}

#calendar-table{}

#calendar-table td{}

#calendar-table td, #calendar-table th, #calendar-tale tr{
	padding:2px 5px;
}
*/


.calendar-table{
	float:left;
	margin-left:-12px;
/*	table-layout:fixed;
	width:700px;*/
	}

.calendar-table td{
	overflow:
}


.calendar-table td, .calendar-table tr, .calendar-table th {
  padding:3px;
}




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

#content .times-icon a:link, #content .times-icon a:visited{
	background:url("../images/template/icon-sprite.gif") no-repeat scroll -2px -1054px transparent;
	padding:3px 0 0 30px;
}


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


#content .tickets-icon a:link, #content .tickets-icon a:visited{
	background:url("../images/template/icon-sprite.gif") no-repeat scroll -2px -1020px transparent;
	padding:3px 0 0 30px;
}


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



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


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



#content table .sbcText{
	color:green;
}


#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;}
	
.event p img {
	float: none !important;
}