* {margin:0; padding:0;}
/*html, body {height:100%;}*/
body {text-align:center; background: #fff url("/images/background.gif") repeat-x top left; font-family: Arial, "MS Trebuchet", sans-serif;}

#container {width:756px; margin:0 auto; position: relative;}
html>body #container {min-height:100%;}
* html #container {height: 100%;}

form {margin-top:20px; margin-bottom:20px;}
form label {display: block; padding-top:0px; margin-top:1.5em; font-size:14px; width: 9em; float: left; color: #474747; padding-right: 1em; text-align:right;  clear:left;}
form input, form textarea {margin-top:1.5em; border:1px solid #999; padding:3px;}

form input#submit {margin-left:11em; padding:4px;}
form .fieldWithErrors input {border-color:red;}
form em {color:red; margin-left:140px; font-size:13px;}

form .date_field {padding-top:20px;}
form .date_field input, form .date_field label {margin-top:0; margin-bottom:0; padding-top:0;}
form .date_field em {margin-left:140px;}
form .date_field p {margin-bottom:0;}
form .date_field a {margin-top:20px; margin-bottom:0;}
form .date_field a img {border:0;}

#lcol {width:202px; text-align:left; float:left; margin-bottom:20px; }
#lcol img {border: 2px solid #2867c6; margin-bottom:20px;}
#lcol img#logo {border: 0;}

#content .album {margin:0 12px 10px 0; float:left; width:108px; height:125px; font-size:11px; text-align:center; background:#FFF; padding:3px;}
#content .album p {font-size:13px; margin:0 0 5px 0; line-height:1.2em;}
#content .album a {clear:left; display:block; margin-bottom:5px;}

#content .album_set img {margin:0 10px 10px 0; border:1px solid black;}

#rcol {margin-left:202px; text-align:left;}

#title {background: url("/titles/port-stephens.jpg") no-repeat top left; height:146px;}

#navigation {font-size:small; padding-top:121px;}
#navigation ul {list-style:none; padding-left:15px;}
#navigation li {height:17px; padding-top:4px; padding-bottom:4px; float:left; margin-right:2px; background: url("/images/tab_off.gif") no-repeat top right;}
#navigation a {text-decoration:none;  color:#fff;  font-size:13px; letter-spacing: 1px; padding:4px 7px 5px 7px; background: transparent url("/images/tab_off_left.gif") no-repeat top left;}


.home #navigation .home,
.facilities #navigation .facilities,
.location #navigation .location,
.links #navigation .links,
.packages #navigation .packages,
.photos #navigation .photos,
.bookings #navigation .bookings {background-image: url("/images/tab_on.gif");}

.home #navigation .home a,
.facilities #navigation .facilities a,
.location #navigation .location a,
.links #navigation .links a,
.packages #navigation .packages a,
.photos #navigation .photos a,
.bookings #navigation .bookings a {background-image: url("/images/tab_on_left.gif"); color: #011d47;}

#content {padding:35px 15px 103px 20px; float:right;}
#content h1 {color:#3065b3; font-weight:normal; font-size:24px; margin-bottom: 20px;}
#content p, #content ul, #content ol {color: #474747; line-height:1.5em;  font-size:14px; margin-bottom:1em; font-family: Verdana, sans-serif;}


#footer {width:100%; padding-top: 0; position: relative; margin-top: 0;  clear:both; height:103px; background:#cae0ff url(../images/footer.gif) repeat-x top left;}
html>body #footer {margin-top:-103px;}

#footer p {text-align:center; padding-top: 30px; margin-left:202px; color: #011d47; font-size:12px;}