/*	---------------------------------------------------------------------------
	Standard HTML elements
	---------------------------------------------------------------------------	*/
body
{
	background-color: #200200;
}
/*	Highlights panel title shares body background-color	*/
#content-side-panel .horizontal-panel h1,
#content-side-panel #weather .weather-header,
#content-side-panel #weather-bom-link
{
	background-color: #200200;
}

/*	---------------------------------------------------------------------------
	Fixed navigation menu & links
	---------------------------------------------------------------------------	*/
#fixed-navigation
{
	background-image: url(/RtoWebsite/Images/Header/Kalgoorlie_GradientBackground_Top.gif);
} 

/*	Colours for Standard & Visitor Centre Menus (common to all sites)	*/
.standard-menu h2 a, .inner-page-sub-menu h2 a
{
	background-color: #200200;
}
.standard-menu h2 a:hover, .inner-page-sub-menu h2 a:hover
{
	background-color: #200200;
}
.standard-menu li a
{
	background-color: #ecb489; 
	border-bottom: solid 1px #fff 
}
.standard-menu li a:hover
{
	background-color: #edc2a1;
}

/*	links are not underlined by default	*/
a:link, a:visited
{
	color: #e56300;
}
a:active, a:hover
{
	color: #e56300;
}

/*	---------------------------------------------------------------------------
	Breadcrumb links
	---------------------------------------------------------------------------	*/
.breadcrumbs
{
	border-top: 1px solid #200200;
	border-bottom: 1px solid #200200;
}


/*************************************************************************************
* PAGE LAYOUT COLOURS
*************************************************************************************/

/* TealGreen */
.primary-background-colour		{ background-color: #330c00; }
.secondary-background-colour	{ background-color: #f58026; }
.page-background-colour			{ background-color: #fff; }
.primary-foreground-colour		{ color: #200200; }
.secondary-foreground-colour	{ color: #ad9e99; }

/* search criteria classes */
.search-criteria-colour		{ background-color: #fff; }
.search-criteria-border		{ border: solid 1px #C2D5D6; }
.search-criteria-top-border	{ border-top: solid 1px #C2D5D6; }

/* this is the underline at the bottom of the form */
#search-criteria-container	{ border-bottom: 1px solid #200200; }

/* this is the 'must include' text */
#search-criteria-container legend	{ color: #000; padding-left: 0; margin-left: -0.5em; }

td.page-shadow-left									{ background-image: URL(/RtoWebsite/Images/Layout/KalgoorlieShadowLeft.gif); }
td.page-shadow-right, td.page-shadow-right-offset	{ background-image: URL(/RtoWebsite/Images/Layout/KalgoorlieShadowRight.gif); }


/*************************************************************************************
* HTML STYLES (these colours are the same as .primary-foreground-colour and
* .secondary-foreground-colour
*************************************************************************************/
#product-description h1	{ color: #200200; }
#product-description h2	{ color: #200200; }
#product-description h3	{ color: #200200; }
#product-description h4	{ color: #200200; }


/*************************************************************************************
* LOCAL MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #200200; }
.product-menu h2 a:hover			{ background-color: #200200; }
.product-menu li a.shaded			{ background-color: #f58026; border-bottom: solid 1px #fff; }
.product-menu li a.shaded:hover		{ background-color: #ff9340; }
.product-menu li a					{ background-color: #D8EEEE; border-bottom: solid 1px #fff; }
.product-menu li a:hover			{ background-color: #C2D5D6; }

#search-box	{ border: solid 1px #C2D5D6; }


/*************************************************************************************
* LARGE BANNER LEFT AND RIGHT STROKES
* Used for RTO / homepages
*************************************************************************************/
.large-banner-stroke-left	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/Kalgoorlie_BannerLargeLeft.gif); background-repeat: no-repeat; background-position: right 0px; }
.large-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/Kalgoorlie_BannerLargeRight.gif); background-repeat: no-repeat; background-position: left 0px; }


/*************************************************************************************
* SMALL BANNER LEFT AND RIGHT STROKES
* Used for inside pages
*************************************************************************************/
.small-banner-stroke-left	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/Kalgoorlie_BannerSmallLeft.gif); background-repeat: no-repeat; background-position: right 0px; }
.small-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/Kalgoorlie_BannerSmallRight.gif); background-repeat: no-repeat; background-position: left 0px; }


/*	---------------------------------------------------------------------------
	Page overview
	---------------------------------------------------------------------------	*/
#overview
{
	color: #200200;
	background-color: #fff;
}

#overview a:link, #overview a:visited
{
	color: #4d85c5;
}
#overview a:active, #overview a:visited
{
	color: #4d85c5;
}

/*	Website tag line (common) 	*/
#overview .tag-line
{
	color: #000;
}


/*	Horizontal adverts	*/

#advertising-container .horizontal img
{
	background-color: #fff;
}

/*	---------------------------------------------------------------------------
	Page content container
	---------------------------------------------------------------------------	*/
#content-container
{
	height: 100%;
	border-left: 1px solid #fff;
}

#content
{
	padding: 8px;
	height: 100%;
	color: #200200
}

#content h2
{
	font-size: 13.5pt;
	color: #200200;
}

#content h3
{
	font-size: 12pt;
	color: #200200;
}

#content h4
{
	font-size: 1.2em;
	font-weight: bold;
	color: #200200;
}

/*	Properties common to both panel types within page content (excludes advert panels)	*/
#content .vertical-panel li, #content .horizontal-panel li
{
	border: 1px solid #fff;
}