/* 
27jun11
Bellbird Lodge main
background sand #FCF7D7
dark blue #00384B
button hover #89836B

To do:
imgRight & left - used?
tabImageR and L - improve the styles and incorporate into the show_normal and highlight.
*/


/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
/* Clear Floated Elements */
.clearfix:before, .clearfix:after {content: "\0020"; 
display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*------------------------------------
  MAIN
*/
body{
	margin:0 0 40px 0;
	font-family:Verdana, sans-serif;
	background-color: #FCF7D7;
	color:#00384B;
	font-size:62.5%;
	line-height:1;
	text-align:center;
}
div.dContainer{
	max-width:780px;
	width:100%;
	margin:0 auto;
   -moz-box-shadow: 3px 3px 4px #00384B; 
 	-webkit-box-shadow: 3px 3px 4px #00384B; 
   box-shadow: 3px 3px 4px #00384B; 
   -moz-border-radius: 12px; 
  	-webkit-border-radius: 12px; 
   border-radius: 12px; 
  	-moz-background-clip: padding;
  	-webkit-background-clip: padding-box;
  	background-clip: padding-box; 
  	border-top:1px solid #89836B;
  	border-right:1px solid #00384B;
  	border-bottom:2px solid #00384B;
  	border-left:1px solid #89836B;
}
/* banner */

div.dTop{
	clear:both;
	max-width:690px;
	width:100%;
	max-height:340px;
	height:auto;
	margin:6px auto 0 auto;
}
div.dBannerLogo{
	float:left;
	max-width:250px;
	width:100%;
	max-height:40px;
	height:auto;
	margin:0;
}
div.dBannerBird{
	float:right;
	margin:12px 0 0 0;
}
div.dTopHigher{
	position:relative;
	clear:both;
	max-width:690px;
	min-height:416px;
	margin:6px auto 0 auto;
}
/*div.dBannerFlash{
	position:absolute;
	top:36px;
	left:0px;
	z-index:40;
	width:333px;
	height:304px;
}*/
div.dBannerSS{
	margin:36px 0 0 0;
	max-width:690px;
	width:100%;
	max-height:300px;
	height:auto;
	clear:both;
}
div.dBannerSSSmall {
	float:right;
	max-width:345px;
	width:100%;
	height:auto;
}
/*div.dBannerTitle{
	position:absolute;
	top:10px;
	right:80px;
	z-index:60;
}*/
div.dBannerBirdSound{
	position:absolute;
	top:0px;
	right:0px;
	z-index:50;
}
div.dBannerImage {
	float:left;
	max-width: 340px;
	width:100%
	height:auto;
}
img.imgBannerImage {
	max-width:690px;
	width:100%;
	height:auto;
}
img.imgLogo {
	max-width:250px;
	width:100%;
	height:auto;
}
/* div layout */
div.dNav {
	max-height:2.5em;
	height:auto;
	width:auto;
	text-align:left;/* was left */
	margin:2px auto 2px auto;
	clear:both;
	padding:2px 0 2px 60px;/* moves nav into centre */
	border-top:1px solid #00384B;
	border-bottom:1px solid #00384B;
}
@media only screen and (max-width: 48.5em)
{/*px*/
	div.dNav  {
	border:0;
	padding:0;
	}
}
div.dMain{
	clear:both;
	display:block;
	margin:0 auto;
	max-width:690px;
	width:100%;
	height:auto;
}

div.dContent{
	float:right;
	max-width:460px;
	height:auto;
	padding:20px 0;
}

div.dLeft{
	float:left;
	max-width:180px;
	height:auto;
	/*margin:0 0 0 10px;*/
	-moz-box-shadow: 0 5px 5px  #00384B;
	-webkit-box-shadow: 0 5px 5px  #00384B;
	box-shadow: 0 5px 5px  #00384B;
	-moz-border-radius: 6px; 
  	-webkit-border-radius: 6px; 
   border-radius: 6px; 
  	-moz-background-clip: padding;
  	-webkit-background-clip: padding-box;
  	background-clip: padding-box; 
  	padding:6px;

}
/* end div layout */
/* foot */
div.dFooter{
	clear:right;
	float:right;
	margin:60px 60px 0 0;
	max-width:460px;
	text-align:left;
}
h4.h4Foot{
	margin:10px 0 0 0;
	font-size:1.2em;
	text-align:right;
	line-height:1.5;
}
h1.h1Top{
	margin:0 20px 10px 20px;
	font-size:1.4em;	
	line-height:1.5em;
	width:auto;
	text-align:left;
	font-weight:bold;
}
h2.h2Sub{
	margin:0 20px 20px 20px;
	font-size:1.3em; 
	line-height:1.4em;
	width:auto;
	text-align:left;
	font-weight:bold;
}


h3.h3Sub{
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	margin:10px 20px;
}
h4.h4Enquire{/* xxxx */
	clear:both;
	display:inline;
	font-size:1.0em;
}
p.pBody{/* pText used in gallerise */
	margin:0 20px;
	font-size:1.1em;
	text-align:justify;
	line-height:1.5;
}
ul.ulGen{
	margin:5px 5px 5px 20px;
	padding:0 0 0 20px;
	width:auto;
	text-align:left;
	float:left;
}

ul li.liGen{
	font-size:1.1em;
	list-style: disc outside;
}

hr.hrDivider {
	width:96%;
	height:1px;
	margin:10px auto 5px auto;
	clear: both;
	border-bottom:1px dashed #161616;
}

img.imgPdfIcon{/* pdf icon */
	margin:0 2px -4px 0;
}
img.imgEmailIcon{/* pdf icon */
	margin:0 0 -6px 0;

}

/* tabled images */
table.tabImages{
	width:120px;
	/*border:1px dashed #ccc;*/
	float:right;
	margin:10px 0 10px 10px;
	}
td.tdImages{
	}
td.tdCaption{
	}
img.imgPopup{
	border:1px solid #000;
	}
img.imgLinkLogo{
	margin:10px 0 0 0;
}
/*  */

/* misc */
br.brClear{
	clear:both;
}
span.spBold{
	font-weight:bold;
}
span.spItal{
	font-style:italic;
}

/* links */
a.main:link, a.main:visited, a.main:active {
	color:#111;
	text-decoration: none;
}
a.main:hover {
	color:#00f;
	text-decoration: underline;
}
a.aSitemap:link, a.aSitemap:visited, a.aSitemap:active {
	color:#333;
	text-decoration:none;
}
a.aSitemap:hover {
	color:#f00;
	text-decoration:underline;
}
div.dWDWLinks{
	margin:0 20px;
}
/* the WDW footer */
p.pWDW{
	font-size:0.85em;
	margin:5px auto 0 auto;
}
span.spColour{
	font-style:italic;
	color:#b0e0e6;
}
a.aNone:link, a.aNone:visited, a.aNone:active {
	color:#aaa;
	text-decoration:none;
}
a.aNone:hover {
	color:#bbb;
	text-decoration:none;
}
div.dMap {
	max-width:600px;
	width:100%;
	height:auto;
}