/***************** APAD STYLES ****************/

body {background: #ffffff; color: #000000; margin: 0px; font-family: verdana, arial, sans-serif; font-size: 100%;}

div#all {position: absolute; top: 0px; left: 0px; height: auto; width: 100%; min-width: 770px; max-width: 1030px;}

div.top {background: #3070ff; background-image: url(images/bdrop3.jpg); background-repeat: repeat-x; color: #ffff00; height: 89px; width: auto; margin: 0px; padding-top: 1px; padding-left: 10px; border-bottom: 6px solid #ffff00;}

table.header {width: 100%; border: none; margin: 0px 0px 10px 0px; border-collapse: collapse;}
table.header td {border: none;margin: 0px;}

div.nav {position: absolute; left: 0px; top: 96px; width:10em; height: auto; background: #3070ff; color: #ffff00; padding: 10px;}
div.nav img {width: 98%; margin-top: 20px;}

div.main {margin-left: 12.8em; margin-right: 40px; margin-top: 0px; width: auto;}

div.main h2, div.main h3, div.main h4, div.main b {color: #2560f0; background: inherit;}

div.clear {clear: both; height: 10px; margin-top: 10px;}

div.photocol {float: right; width: 33%; background: inherit; color: #000000; border: solid 1px #aaaaaa; padding: 5px; margin: 0em 0em  0.5em 1.3em;}
.photocol img {width: 100%;}

div#intext {width: 20%; float: left; margin: 6px 10px 5px 0px;}

div.date {width: 100%; padding-top: 0px;}

div.notice {border: solid 1px #ff0000; margin: 100px 0px 200px 0px;}

h2 {margin-top: 0em; padding-top: 0.3em;} 

h3, h4 {margin-top: 1.2em; margin-bottom: 0em;}

h4.cal {margin-bottom: 0em;}

h5.header {margin-top: 0.2em; text-align: center;}

h5.logo {margin-top: 0.1em;}

h6.date {margin-top: 0.3em; margin-bottom: 0em; background: inherit; color: #a0a0a0; text-align: right;}
h6.inf {margin-top: 0.3em; margin-bottom: 0em; background: inherit; color: #a0a0a0; text-align: left;}

p {margin: 0.3em 0em 0.8em 0em; font-size: 90%; text-align: justify;}

p.sec {margin-top: 1em;}

p.heavy {font-weight: bold;}

p.photo {text-align: center; font-weight: bold; border-bottom: solid 1px #aaaaaa; padding-bottom: 10px; font-size: 75%;}

p.photolast {text-align: center; font-weight: bold; font-size: 75%;}

p img {margin-left: 10px; margin-right: 10px; border: none;}

p.val {background: inherit; color: #606060; font-size: 80%; text-align: left;}

p.nav {text-align: left;}

p.title {font-size: 70%; font-weight: bold; text-align: center;}

ul.links {list-style-type: none; margin-left: 0px; padding-left: 0px; font-weight: bold; font-size: 70%;}

ul.links a {display: block; padding: 4px 0px 0px 5px; border: solid 1px #a0b020; height: 2.0em; margin: 0px;}

a { font-size: 90%;}

.nav a:link {background: inherit; color: #ffff00;}
.nav a:visited {background: inherit; color: #e0e080;}
.nav a:hover {background: #80c0ff; color: #ff0000; }

a:hover {color: #ff0000; background: inherit;}
a#active {color: #000000; background: inherit;}

img.intextim {width: 100%; border: none;}

img.nosmoke {float: right; margin: 0px 0px 5px 5px;}

/******************* BOOKING AND CALENDAR PAGE **********************/

table.booking {float: left; width: 15em; margin: 14px; font-size: 80%; border-collapse: collapse;}

table, td, th {border: 1px #3050ff solid; padding: 0px 2px 0px 3px;}
td.vacant {background: #ffff70; color: #000000;}
td.booked {background: #909090; color: #000000;}
td.part {background: #55aaff; color: #000000;}

span.e {background: inherit; color: #3070ff;}

ol li {margin-top: 0.3em;}

/******************* PHOTO GALLERY ***********************/

div.photopge {width: 45%; float: left; border: solid thin #aaaaaa; margin: 5px; padding: 5px;}

.photopge p, .vertphoto p {text-align: center;}
.photopge img {width: 100%;}

div.ph {width: 60%; margin: 20px auto 20px auto;}

div.pv {width: 40%; margin: 20px auto 20px auto;}

.ph img, .pv img {width: 100%; margin-top: 20px;}

div.vertphoto {width: 28.9%; float: left; border: solid thin #aaaaaa; margin: 5px; padding: 5px;}

img.v {width: 100%;}

div.title {width: 100%; height: 3em;}

/********************* LINKS PAGE **********************/

ul.uselinks {font-size: 100%; line-height: 1.3em; list-style-type: circle; margin-left: 12%;}

table.info {width: 80%; margin: 15px auto 5px auto ; border-collapse: collapse; border-color: #808080; background: #ffffe4; color: #000000;}

.info td, .info th {border-color: #808080; padding: 2px 5px 3px 5px;}


img.infopic {float: right; margin: 0px 0px 4px 15px;}

/********************* SINGLE PHOTO PAGES **********************/

div.photopage {margin: 0% 8% 0% 8%; text-align: center; background: inherit; color: #3070ff;}

img.single {margin: 1em auto 0.2em auto;}

/********************* CONTACT PAGE *************************/

h6.prop {color: #2560f0; background: inherit; margin-bottom: 0.3em;}
p.prop {font-size: 70%;}

/*********************** OWNERS AREA PAGES *******************/

form#update table {font-size: 80%; border-collapse: collapse; margin-top: 0.8em; border: none}
form#update table td {width: 9em; border: none;}
form#update table th {width: 9em; border: 0px; color:#3070ff; background: inherit; }

form#tarriff table {font-size: 80%; border-collapse: collapse; margin-top: 0.8em; border: none}
form#tarriff table td {border: none; padding-top: 1em;}
form#tarriff table td.left {padding-left: 2em; padding-right: 2em; border: none;}

/***************************** TEMP *********************************/

table#bookform {border: none; font-size: 90%; padding: 0px;}
#bookform td {border: none; padding: 2px 15px 2px 0px;}

fieldset {width: 450px; padding-left: 15px; padding-right: 10px; margin-bottom: 5px;}
fieldset p {font-size: 80%;}

table.restaurants {width: 100%; margin: 15px auto 5px auto ; border-collapse: collapse; border-color: #a0a0a0; background: #ffffe9; color: #000000;}

.restaurants td, .restaurants th {border-color: #808080; padding: 2px 5px 3px 5px;}