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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	color: #252525;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	line-height: 130%;
	background: url(../images/gradient.gif) repeat-x;
}

#container {
	min-width: 718px;
	max-width: 936px; /* Because IE 6 and below don't support min-width and max-width, view the separate IE only styles section towards end of this file */
	width: 95%;/* this allows the background gradient to be displayed by providing some space either side of the container */
	margin: 0 auto;/* this allows the background gradient to be displayed by providing some space either side of the container */
	padding: 7px 16px 20px 16px; /* the top padding removed the gap at the top, the 16px padding keeps the white space around the banner and content */
	text-align: left;
	background-color: #fff;
}

/*========================   NESTED FLOAT CONTAINERS =========================================*/

#floatContainer { 
	float:left;
	/* min-width: 474px; /* in FF, seems to still scale down the float container slightly when screen size is less than 800x600 - it shouldn't, but this code doesn't help */
	max-width: 692px;/* Because IE 6 and below don't support min-width and max-width, view the separate IE only styles section towards end of this file */
	margin-right: 244px;/* seems this works as either padding or margin-right in IE6*/
}

#subnavLeft { 
	float: left;
	width: 230px;
	margin: 75px 14px 0 0;/* see if the right padding of 14px causes problems in IE7 - if so, set back to 0 */
	padding: 0; /* not sure if this is needed */
}

#mainContent { 
	padding: 0; /* not sure if this is needed */
	min-width:230px;/* Because IE 6 and below don't support min-width and max-width, view the separate IE only styles section towards end of this file */
	margin: 40px 0 0 244px;/*the left margin allows room for the left nav - 230px + 14px gap */
}

#contentRight { 
	float: right;
	width: 230px;/* Because IE 6 and below don't support min-width and max-width, view the separate IE only styles section towards end of this file */
	margin: 75px 0 0 -230px; /* left margin is set to negative value (width of column) to pull it back into the space provided by the right margin (244px = 230 +14px gap) set on the floatContainer column */
}

/* ========================   END NESTED FLOAT CONTAINERS   ======================== */

/* ==================== 	HTML TEXT STYLES    ==================== */

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

h1, h2 { color: #004C7B;}

h3, h4 { color: #2E405D;}

h5 { color: #252525;}

h1 {
	margin: 0 0 20px 0; 
	padding: 0;
	line-height: 110%;
}

h2, h3, h4, h5 {
	margin: .5em 0; 
	line-height: normal;
}

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


ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 0 5px; /*was 0 0 0 .5em */
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 0 0 12px;/*was 0 0 0 1.2em */
	padding: 5px 0; /*was .5em 0 */
}

li {  
	margin: 3px 0 3px 10px;  /*was .2em 0 .2em .5em */
}

a {
	text-decoration: underline;
	color: #002280;
}

/**** this style is interfering with main menu and footer hover styles ****/
a:hover, a:focus, a:active {/* added the other types so will work in all browsers and for keyboard users */
	background: #c0e8fc;
}

a:visited {color: #000048;}



/* ==================== 	end HTML TEXT STYLES    ========================= */

/* ==================== 	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 AND FOOTER STYLES    ========================= */

#skipmenu {
	margin: 0 0 1em 0;
	padding: 0;
	float: right;
}

#skipmenu ul li {
	display: inline;
	padding: 0 0 0 5px; /*was 0 0 0 .5em*/
	border-left: 1px solid;
	/*right: auto;*/
}

#skipmenu ul li.first {
	display: inline;
	padding: 0;
	border-left: none;
	/*right: auto;*/
}

#breadcrumb {
    padding: 14px 0 7px 14px;
    background: #fff;
}

#breadcrumb p {
    display: inline;
}

#breadcrumb ol {
	display: inline;
	list-style-type: none;
	color: #252525;
}

#breadcrumb li {
	display: inline;
	padding: 0;
	margin: 0;
}

#breadcrumb li a {
	text-decoration: underline;
	color: #0e40ce;
	padding: 0 5px 0 0;
	margin: 0;
}

#breadcrumb li a:visited {
	color: #000048;
}

#header {
	width: 100%;
	/*padding: -150px 0 0 0; /*this doesn't seem to be needed */
	margin: 0;
	background: url(../images/banner_stretch.gif) repeat-x;
} 

#header img {
	position: relative;
	/*top: auto;/* DOESN'T SEEM TO BE NEEDED was -100%, but had to be changed to auto to work in Opera, seems okay in Firefox, Safari and IE*/
	left: 0;
	z-index: 0;
	border-right: 1px solid #fff; 
}

#mainMenu {
	background-color: #505050;
	border-top: 1px solid #fff;
	margin: 0; /*to avoid margin collapse, as this is the last item in the header div, see thrColFixHdr.css */
	width: 100%;
	padding:0; 
	overflow: hidden;/* This prevents any gaps or overlaps on the hover and current background highlights */
}

#footer {
	background-color: #505050;
	margin: 30px 0 0 0;
	width: 100%;
	clear: both;
	padding:0; 
	overflow: hidden;/* This prevents any gaps or overlaps on the hover and current background highlights */
}

#mainMenu ul, #footer ul {
	color: #fff;
	margin: 0;/* need this, otherwise gap on left of grey bar*/
	padding: 10px 0;
}

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

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

#mainMenu ul li a, #footer ul li a {
	text-decoration: none;
	color: #fff;
	padding: 0 5px;
}

#mainMenu ul li a:hover, #mainMenu ul li a:focus, #mainMenu ul li a:active, #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
	background-color: #c0e8fc;
	color: #252525;
	padding: 12px 5px;/* set top and bottom padding greater than padding set on #mainMenu ul and #footer ul */
}

#mainMenu ul li .current, #footer ul li .current {
	background-color: #7cd3fe;
	color: #191919;
	padding: 12px 5px;/* set top and bottom padding greater than padding set on #mainMenu ul and #footer ul */
}

/* ==================== 	 end HEADER AND FOOTER STYLES    ========================= */


/* ===================== sitemap list styles ============================*/

/*li.sitemapLevelOne { font-size: 1.3em noinherit;}

li.sitemapLevelTwo { font-size: 1.1em noinherit;}

li.sitemapLevelThree { font-size: 1em noinherit; }



/* ===================== END sitemap list styles ============================*/


/* ========= LEFT COLUMN STYLES ============ */


#subnavLeft h1 {
	margin: 1px 0 0 0;
	padding: 0; /*full width with .975em*/
	/*line-height: auto;*/
	font-size: 1.1em;/*same size as H3 */
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}

#subnavLeft h1 a { 
	margin: 0;
	padding: 5px 0 5px 5px;  
	background-color: #205775;
	color:#fff;
	text-decoration: none;
	font-size: 1.1em; /*same size as H3 */
	display:block; /*this is required to make the item show full width and not obscure the h3 */
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}

#subnavLeft h1 a:hover, #subnavLeft h1 a:focus, #subnavLeft h1 a:active {
	background-color: #b1e3fc;
	color: #191919;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}


#subnavLeft h2 {
	margin: 1px 0 0 0;
	padding: 5px 0 5px 5px;
	font-size: 1em;
	font-weight: bold;	
	background-color: #cbd1d4;
	color:#252525;
	display:block; 
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}

#subnavLeft p {
	padding: .2em 5px;
}

#subnavLeft ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}

#subnavLeft ul li {
	margin: 1px 0 0 0; 
	padding: 0;
	display: block;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
}

#subnavLeft ul li a {
	padding: 5px 0 5px 5px;
	display: block;
	background-color: #cbd1d4;
	text-decoration: none;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
	color:#252525;
}

/*#subnavLeft ul li a.current {
	background-color: #b1e3fc;
}*/

#subnavLeft ul li .current {
	padding: 5px 0 5px 5px;
	display: block;
	background-color: #7cd3fe;
	text-decoration: none;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
	color:#252525;
}

#subnavLeft ul li a:hover, #subnavLeft ul li a:focus, #subnavLeft ul li a:active {	
	background-color: #b1e3fc;
	color: #191919;
	width:225px;/* This is needed to make the whole bar an active rollover in IE. Changed it to 225px (230px - 5px padding) as browsers seem to include the padding for the width of these links */
} 

/* this is a rough workaround so that email addresses or urls can wrap within the fixed size div... the space is inserted in the html with a a span style... the span style makes the space tiny 
the alternatives are to show "Email Sydney Opera House" and "Visit Sydney Opera House website" as the links, to change the div from px width to ems, to fix the size of the font for email addresses and urls, or have a percentage based layout*/
.email_url {
	font-size: .01em;
}

/* ========= end LEFT COLUMN STYLES ============ */


/* ========= MIDDLE COLUMN STYLES ============ */

#mainContent img {
	margin: 0;	
	padding: 0;
}

#mainContent .accessIcon img, #contentRight .accessIcon img {
	margin: .1em 0 .5em 0;	
	padding: 0 3px 0 0 ;	/* FIX change to border right? reduce the space above the summary images */
}

.summaryBox {
	margin: 20px 0 0 0;
	padding: 0.5em;
    background: #c8d4da;
	color: #252525;
}

.twoCol h2.summaryBox {
 	font-size: 1.1em; 
	padding: 0.5em;
}

.summaryBox p {
	margin: 0 ; 
}


/* start LOGOS AT BOTTOM OF HOME PAGE */

.logos_left {
	float: left;
	margin: 0 30px 14px 0;
	/*width: 230px;*/
	/*border: 1px solid #f00;*/
}

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

.imageLink a {
	margin: 0 0 7px 0;
	padding: 0;
	text-decoration: underline;
}

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

.imageLink a:visited {color: #000048;}

.logos_left a.imageLink 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-style: none;
	margin: 7px 0;
	padding: 0;
}


/*end LOGOS AT BOTTOM OF HOME PAGE */

/* ========= end MIDDLE COLUMN STYLES ============ */


/* ========= RIGHT COLUMN STYLES ============ */

/* NOTE: the "print this page/save this page" menu is repeated in the page - once (in its own div) higher up in the page source order for the high contrast screen reader version, the other in the right column for the standard version. In the high contrast stylesheet, the print menu div is set to visible, and the other links are hidden. In this standard stylesheet, the print menu div is hidden.*/

#printMenu {
	position: absolute;
	left: -2000px;
	width: 1900px; 
}

#contentRight ul {
	list-style-type: none;
	list-style-position: block;
	margin: 0;
	padding: 5px 0; /*was .5em 0; */
	text-align: left;
}

#contentRight ul li {
	margin: 0;
	padding: 2px 0; /*was .2em 0; */
	line-height: normal;
	text-align: left;
}

.gettingAround {
	margin: 20px 0 14px 0;
}

.contactDetailsBox, .useBox, .symbolsBox, .symbolsBoxHTU {
   	margin: 1px 0 0 0; 
	padding: 7px; 
	background: #ebebeb;
}

.contactDetailsBox h4, .useBox h4, .symbolsBox h4, .symbolsBoxHTU h4 {
	color:#252525;
	/*padding: 0 0 0 .3em;*/
}

.contactDetailsBox h3 {
	font-size: 1em;
	color:#252525;
	/*padding: 0 0 0 .3em;*/
}

.contactDetailsBox p, .contactDetailsBox ul, .useBox p, .symbolsBox p, .symbolsBox ul {
	color:#252525;
	/*padding: 0 0 0 .3em;*/

}

#contentRight .useBox ul {
	color:#252525;
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	padding: 5px 0;
}

.openingHours {
   	margin: 1px 0 0 0; 
	padding: 7px; 
    background: #c8d4da;
}

.openingHours h3, .openingHours p {
   	margin: 0 ; 
	padding: 5px 0; /*was .5em 0; */
	color:#252525;
	font-size: 1em;
}

#contentRight h1.feedbackBoxHead {
    margin: 20px 0 1px 0;
    padding: 5px; /*was .5em; */
    background: #7cd3fe; 
	font-size: 1.1em;
	color: #191919;
	border-bottom: 1px;
	border-bottom-color: #FFF;
}

#contentRight .feedbackBox {
    margin: 0; 
	padding: 2px 5px; /*was .2em .5em; */
    background-color: #ebebeb;
	color: #252525;
	line-height: normal;
}

#contentRight h2.summaryBox {
	font-size: 1.1em;
}



/* ========= end RIGHT COLUMN STYLES ============ */


/* =================== general styles  =================== */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

.hidden {/* to hide things off screen in the standard version but make them readable to a screen reader*/
	position: absolute;
	left: -2000px;
	width: 1900px; 
}

#mainContent .hide_unhide, #floatContainer .hide_unhide {display: none;}/* used to show 1 version of an item in the standard view, and another version in a different position in the high contrast version. Things set to display: none are not read by screenreaders */

/* =================== END general styles  =================== */


/* ====*=====*===== TWO COLUMN STYLES ====*=====*===== */

.twoCol #floatContainer { 
	margin-top: 60px;
}

.twoCol #contentRight { 
	float: right;
	width: 230px;/* Because IE 6 and below don't support min-width and max-width, view the separate IE only styles section towards end of this file */
	margin: 100px 0 20px -230px; /* left margin is set to negative value (width of column) to pull it back into the space provided by the right margin (244px = 230 +14px gap) set on the floatContainer column */
}

.content_image {
	padding: 0 7px 7px 0;
	float:left;
	margin: 0 7px 0 0;
}


.twoCol h2 {
	padding-top: 14px;
}


/*NOTE: activitiesMenu is not the Left Hand Sub Navigation - it's the links on the home page under the heading, to allow users to jump to each category*/
/* On the 2col layout, the heading2 is within this div and it's needed to clear the image float above it */

.activitiesMenu {
	clear:left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.activitiesMenu ul {
	margin: 10px 0; /* was 1em 0*/
	padding: 0;
}

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

.activitiesMenu ul li.first {
	display: inline;
	padding: 0;
	margin: 0;
	border-left: none;
}

.activitiesMenu a {
	text-decoration: underline;
	color: #0e40ce;
}

.activitiesMenu a:hover, .activitiesMenu a:focus, .activitiesMenu a:active {
	background-color: #c0e8fc;
}

.activitiesMenu a:visited {
	color: #000048;
}


/* attractions listings - thumbnail, description and access icons */
.attraction_listing {
	clear: both;
	margin: 7px 0;
	padding: 0;
	background-color: #efefef;/*FIX change this colour to very pale grey*/
}

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

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

.nest_listings {
	float: left;
	width: 60%;/* if the width of this and access_Icons div adds up to 100%, it breaks the floats*/
	margin: 0 14px 0 0;
}
.thumbnail {
	float: left;
	margin: 7px 14px 7px 7px;
	padding: 0;
	width: 54px;
	/*height: 100%;*/
}

.description {/* see IE only styles section for a workaround */
	margin: 0 0 0 75px;/* 75px left margin, to allow space for the thumbnail 54px, plus the thumbnail's 7px left margin and 14 px right margin */
	padding: 0;
}

.access_Icons {
	float: left;
	width: 35%;
	padding: 7px 0 0 0;
}

.access_Icons img {
	/*float: left; not needed? */
	padding: 0;
	margin: 0 3px 3px 0;
}
/* END attractions listings - thumbnail, description and access icons */

.float_left {
	float:left;
	width: auto;
	margin: 0 7px 0 0;
}
.float_right {
	float:right;
	width: auto;
	margin: 0 7px 0 0;
}

/*.twoCol #contentRight img {
	margin: 20px 0 0 0; 
	padding: 0 0 7px 0; 
}*/

.twoCol #contentRight .summaryBox {
	margin: 0;
	padding: 7px;
    background: #c8d4da;
	color: #252525;
}

/* icons used in this site */

.symbolsBoxHead, .symbolsBoxHeadHTU {
	margin: 20px 0 0 0;
	padding: 5px;
    background: #c8d4da;
	color: #252525;
}

h2.symbolsBoxHead, h2.symbolsBoxHeadHTU { 
	font-size: 1.1em;	
	padding: 5px; /* was .5em*/
}

.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: 7px 0 0 0;
	visibility: hidden;
}

.icon {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 7px 0;
	width: 30px;/**/
}

.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;/**/
}
/* END icons used in this site */

/* =============================== ONE COLUMN STYLES ======================================*/

.oneCol #mainContent { 
	width: 100%;
	margin: 40px 0 20px 0;
	padding:0;
	float: none;
}

.oneCol #mainContent p { 
	width: 75%;
}

/* =============================== end ONE COLUMN STYLES ======================================*/

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

/* Div for the standard colour scheme */

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

.oneCol #standardScheme h2 { 
	color: #323b66;
}

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

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

.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: #252525;
	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-size: 130%;
   	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #6F6;
}

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

.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: #252525;
	font-family: Trebuchet MS, Comic Sans MS, Georgia, Times New Roman, serif;
	border: 1px solid #000;
	width: 75%;
	padding: 14px;
	margin: 14px 0;
}

.oneCol #lowContrast h2 {
    font-size: 130%;
	font-family: Trebuchet MS, Comic Sans MS, Georgia, Times New Roman, serif;
	color: #323b66;
}

.oneCol #lowContrast p { 
	margin: 0 0 10px 0; /*was 0 0 1em 0; */
	font-family: Trebuchet MS, Comic Sans MS, Georgia, Times New Roman, serif;
	width: 100%;
}

.oneCol #lowContrast a {
	text-decoration: underline;
	font-family: Trebuchet MS, Comic Sans MS, Georgia, Times New Roman, 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% */

/* =====================================================================================*/
/* =========================  IE ONLY STYLES FOR IE6 AND EARLIER =====================*/
/* =====================================================================================*/

/* 
/* The "* html hack" is used to show styles to only IE6 and earlier, IE7 and other browsers such as Firefox, Opera and Safari will ignore these styles */

/**** 3 column layout styles ****/
* html div#container {
	width: expression(document.body.clientWidth < 799 ? "718px" : document.body.clientWidth > 1001 ? "936px" : "95%" );/* MS proprietary expression used to set a max-width in IE */
	/* although for other browsers, the min-width is set to 718px and the max-width to 936px, MS expressions include any padding in the calculations, therefore added the padding on the container div (16px each side) to the width in this expression, that is, 718px becomes 750px (including 32px padding) and 936px becomes 968px (including 32px padding) THIS ACTUALLY DOES NOT SEEM TO MAKE ANY DIFFERENCE EVEN THOUGH IN THEORY IT SHOULD!!*/
}

* html div#floatContainer {
	width: expression(document.body.clientWidth < 799 ? "474px" : document.body.clientWidth > 1001 ? "692px" : document.all.floatContainer.clientWidth - 244 ); /* MS proprietary expression used to set a max-width in IE */
}

* html div#mainContent {
	width: expression(document.all.mainContent.clientWidth < 229 ? "230px" : "auto");/* MS proprietary expression used to set a max-width in IE */
}

* html div#header img {
	position: relative;
	top: 0;
}

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

* html .description {
	float: left; /* IE 6 needs this to clear the thumbnail float */
	margin: 0;/* reset margin to 0, otherwise big gap in IE 6 */
	padding: 0;
}

/* this is currently the same as for other browsers, so if can't get other browsers working better, delete this code */
* html .nest_listings {
	float: left;
	width: 60%;/* if the width of this and access_Icons div adds up to 100%, it breaks the floats*/
	margin: 0 14px 0 0;
}
* html .access_Icons {
	float: left;
	width: 35%;/* if the width of this and nest_listings div adds up to 100%, it breaks the floats*/
	padding: 7px 0 0 0;
}
/* END of section - this is currently the same as for other browsers, so if can't get other browsers working better, delete this code */


/* =====================================================================================*/
/* =========================       end IE ONLY STYLES        ===========================*/
/* =====================================================================================*/

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