/* redefined tags */

* {padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}

body {font-size: 0.7em;}
h1 {font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 2.2em; color: #C5771B; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 10px;}
h2 {margin: 20px 0px 5px 0px;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 15px 0px; color: #000; line-height: 1.4em;}
hr {text-align: left; margin: 10px 0px 5px 0px; height: 1px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #C5771B;}
ul {}
table {width: 100%; border: 1px solid #00227F; text-align: left; border-collapse: collapse;}
table td {padding: 3px 5px;}
table th {padding: 3px 5px; background-color: #1F47B6; color: #fff; text-align: left;}


/* header */

#header {margin: 0px; background: #1F47B6 url("../images/header_jetty.jpg") no-repeat 100% 0px;}
#header #siteName { height: 100%; line-height: 1.4em; font-size: 2.8em; color: #EFBC1F; margin: 0px 0px 0px 65px; padding: 0px 0px 5px 0px;}
#header #logo {position: absolute; top: 2px; left: 10px;}

/* navigation */

#navArea {position: absolute; left: 0px; width: 190px; padding: 0px 0px 0px 0px;}
#navArea img {margin: 5px 0px 0px 0px;}
#breadcrumb {margin: 0px 0px 10px 0px; font-family: "Times New Roman", Times, serif; font-size: 0.8em;}

/* body area */
#main {width: 785px; margin: 5px 0px 0px 0px;}

#contentArea {position: relative; margin: 0px 0px 0px 195px; width: 590px; padding: 0px 0px 30px 0px;}
#holidayImages {height:160px;}
#holidayImages div {float: left; margin: 0px 10px 0px 0px; border: 1px solid #C5771B;}
#holidayImages div#image3 {margin: 0px 0px 0px 0px;}
#holidayLocation { clear: both; padding: 3px 0px 5px 0px; color: #C5771B; font-style: italic;}
#content {padding: 0px 0px 0px 10px;}
#nav { list-style-type: none; padding:  20px 0px 20px 20px; background-color: #7CAAFE;}
#nav a {font-family: "Times New Roman", Times, serif; color: #fff; text-decoration: none;}
#nav li {margin: 10px 0px; font-size: 1.3em;}
#featureArea {float: right; width: 191px; margin: 0px 0px 0px 20px;}
#featureArea img {margin: 5px 0px 0px 0px; border: 1px solid #C5771B;}
#feature {padding: 0px 10px; background-color: #E3D9BD; border: 1px solid #C5771B;}
#feature h2 {color: #000; margin: 10px 0px 0px 0px;}
#feature p {margin: 5px 0px 10px 0px;}
#feature ul li {margin: 5px 0px 0px 15px; list-style-type:square;}



/* footer area */

#footer {color: #888; margin: 0px 0px 0px 200px;}

.editHelp {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic;}

/* homepage specific */

.homePage #contentArea {}
.homePage #footer  {margin: 0px 0px 0px 200px;}
#messageArea {float: left; width: 150px; min-height: 229px; background-color: #E2B451; padding: 10px; font-family: "Times New Roman", Times, serif; font-size: 1.6em; color: #fff;}
#splashImage {float: left; margin-left: 5px;}
#infoArea {padding: 0px 0px 0px 5px; width: 560px;} 
#infoArea h2 {color: #5785BF;}

/* calender specific */

table#calender {position: relative; width: 20em; border: 1px solid #AEA790; border-collapse: collapse; border: 1px solid #AEA790;}
table#calender caption {padding: 30px 0px 10px 0px;}
table#calender th {text-align: center; background-color: #C0B9A3; border: 1px solid #AEA790;}
table#calender td {text-align: right; padding: 3px; border: 1px solid #AEA790;}
.available {background-color: #fff; color: #000;}
/*.booked {background-color: #F3EDDB; color: #AEA790;}*/
.booked {background-color: #EFBC1F; color: #000000;}
.ballot {background-color: #7CAAFE; color: #000000;}
.legend {list-style-type: none; margin-top: 30px;}
.legend li {float: left; margin-right: 20px; vertical-align: middle;}
.legend div {float: left; border: 1px solid #C0B9A3; width: 2em; height: 2em; margin-right: 10px;}
a.button {text-decoration: none; font-weight: bold; background-color: #1F47B6; padding: 1px 3px; color: #fff; border: 1px solid #00217A;}
.selectedMonth {font-weight: bold; margin: 0px 5px; color: #000;}
.disabledButton {font-weight: bold; background-color: #E9E9EA; padding: 1px 3px; color: #C1C1C2; border: 1px solid #C1C1C2;}

/* form specific */

form {}
label {margin: 2px 0px; padding: 3px 0px 2px 0px; text-align: left;}
input {border: 1px solid #7CAAFE; margin: 2px 0px; padding: 2px; width: 200px;}
button {font-weight: bold; background-color: #1F47B6; padding: 1px 5px; margin: 20px 0px 10px 0px; color: #fff; border-top: 1px solid #819BE3; border-left: 1px solid #819BE3; border-right: 1px solid #0C329B; border-bottom: 1px solid #0C329B;}
input.phone {width: 148px;}
input.year {width: 40px;}
input.small{width: 55px;}
textarea {border: 1px solid #7CAAFE; width: 350px; padding: 3px;}
select {border: 1px solid #7CAAFE; margin: 2px 0px;}
select.day {width: 50px;}
select.week {width: 60px;}
select.month {width: 50px;}
p.required {font-style: italic;}
span.required {color: #ff0000;}
.top {display: block;}
.lhs {width: 110px; float: left;}
div.rhs {text-align: right;}

/* map specific */

#homeNav {position: relative; width: 315px; height: 355px; background: url("../images/wa_map.gif") no-repeat 0px 0px;}
#homeNav li {font-size: 10px; list-style-type: none;}
#homeNav a {text-decoration: none; border: 1px solid #000; padding: 1px 3px; background-color: #fff; color: #000; display: block;}
#homeNav a:hover {background-color: #eee;}
li#albany {position: absolute; top: 320px; left: 210px;}
li#busselton {position: absolute; top: 270px; left: 68px;}
li#cape_view {position: absolute; top: 294px; left: 5px;}
li#denmark {position: absolute; top: 343px; left: 168px;}
li#dunsborough {position: absolute; top: 340px; left: 70px;}
li#kalbarri {position: absolute; top: 197px; left: 135px;}
li#kalbarri_resort {position: absolute; top: 220px; left: 5px;}
li#mandurah {position: absolute; top: 276px; left: 160px;}
li#margaret_river {position: absolute; top: 317px; left: 28px;}
li#perth {position: absolute; top: 250px; left: 143px;}