/* This mostly undoes properties applied in global-layout.css. Granted, that one is served
	through media="screen,projection" so handhelds shouldn't see it, but the occasional
	handheld does render that. */


html,body
{
	text-align: left; /* Normally text-align:center */
}

/* General handheld-helper */
*
{
	float: none !important;
	width: auto;
}

/* ======================================= Page =========================================== */

div#page
{
	margin-top: auto;
	width: auto;

	position: static; /* Normally position:relative */
}

/* ======================================= Primary Nav =========================================== */

div#page ul#primary-nav
{
	position: static;
}

ul#primary-nav li
{
	display: list-item;
	list-style-type: disc;

	background-image: none;
}

ul#primary-nav li a
{
	padding-left: 0em;
	padding-right: 0em;
}

/* Ensures that all "ul#primary-nab li" children elements are dislpay:inline
	as some handheld browsers act weirdly with block-level
	list-item children */
ul#primary-nav li *
{
	display: inline;
}

/* ======================================= Secondary Nav =========================================== */

/* Secondary nav as a child of #contentcontainer
	(as opposed to being inside #content) */

div#content-container div#secondary-nav
{
	position: static;

	width: auto;
	height: auto;
}


/* Secondary nav title */

div#content-container div#secondary-nav h5
{
	float: none;

	border-right-width: 0px;
}

div#content-container div#secondary-nav ul
{
	float: none;
}

/* ================= Secondary nav inside #content / Section-with-image on Landing Pages ========================
	(as opposed to being a child of #contentcontainer ) */

/* List of links */
div#content div#secondary-nav ul
{
	float: none;
	display: block;
}

div#content div#secondary-nav ul li
{
	list-style-type: disc;
	display: list-item; /* Just to be sure */

	float: none;
}

/* Ensures that all "div#secondary-nav ul li" children elements are dislpay:inline
	as some handheld browsers act weirdly with block-level
	list-item children */
div#content div#secondary-nav ul li *
{
	display: inline;
}

/* The scenic image */
div#content div#secondary-nav img,
	body.landing-page div#content div.section-with-image img
{
	float: none;
	display: none;
}

/* Copy to go with the image on landing pages which make use of a section-with-image
	rather than a secondary-nav */
body.landing-page div#content div.section-with-image div.copy
{
	margin: 0px; /* Normally about 300px */
}

/* ============== (What would be) Image Rollover bits for the secondary nav ============= */

div#content div#secondary-nav ul li
{
	height: auto !important;
	width: auto !important;
}

/* This normally hides the text via the Phark text-hiding method:
	http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
div#content div#secondary-nav ul li a span
{
	display: inline;
	text-indent: 0px !important;
}

/* Kill off any image replacement */
div#content div#secondary-nav ul li,
	div#content div#secondary-nav ul li a
{
	background-image: none !important;
}

/* ================================== Tertiary-nav / Tertiary-nav-with-copy ===================================== */

/* This is mostly used on some Recreation pages as
	some of those have a tertiary nav along with tabular data */

div#tertiary-nav-with-copy dl#tertiary-nav,
	div#tertiary-nav-with-copy ul#tertiary-nav
{
	position: static;
	width: auto;
}

div#tertiary-nav-with-copy div#copy
{
	/* Would normally leave room for the tertiary-nav */
	padding-left: 0px;
}

/* =============================== Headers: (What Would Be) General Image Replacement =============================== */

div#content h1 span,
	div#page h5 span,
	table tbody td p.kid-friendly span,
	table tbody td p.outdoor-activity span,
	table tbody td p.team-building span,
	table tbody td p.group-activity span
{
	display: none !important;
	background-image: none !important;
}

/* ========================= Headers: Page Titles and (What Would Be) Other Image Replaced Elements ======================== */

div#content-container h5,
	div#content-container h5 span
{
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}

/* ===================================== Content: Section-with-Image ======================================== */

/* These are primarily used on the menu pages */

div#content div.section-with-image img
{
	/* Thee images don't help handhelds */
	display: none;
}

div#content div.section-with-image div.copy
{
	float: none;
	display: block;

	margin: 0px;
}

/* ================================= Content: Primary-and-Secondary-Content ==================================== */

/* Mostly used on Content-list pages */

div#content div#primary-and-secondary-content div#primary-content,
	div#content div#primary-and-secondary-content div#secondary-content
{
	float: none;
	display: block;
	width: auto;
}

/* ======================================= Page: Header =========================================== */

/* The header (currently) runs across the top of the page and holds a Flash movie */
div#content-container div#header
{
	display: none;
}

/* ===================================== Other elements in #page ======================================== */

div#page img#logo
{
	position: static;
}

div#page p#phone-number-and-e-mail-address
{
	position: static;
}