@charset "utf-8";
/* CSS Document */
body, html {
	margin:0px;
	padding:0px;
}
body {
	color:#25552c;
	background-image:url(../assets/background-page.jpg);
	background-color: #dfdbc1;
	background-repeat: no-repeat;
	background-position: center -20px;
	font-size: 80%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

div.topimg {
	margin:27px 0px;
	border:3px solid white;
	display:block;
	width:525px;
	height:275px;
}
img.topimg {
	margin:27px 0px;
	border:3px solid white;
	display:block;
}
img.leftimg {
	margin:0px 0px 10px 0px;
	border:3px solid white;
}

div#page {
	width:750px;
	margin:0px auto;
	padding-left:115px;
	z-index:2;
	position:relative;
	height:1100px;
}
div#text {
	float:left;
	text-align:left;
	overflow:auto;
	width:355px;
	height:420px;
	margin-left:30px;
	padding-right:10px;
	margin-top:1em;
	font-size:90%;
}
h1 { font-size:115%; margin:0px; height:25px; width:365px; margin-left:165px; display:block;	font-family:"Palatino Linotype", Palatino, serif; text-transform:capitalize;}
h2 { margin:0em 0em 0em .5em; font-size:150%; color:#25552c; line-height:150%;}
h3 {margin:0em 0em .5em 0em; font-size:125%; color:#dfdbc1; line-height:125%; background-color:#25552c; padding:3px;}
h4 {margin:0em 0em .5em 0em; font-size:125%; color:#990000; line-height:125%;}
h5 {margin:0em 0em .5em 0em; font-size:110%; color:#dfdbc1; line-height:110%; background-color:#990000; padding:3px;}
h6 {margin:0em 0em .5em 0em; font-size:110%; color:#412D14; line-height:110%;}
h7 {margin:0em 0em .5em 0em; font-size:100%; color:#dfdbc1; line-height:100%; background-color:#412D14; padding:3px; display:block; font-weight:bold;}
.strike { text-decoration:line-through; color:#990000; font-weight:bold;}
div#scroll {
	float:right;
	width:136px;
	z-index:1;
	/**/background-image: url(../assets/scroll.gif);
	height:580px;
	padding:50px 35px 30px 35px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	text-align:left;
	position:relative;
	margin-top:-27px;
	color:#412D14;
	font-size:90%;
	line-height:110%;
	/*border:1px solid black;
	background-image: url(../assets/scroll-top.gif);
	padding:50px 35px 0px 35px;*/
}
div#scroll a img{
	border:none;
}
#scrollBottom{
	float:right;
	clear:right;
}
div#leftimgs { width:135px; float:left;}
#scroll p { margin-bottom:.5em; margin-top:.5em;}
a {color:#412D14;}
#scroll a { line-height:125%;}
#text a:hover, #scroll a:hover { font-weight:bold;}
a:visited {color:#25552c;}
#text h2 {margin-left:0em;margin-top:0em;}
#text dt {margin-top:.5em; font-weight:bold;}
#text dd {margin-left:0em; padding-left:0em;}
#text li {margin-left:1.5em; padding-left:0em;}
#text ul{margin-left:0em; padding-left:0em;}

fieldset {
border-color:#412D14;
border-width:1px;
padding:.7em;
margin-bottom:1em;
}
legend {
font-weight:bold;
color:#412D14;
font-size:100%;
}
.question {
width: 30%; 
  clear:left;
  font-weight:normal;
  background-color:#dfdbc1;
margin:1em .2em .2em .2em; 
  display:block;
  border-bottom: 2px solid #412D14;
  color:#412D14;
font-size:75%;
float:left;
padding:.2em .5em;
}
.answer {
width:50%;
margin:.8em 0em 0em .5em;
padding:0;
  display:block;
  color:#444444;
  float:left;/**/
}
.submit {
 margin-left: 35%;
width:50%;
margin:1em 0em 0em .5em;
padding:0;
  display:block;
  float:right;
  color:#444444;
  float:left; moz 
}
    /* Custom styles for Derwent Hunter Availabilty */
    /* we only need to specify styles that we want to change */
    #wsa1 .ac-loadingdiv, #wsa2 .ac-loadingdiv, #wsa3 .ac-loadingdiv{/* shown while requesting availability */
    	background-color: transparent; 
    }
    #wsa1 .ac-default, #wsa2 .ac-default, #wsa3 .ac-default { /* style for main container div */
    	background-image:url(../assets/background-availability.jpg);
    	background-color: #dfdbc1;
    }

/*-------- Styles for the main calendar table --------*/
    #wsa1 .ac-avail, #wsa2 .ac-avail, #wsa3 .ac-avail{ /* cell style for availability */
        background-color:#25552c;
        color:#FFFFFF;
    }
	#wsa1 .ac-othermonth, #wsa2 .ac-othermonth, #wsa3 .ac-othermonth { color:#FFFFFF;}
    #wsa1 .ac-dayheader, #wsa2 .ac-dayheader, #wsa3 .ac-dayheader{ /* class of all cells in the week day names row */
    	background-color: transparent; 
    }
/*-------- END styles for the main calendar table --------*/
    
/*-------- Styles for the header table --------*/
    #wsa1 .ac-headername, #wsa2 .ac-headername, #wsa3 .ac-headername { /* class of cell with vessel name */
    	background-color: transparent; 
    }
    #wsa1 .ac-headermonth, #wsa2 .ac-headermonth, #wsa3 .ac-headermonth { /* class of cell with month selector */
    	background-color: transparent; 
    }
/*-------- END Styles for the header table --------*/
    
    
/*-------- Styles for the popup div --------*/
    #wsa1 .ac-popup, #wsa2 .ac-popup, #wsa3 .ac-popup{ /* class of popup div */
    	background-image:url(../assets/background-availability.jpg);
    	background-color: #dfdbc1;
    	border:2px solid #25552c;
    }
    #wsa1 .ac-popup td, #wsa2 .ac-popup td, #wsa3 .ac-popup td{ /* effects every cell in the table */
        padding:4px; /* same as table cellpadding */
}
    #wsa1 .ac-popupheader, #wsa2 .ac-popupheader, #wsa3 .ac-popupheader { /* class of first two rows in popup table */
    	border:1px solid #25552c;
    	background-color:#25552c;
    	color:white;
    	font-weight:bold;
    	text-align:center;
    }
    #wsa1 .ac-popupcellheader, #wsa2 .ac-popupcellheader, #wsa3 .ac-popupcellheader { /* class of cells with the column headings */
    	border:1px solid #25552c;
    	color:#FFFFFF;
    	background-color:#a30001;	
    }
    #wsa1 .ac-popupcell, #wsa2 .ac-popupcell, #wsa3 .ac-popupcell { /* class of cells in the popup table */
    	border:1px solid #25552c;
    	color:#25552c;
    }
/*-------- END Styles for the popup div --------*/