body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #475b4f;
	font-size: 10px; /* This sets the default size for all fonts.  All other font sizes should be in em units (relative to this). */
}


/***** Breadcrumbs **********/

.breadcrumbTrailContainer
{
	position: relative;
	width: 759px;
	overflow: hidden;
	font-size: 1em;
	height: 2em;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	z-index:10;
}


.BreadcrumbTrail
{
	width: 759px;
	height: 2em;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:2;
}


.breadcrumbTrailBG
{
	position: absolute;
	width: 759px;
	height: 2em;
	background-color: #eeeeee;
	filter: alpha(opacity=70);
	opacity: .70;
	z-index:1;
}




/*

.breadcrumbInline
{
	position: relative;
}
.breadcrumbInline .BreadcrumbTrail
{
	background-color: #cccccc;
}




.breadcrumbOverlay
{
	position: absolute;
	top: 58px;
	left: 0px;
	z-index: 11;
}
.breadcrumbOverlay .BreadcrumbTrail
{
	background-color: #eeeeee;
	filter: alpha(opacity=80);
	opacity: .80;
}
*/

.divCopy
{
	overflow: auto;
}


.breadcrumbContainer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #6e6e6e;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding: 4px 1px 1px 1px;
	height: 100%;
	float: left;
}
.breadcrumbContainer a:link
{
	color: #6e6e6e;
	text-decoration: none;
	padding: 12px 13px 1px 10px;
	font-weight: bold;
}
.breadcrumbContainer a:visited
{
	color: #6e6e6e;
	text-decoration: none;
	padding: 12px 13px 1px 10px;
	font-weight: bold;
}
.breadcrumbContainer a:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: transparent;
	border-left-color: transparent; /*background-color: White;*/
}
/* this was causing some really undesirable-looking things to happen.
is an active-state necessary? -mwn
.breadcrumbContainer a:active
{
	color: #000;
	text-decoration: none;
	background-color: #A4B0A8;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}*/
.navTop
{
	overflow: hidden;
}

.MainContent
{
	float:left;
	width:440px;
}

.SupplementalContent
{
	float:left;
	width:318px;
}

.HeroHeadline
{
	font-size: 1.5em;
	line-height: 2em;
	color: #FFFFFF;
	text-align: left;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.HeroText
{
	font-size: 1.1em;
	color: #ffffff;
	text-align: left;
	line-height: 1.5em;
}

.AboutUsText
{
	font-size: 1.0em;
	color: #FFFFFF;
	text-align: left;
	padding-right: 5px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 2px; 
	line-height: 1.3em;
}

.CopyHeadline
{
	font-size: 1.5em;
	line-height: 2em;
	color: #FFFFFF;
	text-align: left;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.CopyText
{
	font-size: 1.1em;
	color: #242c22;
	text-align: left;
	padding-right: 5px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 2px;
	line-height: 1.5em;
}

.PdfIcon
{
	float: left;
	padding: 5px 5px 0 10px;
}

.ArticleHeadline
{
	font-size: 1em;
	color: #333333;
	margin-left: 31px;
}

.ArticleDescription
{
	font-size: 1em;
	color: #242c22;
	margin-left: 31px;
}

div.mastHeadContainer
{
	position: relative;
	height: 35px;
	border-bottom:solid 1px #ff0000 ! important;
	z-index:6;
}

.mastHeadBGColor
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; /* background-color: #475b4f; */
	background-color: #000000;
	width: 760px;
	height: 35px;
}
.topMastheadNavBreadcrumbContainerOverlay .mastHeadBGColor
{
	filter: alpha(opacity=50);
	opacity: .50;
}
.topMastheadNavBreadcrumbContainerInline .mastHeadBGColor
{
	filter: alpha(opacity=30);
	opacity: .30;
}

.mastHead
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 34px;
	width: 759px;
	color: #ffffff;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	z-index: 5;
}
.mastHeadHomeLink
{
	z-index:7;
	height:35px;
	width:538px;
	position:absolute;
}
.mastHeadHomeLink a
{
	display:block;
	height:35px;
}

div.mastHeadLogo
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 35px;
	width: 759px;
	color: #ffffff;
	z-index: 1;
}
div.mastHeadLogo6
{
	position:absolute;
	height: 35px;
	width: 759px;
	z-index: 5;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.experiencewa.com/v5/Skins/Tourism2007MasterPage/images/experiencewa_logo2.png');
}
div.mastHeadLogo[class]
{
	background-image:url(http://www.experiencewa.com/v5/Skins/Tourism2007MasterPage/images/experiencewa_logo2.png);
}



/*****************************/
/*      NavItem              */
/*****************************/
.navigation
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 759px;
	overflow: hidden;
	z-index:1;
	border-top:none ! important;
}
.navigationBG
{
	/* z-index: 90000;*/ /*background-color: #242c22; filter: alpha(opacity=75); 	opacity: .75;*/
	background-color: #000000;
	filter: alpha(opacity=70); 	
	opacity: .70;
	height: 20px;
	width:759px;
	position: absolute;
	z-index:1;
	border-top:none ! important;
}
.navigationFooterBG
{
	background-color: #000000;
	filter: alpha(opacity=30); 	
	opacity: .30;
	height: 20px;
	width:759px;
	position: absolute;
	z-index:1;
	border-top:none ! important;
}
.topMastheadNavBreadcrumbContainerOverlay .navigationBG
{
	filter: alpha(opacity=70);
	opacity: .70;
}

.topMastheadNavBreadcrumbContainerInline .navigationBG
{
	filter: alpha(opacity=50);
	opacity: .50;
}

/*
.navHeadBG
{
	background-color: #000000;
	position: absolute;
	top: 0px;
	height: 20px;
	width: 759px; 
	filter: alpha(opacity=85);
	opacity: .85;
}
*/

.navigationContainer
{
	position: relative;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	height: 20px;
	width: 759px;
	clear: both;
	z-index:0;
}



.navigation a, .footerNav div a, .footNavSpacer
{
	color: #cccccc;
	font-weight: bold;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	display: block;
	height: 21px; 
	padding-right: 1px;
	padding-top: 3px; 
}
.footNavSpacer
{
	width: 188px;
	height: 20px;
}

.footerNav a
{
	background-color: Transparent;
}
.navigation a.navLink:hover, .navigation a.navOn, .navigation a.navRightOn, .footerNav div a:hover
{
	color: #242c22 !important; /* color: #000000; */
	filter: alpha(opacity=85);
	opacity: .85;
	background-color: #ffffff;
	padding-right: 1px;
	border-top:none ! important;
}

.navigation a.navRightOn
{
	border-left: solid 1px #ffffff;
	border-right: none;
}
.navItem, .footNavItem
{
	position: relative;
	/* height: 19px !important; */
	top: 0px;
	color: #cccccc;
	float: left;
	font-weight: bold;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	text-align: center; /*font-size: 11px;*/
	z-index:1;
}

.navItemOn, .navItemOn a
{
	filter: alpha(opacity=95);
	opacity: .95;
	color: #242c22 !important;
	background-color: #ffffff !important;
}

.navItem p, .navItemOn p
{
	/*font-size: 11px;*/
}

.navItem a:link
{
	color: #cccccc;
	text-decoration: none;
}
.navItem a:visited
{
	color: #cccccc;
	text-decoration: none;
}
.navItem a:hover, .footerNav div a:hover
{
	text-decoration: none;
	color: #242c22;
	background-color: #cccccc;
}
.navItem a:active
{
	color: #242c22;
	background-color: #cccccc;
	text-decoration: none;
}


/* begin footer */
.footerNav
{
	position: relative;
	height: 20px;
	width: 759px;
	border-top:solid 1px #ffffff;
}
.footerNav div
{
	position: relative;
}
.footerNav a
{
	border: none;
}


.rightFoot
{
	right: 0px;
}


/* End Nav ***********************************************/





.topMastheadNavBreadcrumbContainerInline
{
	position: relative;		
	z-index:5;
}

.topMastheadNavBreadcrumbContainerOverlay
{
	position: absolute;		
	z-index:5;
}


.containerFull
{
	/* background-color: #eaeaea; */
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	position: relative;
	z-index:1;
}





.mainContentArea
{
	
	width: 760px;
	color: #000000;
	z-index:1;
}




.mainContentContainer
{ 
	z-index:1;
}



/* default hyperlink styles */

.mainContentArea a
{
	color: #242c22;
	text-decoration: none;
	border-bottom:1px dotted #242c22;
}

.mainContentArea a:visited
{
	color: #242c22;
	text-decoration: none;
	border-bottom:1px dotted #242c22;
}

.mainContentArea a:hover
{
	color: #242c22;
	text-decoration: none;
	border-bottom:1px dotted #242c22;
}




.linkDiv
{
	filter: alpha(opacity=40);
	opacity: .40;
	position: absolute;
}
.rollTarget
{
	width: 100%;
	height: 100%;
	display: block !important;
	text-decoration: none;
}
.navHead a.rollTarget:hover
{
	background-color: Transparent;
}
a.rollTarget:hover
{
	background-color: #ffffff;
	filter: alpha(opacity=60);
	opacity: .60;
}



div#footer
{
	height: 100px;
	width: 759px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	clear: both;
}


div#footer a
{
	text-decoration: none;
}

div#footer a:link, div#footer a:visited
{
	text-decoration: none;
	color: #cccccc;
}

div#footer a:hover, div#footer a:active
{
	text-decoration: underline;
	color: #cccccc;
}


/* More Link ****************************/

.moreLink
{
	position: absolute;
	bottom: 1em;
	right: 1em;
}

a.moreLink:link, a.moreLink:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a.moreLink:hover, a.moreLink:active
{
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff !important;
	color: #ffffff;
}



/* End More Link ************************/




/* Title Bar **************************/




.titleBarContainer
{
	position: relative;
	height: 23px; 
	z-index: 2;
}

.titleBarBG
{
	height: 23px;
	width: 100%;
	position: absolute;
	background-color: #444444;
	filter: alpha(opacity=70);
	opacity: .70;
	z-index: 2;
}

.titleBarLabel
{
	position: absolute;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.8em;
	width: 100%;
	padding-top: 0px;
	padding-left: 10px;
	display: block;
	z-index: 15;
	overflow:hidden;
}

.titleBarLabelSM
{
	position: absolute;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.3em;
	width: 100%;
	padding-top: 4px;
	padding-left: 10px;
	display: block;
	z-index: 15;
	overflow:hidden;
}





/* End Title Frame *********************/



/* Search Box **************************/

div#searchBoxContainer
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 180px;
	height:25px;
	z-index:6;
}

div#searchInput
{
	position: absolute;
	right: 33px;
	top: 5px;
	float: left;
}

div#searchInput input
{
	height: 11px;
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

div#searchBtn
{
	vertical-align: middle;
	float: right;
	padding-bottom: 10px;
	cursor:pointer;
}



/* End Search Box ***********************/



/* Admin menu ***************************/

.adminMenuContainer
{
	position: relative;
	height: 40px;
	width: 761px;
	margin-left: auto;
	margin-right: auto;
}

.adminMenuBG
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /* background-color: #475b4f; */
	background-color: #ffffff;
	width: 761px;
	height: 35px;
	filter: alpha(opacity=20);
	opacity: .20;
}

.adminMenuOptions
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 761px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 5;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #ffffff;
	line-height: 1.4em;
	font-size: 1em;
}

.adminMenuOptions a:link, .adminMenuOptions a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.adminMenuOptions a:hover, .adminMenuOptions a:active
{
	color: #ffffff;
	text-decoration: underline;
}


.EditIconContainer
{
	position: relative;
}

.EditIconHyperlink
{
	position: absolute;
	top: 100px;
	left: -20px;
	z-index: 200;
}


/* End Admin menu ***********************/



/* Banners ***************************/


.bannerNone
{
	border: none;
	overflow: hidden;
	display: none;
}

.bannerOn
{
	position: relative;
	height: 100px;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background-color: #dadada;
	width: 759px;
	text-align:center;
    margin-top:0px;
    margin-bottom:auto;
    padding-top:8px;
}

.bannerImg  /* leaderboard dimensions */
{
	width: 728px;
	height: 90px;

}

.bannerSiteSponsorImg
{
	position: absolute;
	right: 0px;
	top: 0px;
}

/* End Banners ***********************/


/*  png gradient '3d button' */

.gradientButton23
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/v5/userControls/poiGridControl/images/gradient_bg23t.png');
	height:23px;
	width:100%;
}
.gradientButton23[class]
{
	background-image:url(/v5/userControls/poiGridControl/images/gradient_bg23t.png) ! important;
	height:23px;
	width:100%;
}
.gradientButton30
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/v5/userControls/poiGridControl/images/gradient_bg30t.png');
	height:30px;
	width:100%;
}
.gradientButton30[class]
{
	background-image:url(/v5/userControls/poiGridControl/images/gradient_bg30t.png) ! important;
	height:30px;
	width:100%;
}
.gradientButton46
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/v5/userControls/poiGridControl/images/gradient_bg46t.png');
	height:46px;
	width:100%;
}
.gradientButton46[class]
{
	background-image:url(/v5/userControls/poiGridControl/images/gradient_bg46t.png) ! important;
	height:46px;
	width:100%;
}

.gradientButton70
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/v5/userControls/poiGridControl/images/gradient_bg70t.png');
	height:70px;
	width:100%;
}
.gradientButton70[class]
{
	background-image:url(/v5/userControls/poiGridControl/images/gradient_bg70t.png) ! important;
	height:70px;
	width:100%;
}
.gradientButton94
{
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/v5/userControls/poiGridControl/images/gradient_bg94t.png');
	height:94px;
	width:100%;
	left:0px;
}
.gradientButton94[class]
{
	background-image:url(/v5/userControls/poiGridControl/images/gradient_bg94t.png) ! important;
	height:94px;
	width:100%;
	left:0px;
}

/*  png gradient '3d button' */