/*SJWDesign Tutorial Nested Divs Centered content */
*{
	margin:0;
	padding:0;
}

body{
	background:#19718c;
	text-align:center;
}

/*<<---------------------------------Begin Layout Section------------------------*/

#newgallery {
	position:absolute;
	top:38px;
	left:496px;
	width: 200px;
	height: 50px;
	
	
}

#HeaderContainer,
#navContainer,
#contentContainer,
#footContainer{
	width:100%;
}
/*Set the width of the content section to the width of the background images */
#Header,
#nav,
#content,
#foot{
	width:749px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

/*Add the background image for the header section */
#Header{
	background:transparent url(images/header.jpg) 0 100% repeat-x;
	height:133px;
}
/* set the padding for top and bottom, set the margin to align with edge of background graphic */
#mainheaderarea{
	width:200px;
	padding:70px 20px 20px 0;
	margin-left: 40px;
}
/*Add the background image for the nav section set the height to the background image height*/
#nav {	
	background:transparent url(images/nav.jpg) 0 0 repeat-y;
	height: 34px;
}
/* set the padding for top and bottom, set the margin to align with edge of background graphic */

/*Add the background image for the content section, set the height minimums so IE doenst cut it off
and repeat on the y axis so the background repeats down the page according to HMTL content*/
#content{
	background:transparent url(images/content.jpg) 0 0 repeat-y;
		min-height:300px;
	_height:300px;

}
/* set the padding for top and bottom, set the margin to align with edge of background graphic */
#maincontentarea{
	width:627px;
	padding:0px 0 20px 0;
	margin-left:37px;
}
#maincontentareatext{
	width:627px;
	padding:20px 0 20px 0;
	margin-left:20px;
}
/*Add the background image for the footer section set the height to the background image height*/
#foot{
	background:transparent url(images/footer.jpg) 0 100% repeat-x;
	height:94px;
}
/* set the padding for top and bottom, set the margin to align with edge of background graphic */
#mainfooterarea{
	width:627px;
	padding:5px 0 20px 0;
	margin-left:50px;
}

#copyright ul{
	position:absolute;
	top:45px;
}

#copyright li{
	list-style-type:none;
}

#mainfooterarea #copyright{
	width:300px;
	position:absolute;
	left:490px;
	top: 65px;
}

/*<<-----------------------------------End of Layout Section----------------------*/

/*<<---------------------------------Beginning of Nav Section------------------------*/

/* prevent background colour showing on site links */
#mainnavarea a:hover{	background:transparent;}

/* position the div absolutely in this section */
#mainnavarea ul{
	display:block;
	position:absolute;
	top:5px;
	left:42px;
	width: 665px;
	height: 23px;
}

#mainnavarea li{
	display:block;
	float:left;
	margin-left:25px;
	width: 80px;
}

#mainnavarea li a{
	display:block;
	height:19px;
	text-align:center;
	color:#ffffff;
	font-size:0.8em;
	font-weight:bold;
/* Line height same as height, which puts the text vertically centered, hoorah! */
	line-height:20px;
	text-decoration:none;
}

#mainnavarea li.on a{ color:#19718c;}
#mainnavarea li.off a{ background:#87b4c3;}
#mainnavarea a:hover{ color:#FFCC33}

/*<<--------------------------------------------End of Nav Section-------------------------------*/

/*<<---------------------------------Begin of Typography & Colour Section------------------------*/

/* set main font and main size 100% equals 1.0 em  */
body{
	font:normal 90%/1.0em  Georgia, "Times New Roman", Times, serif;
	color: #0b4e63;
	line-height: 20px;
}
/* set any body links to no underline and body colour */
a{
	color:#0b4e63;
	text-decoration:none;
}
a:hover{
	color:#d994d1;
}

#copyright {
	font-size: 75%;
	color:#a6c5cf;
}

#copyright a { 
	color:#a6c5cf;
}

#mainheaderarea {
	font-size: 0.8em;
	}
#mainfooterarea {
	font-size: 0.8em;
		font:normal 90%/1.0em  Georgia, "Times New Roman", Times, serif;

	}
	
h1,
h2,
h3,
h4{
font-size: 1.0em;
}
/*<<---------------------------------End of Typography & Colour Section------------------------*/

table.bookings
{
background-color: #fafafa;
border: 1px #0b4e63 solid;
font-size: 0.75em; 
}