body{
margin:0;
padding:0;
background-color= #FFFFFFF;
color:#000000;
}

div.container {
position:relative;
font-family: helvetica;
width:700;
height:700;
}

div.topnav {
position:absolute;
height:75;
width:700;
background-color:lightblue;
font-size: 1em;
color: blue;
font-family: arial;
}

.title-image{
position:absolute;
top:5;
margin:0;
padding:0;
}

div.footer {
position:absolute;
bottom: 0;
width:100%;
height:30;
padding:4,0,0,122;
background-color:lightblue;
font-family: sans-serif;
font-size: .6em;
color:blue;
}

div.content {
position:absolute;
top:75;
left:120;
width:580;
height:610;
overflow:auto;
padding:5;
}

div.home_content {
position:absolute;
top:75;
width:700;
height:610;
overflow:auto;
padding:5;
}

div.sidenav {
position: absolute;
top:75;
width:120;
height:610;
background-color:lightblue;
font-family: verdana;
font-size: .8em;
padding:0;
margin:0;
}

.sidenav ul{
list-style: none;
margin:0;
padding:6,0,0,6;
}

.sidenav ul li {
margin:0;
margin-bottom=5;
text-decoration:none;
}

.sidenav ul li a{
text-decoration:none;
color:blue;
width:116;
}

.sidenav ul li a:hover{
color:black;
}

.topnav ul{
position:absolute;
top:55;
width:700;
white-space: nowrap;
border-top-width:1;
border-top-style:solid;
border-top-color:blue;
border-bottom-width:1;
border-bottom-style:solid;
border-bottom-color:blue;
margin:0;
padding:0;
}

.topnav ul li {
display:inline;
font-size:1em;
width:100;
list-style: none; 
text-align: center;
border-left-width:1;
border-left-style:solid;
border-left-color:blue;
}

.topnav ul li a{
text-decoration:none;
}

.topnav ul li a:hover{
color:black;
}

.lasthref {
border-right-width:1;
border-right-style:solid;
border-right-color:blue;
}

p {
margin:1px;
padding:1px;
font-size: .8em;
}

h1 {
font-size:1.3em;
color:blue;
margin:1px;
padding: 1px;
}

h2 {
font-size:1em;
color:blue;
margin:1px;
padding: 1px;
}

h3 {
font-size:1em;
margin:1px;
padding: 1px;
}

.body-image {
margin:10;
float:right;
}

.img-along {
margin:10;
float:left;
}

.img-land {
margin:10;
float:right;
}

th {
color:white;
background-color:blue;
}

td.table {
background-color:lightblue;
valign:top;
}

.a_popup_land {
height=750;
width=1000;
}

.calendar {
font-size:0.8em;
}

td.unbooked {
background-color:lightblue;
}

td.booked {
background-color:greenyellow;
/*greenyellow=#ADFF2F*/
}

td.changeover_start {
background-image: url("../../assets/images/changeover_start.jpg");
}

td.changeover_end {
background-image: url("../../assets/images/changeover_end.jpg");
}
