* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 1em;
	padding: 0;
	background-color: #333;
	background-image: none;
	color: #FFF;
    font-size: 80%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#container {
	width: 100%;
	margin: 0;
	background-color: #333;
	color: #FFF;
}

#floatContainer {width:70%;}

#subnavLeft {width:70%;}

#mainContent {width:70%;}

#contentRight { width:70%;}

/*#subnavLeft .feedbackBoxHead, #subnavLeft .feedbackBox, #subnavLeft h2, #subnavLeft h2 a, #subnavLeft h2 a:hover, #subnavLeft h2 a:focus, #subnavLeft h2 a:active, #subnavLeft ul, #subnavLeft h3 {width:100%;}

#subnavLeft ul li, #subnavLeft ul li a, #subnavLeft ul li a:hover, #subnavLeft ul li a:focus, #subnavLeft ul li a:active{
	width:100%; 
	/*margin: 0 0 0 7px;	
	padding: 0 0 0 7px;	
	line-height: normal;
}*/


/* ========== html styles ============ */

h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }

h1, h2, h3, h4, h5 {
	margin: .5em 0; 
	color: #6F6;
	line-height: normal;
}

p { 
	margin: .5em 0; 
	font-size: 1.1em;	
	line-height: normal;
}

a {
	/*font-size: 1.1em;	
	text-decoration: none;
	border-bottom: .1em solid; */
	text-decoration: underline;
	border-bottom: 0;
	color: #FF0;
}

a:hover, a:focus, a:active {
	/*font-size: 1.1em;	*/
	background: #FF0;
	color: #000;
}

/*
p a, li a, .hidden a, h1 a, h2 a, h3 a, h4 a, h5 a, .imageLink a {
	text-decoration: none;
	border-bottom: .1em solid;
	color: #FF0;
}

p a:hover, p a:active, p a:focus, li a:hover, li a:active, li a:focus, .hidden a:hover, .hidden a:active, .hidden a:focus, h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus {
	background: #FF0;
	color: #000;
}

.imageLink {
	border: 1px solid #ff0;
	text-decoration: none;
}

.imageLink a:hover, .imageLink a:active, .imageLink a:focus {
	text-decoration: none;
	border: 4px solid #ff0;
}*/

ul {
	list-style-type: square;
	list-style-position: outside;
	margin: .5em;
	padding: .5em 0;
}

li {
	font-size: 1.1em;
}

p img, img.hide_unhide, img.content_image, img.gettingAround {
	border: 2px solid #fff;
	padding: 0;	
	margin: 0;
}

/* ==================== 	STYLE FOR HIDING OR SHOWING JAVASCRIPT FUNCTIONALITY    ========================= */

/* On the Change Text Size and Change Contrast pages, the JavaScript functionality will be hidden unless JavaScript is enabled */


#divJS {
	display: none; 
}


/* ==================== 	end STYLE FOR HIDING OR SHOWING JAVASCRIPT FUNCTIONALITY     ========================= */


#header, #skipmenu, #mainMenu, #footer ul {
	margin: 1em 0;
	padding: 0;
}

#subnavLeft, #subnavLeft h1, #subnavLeft h2, #subnavLeft p {
	margin: 1em 0 0 0;
	padding: 0;
}

li {
	margin: .2em 0 .2em .5em;
	/*font-size: 1.1em noinherit;*/
}


#skipmenu {
	float: left;
}

#skipmenu li, #mainMenu li, #footer li {
	display: inline;
	padding: 0 0 0 .5em;
	border-left: .1em solid;
}

#breadcrumb {
        width: 70%;
		padding: 0.5em;
        background: #000;
        border: 2px solid #eee;
		margin: 0 0 30px 0;
}

#breadcrumb p {
        display: inline;
}

#breadcrumb ol {
	display: inline;
    margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumb li {
	display: inline;
	padding: 0 0 0 5px;
}

#mainContent .accessIcon img {
	border: 2px solid #fff;
	padding: 0;	
	margin: 0 5px 0 0;
}

.logo {
	margin: 7px 14px 20px 0;
	border: 5px solid #fff;
}

.logo_tnsw {
	margin: 7px 14px 7px 0;
	border: 5px solid #fff;
}

#header {
	width: 100%;
	display: block;
	line-height: normal;
}

#footer {
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
}


.contactDetailsBox, .useBox, .symbolsBox, .symbolsBoxHTU {
        padding: 0.5em;
        background/*: #000;
        border: 2px solid #eee;*/
}

.contactDetailsBox h3 {
	font-size: 1.3em;
	/*padding: 0 0 0 .3em;*/
}

.openingHours h3 {
	font-size: 1.3em;
}

.contactDetailsBox p, .useBox p, .symbolsBox p, .symbolsBoxHTU p {
	margin: .2em 0 ; 
}

.clearfloat {
	clear:both
}

#contentRight .hide_unhide {
	display: none;
}

#contentRight .symbolsBoxHead, #contentRight .symbolsBox {
	display: none;
}

.symbolsBoxHeadHTU, symbolsBoxHTU {/* same as symbols box but specific to the How To Use This Website page - so that the content is displayed in the high contrast version (on other pages, symbols box is repeated higher up and the one in the right panel is hidden in the high contrast version)*/
	display: block;
}


.email_url {
	font-size: .01em;
}

#footer .hidden {/* to hide the "Footer information" heading off screen in the high contrast version (but not other elements with class "hidden" */
	position: absolute;
	left: -2000px;
	width: 1900px; 
}

/********************** HOME PAGE SPECIFIC STYLES *************************/

.activitiesMenu ul {
	margin: 1em 0;
	padding: 0;
}

.activitiesMenu ul li {
	padding: 0 0 0 .5em;
	border-left: .1em solid;
	display: inline;
}

.attraction_listing {
	clear: both;
	width: 100%;
	margin: 7px 0;
	padding: 0;
	border: 1px solid #fff;
}

.attraction_listing_altRow {
	clear: both;
	width: 100%;
	margin: 7px 0;
	padding: 0;
	border: 1px solid #fff;/* keep the border on each listing or not? not working in FF*/
}

.attraction_listing hr, .attraction_listing_altRow hr {
	display: block;
	clear: left;
	margin: .5em 0 0 0;
	visibility: hidden;
}

.thumbnail {
	float: left;
	width: 54px;
	margin: 7px 14px 7px 7px;
	border: 2px solid #fff;
}

.description {
	float: left;
	width: 40%;
	margin: 0 7px 0 0;
	padding: 0;
}

.access_Icons {
	float: right;
	width: 35%;
	margin: 7px 7px 0 0; 
}

.access_Icons img {
	width: 30px;
	float: left;
	margin: 0 2px 2px 0;
	border: 2px solid #fff;
}

#contentRight img {
	margin: 1em 0;
	padding: 0;
}

/* start LOGOS AT BOTTOM OF HOME PAGE  */

.logos_left {
	float: none;/* want them to be linear for high contrast version */
	width: 100%;
	margin: 0 20px 14px 0;
	/*border: 1px solid #f00;*/
}

/*.logos_right {
	float: right;
	width: 200px;
	margin: 0 0 14px 14px;
}*/

.logos_left a.imageLink {
	margin: 0 0 7px 0;
	padding: 0;
	text-decoration: underline;
	border-bottom: 1px solid #ff0; 
	/*text-decoration: underline;
	border-bottom: 0;*/
}

.logos_left a.imageLink:hover, .logos_left a.imageLink:focus, .logos_left a.imageLink:active {/*added the other types so will work in all browsers and for keyboard users */
	font-size: 1.1em;	
	background: #FF0;
	color: #000;
}

.logos_left img.logo {
	display: block;	/* this is used instead of a <br /> in the html to put the label on a new line. Done this way to avoid underlining on the image in browsers other than IE */
	text-decoration: none;
	background: none;
	border: 5px solid #fff;
	margin: 7px 0;
	padding: 0;
}


/*end LOGOS AT BOTTOM OF HOME PAGE */


/********************** END * HOME PAGE SPECIFIC STYLES *************************/


/* icons used in this site */

.symbolsBoxHead, .symbolsBoxHeadHTU {
	margin: 20px 0 0 0;
	padding: 5px;
}

.nest_iconDescription {
	clear: both;
	margin: 7px 0 0 0;
	padding: 0;
}

.nest_iconDescription p {
	margin: 0;
	padding: 0;
}

#contentRight .nest_iconDescription hr {
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.icon {
	float: left;
	margin: 0 7px 7px 0;
	padding: 0;
	width: 30px;/**/
	border: 2px solid #fff;
}

.iconDescription {
	margin: 0 0 0 37px;/* 37px left margin, to allow space for the thumbnail 30px, plus the thumbnail's 7px right margin */
	padding: 0;
	/*width: 170px;*/
}

#contentRight .symbolsBoxHTU .icon img {
	float: left;
	margin: 0;
	padding: 0;
	width: 30px;/**/
}

/* END icons used in this site */

/* =============================== DISPLAY OPTIONS DEMONSTRATION STYLES ============================== */

/* Div for the standard colour scheme */

.oneCol #standardScheme {
	background: #fff;
	color: #333;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #000;
	width: 75%;
	padding: 14px;
	margin: 14px 14px 14px 0;
	font-size: .9em;
}

.oneCol #standardScheme h2 { 
	color: #323b66;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.oneCol #standardScheme p { 
	margin: 0 0 1em 0; 
	width: 100%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.oneCol #standardScheme a {
    font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #0e40ce;
	text-decoration: underline;
}

.oneCol #standardScheme a:hover, .oneCol #standardScheme a:focus, .oneCol #standardScheme a:active {/*added the other types so will work in all browsers and for keyboard users */
	background: #c0e8fc;
}


/* end standard colour scheme div */

/* To demonstrate the high contrast settings */

.oneCol #highContrast {
	background: #333;
	color: #FFF;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #fff;
	width: 75%;
	padding: 14px;
	margin: 14px 14px 14px 0;
}

.oneCol #highContrast h2 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #6F6;
}

.oneCol #highContrast p { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 1em 0; 
	width: 100%;
	font-size: 110%;

}

.oneCol #highContrast a {
	text-decoration: underline;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FF0;
}

.oneCol #highContrast a:hover, .oneCol #highContrast a:focus, .oneCol #highContrast a:active {
	background: #FF0;
	color: #000;
}

/* END high contrast settings */

/* To demonstrate the low contrast settings */

.oneCol #lowContrast {
	background: #eff9ff;
	color: #333;
	font-family: Trebuchet MS, Comic Sans MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: .9em;
	border: 1px solid #000;
	width: 75%;
	padding: 14px;
	margin: 14px 0;
}

.oneCol #lowContrast h2 {
	font-family: Trebuchet MS, Comic Sans MS, Arial, Helvetica, Verdana, sans-serif;
	color: #323b66;
}

.oneCol #lowContrast p { 
	margin: 0 0 1em 0; 
	font-family: Trebuchet MS, Comic Sans MS, Arial, Helvetica, Verdana, sans-serif;
	width: 100%;
}

.oneCol #lowContrast a {
	text-decoration: underline;
	font-family: Trebuchet MS, Comic Sans MS, Arial, Helvetica, Verdana, sans-serif;
	color: #004c7b;
}

.oneCol #lowContrast a:hover, .oneCol #lowContrast a:focus, .oneCol #lowContrast a:active {
	background: #99ddff;
}

/* END low contrast settings */

/* To demonstrate the available text size options */

.demolargest {
        font-size: 19.2px;
		line-height: 1.5em;
}
.demolarge {
        font-size: 16px;
		line-height: 1.5em;
}
.demostandard {
        font-size: 12.8px;
		line-height: 1.5em;}
.demosmall {
        font-size: 11.84px; 
		line-height: 1.5em;}
.demosmallest {
        font-size: 10.56px;
		line-height: 1.5em;}
/* vision australia used 144%, 122%, 100%, 89%, 78% */


/*this is used to fix a bug in IE where anchors interfere with the page's tab order. Refer to Vision Australia's accessibility report [December 2007, issue 9, page 12] for more information */ 

.anchor {
	position: absolute;
}

.anchor a {
	text-decoration: none;
}