/* ------- http://erwwen.com/ew.css ------- */

body { 
	margin:0px; 
	padding:0px; 
	text-align:center;
	background-color:#4e7d9b; 
	background-image:url(bgimage.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Arial,Helvetica,sans-serif; 
	color:#1e394a; /* Text color */
}

#wrapper { 
	text-align: left; 
	width: 900px; 
	top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
}

#main {  
	position: relative; 
	width: 900px;
	background-color:#dedef8; 	/* was border:2px solid #386070; */
}

#banner { 
	position: relative; 
	top:0px;left:0px; 
	width: 900px;
	/* height:200px; */
}
#banner .txt {position:absolute; top:4px; left:724px; font-size:18px; }

#navBar {
	position:absolute;
	top: 201px;
	left: 0px;
	width: 142px;
	border: solid #cccccc; 
	border-width: 0px 1px 1px;  /* top,right-left,bottom */
	margin: 0px;
	padding: 0px;
	color:#5a6970; 
	background-color:#17324c;
	z-index:3;
}

#summary { 
	position:relative;
	top:0px;
	left:144px;	
	width:721px;
	border:solid #386070;
	border-width: 2px; 
	padding: 4px 6px 0px 25px;
	font-size: 17px;
	background-color:#eef;  
}

#content { 
	position:relative; 
	width:736px;
	top:0px; 
	left:144px;
	border:solid #386070;
	border-width: 0px 2px 2px;	/* top, right, bottom, left */
	padding:6px 6px 0px 10px; 
    font-size: 15px;
}

#siteInfo {
	position: relative;
	top: -2px;
	left:144px;
	width:752px;
	border:solid #386070; 
	border-width: 2px 2px 2px 2px;	/* top, right, bottom, left */	
	padding: 5px 0px 5px 0px;
	clear: both;   
	text-align: center;
	font-size: 75%;
	color:#888888;
}

.ctr {	text-align:center;}
.small {font-size: 12px}
.red  {color:#ff0000;}
.blue {color:#0000FF;}

/*----------STYLES FOR USE WITH THE AVAILBILITY TABLE-------------*/
  /* body {font-family:Arial,Helvetica,sans-serif; font-size:13px;background-color:#f8f8e0} */
  .key {font-size:12px;text-align:center;line-height:90%;margin:0px}
  table.avail {background-color:#60FFFF; empty-cells:show; text-align:center;
	font-size:14px; /* IE6 needs font-family */
	border-collapse:collapse; border-color:#000000;}
  td {border-color:#000; border-width:1px;}
  p.update {text-align:center;font-size:11px;color:#aa3333}
	.A   {background-color: #00ff00 }   /* Week Available. Web colour=lime (bright green) */
	.B   {background-color: #ff0000 }   /* Week Booked.    Web Color = red.               */
	.P   {background-color: #ff8080 }   /* Week Part let.  Light red colour.              */
	.H   {background-color: #ffff30;font-weight:bold } /* Fuel:High */
	.M   {background-color: #ffff80;font-weight:bold } /* Fuel:Medium */
	.L   {background-color: #ffffb0;font-weight:bold } /* Fuel:Low    */
	.hdr {background-color: #c0c0c0;font-weight:bold}  /* Table header: Grey background */
	.sep {font-size:12px; background-color:#9bd; text-align:center}
	.news {font-size:15px; font-weight:bold; color:#0377b3; text-align:center; margin:5px;} 
	p.version {text-align:right;font-size:10px;color:#606060;margin:2px}
	p.credit {text-align:center;font-size:11px;color:#808080;margin:0px}
/*----end styles for availability table----*/

iframe.ctr { margin:5px 0px 5px 44px; }

#content li { margin: 3px 0px 3px 18px; padding:0px;}

/* --Styles for lists -- */
ul { margin: 4px 0px 0px 10px; padding: 0px; /* list-style-type: circle; */ }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: none; }


ul.rooms { line-height:16px; margin:0px 16px 0px 0px; padding:0px; font-size:13px;} 

ol.conds {line-height:16px; margin:20px 20px 20px 10px; padding:10px; font-size:13px;} 
ol.cond2 {margin:0px; padding:0px 10px 6px 4px;}
li.num {font-size:13px; list-style-type:lower-latin; line-height:12px;}

p { margin: 5px 0px 8px; padding: 0px; }

p.status {	margin: 0px; 
			padding: 0px; 
			font-size: 13px;
			color:#000;  
			text-align: left; }
			 
p.updated {text-align:right;font-size:13px;color:#aa3333;margin:0px;}
p.links {font-size:13px;margin:6px 0px 0px;text-align:center;}

h1 { margin: 5px 0px 10px; font-size: 34px; font-weight:bold; text-align:center;}
h2 { margin: 5px 0px 10px; font-size: 25px; font-weight:bold;  } 
h3 { margin: 10px 0px 10px; font-size: 20px; font-weight:bold;   } 
h4 { margin: 5px 0px 5px; font-size: 16px; font-weight:bold;   }
h5 { font-weight: bold; margin: 5px 0px 0px; padding: 0px; border: 0px; text-align: center; font-size: 11pt ; }

/*-- Styles used in the booking form --*/
table.bform, table.source { 
   /* table-layout: fixed;    //* Default is auto . Fixed makes IE6 set width to 100% of available space  */
   border: 1px solid #386070;  /* Outside border for table - not cells */
   empty-cells: show;        
   /* border-spacing:10px;  /* equiv. to cellspacing in <table> but doesn't work in IE7. */
   /* border-collapse:collapse;  /* works - no border visible */
   /* margin: 10px;     /* Careful - adding a margin stops table being centered */
   padding: 4px;        /* external space around cells */
   font-size: 14px ;    /* Set font size: 13px = 10pt; 16px = 12 pt. */
   width:640px;
   }
table.source { border-top-width:0px; }  /* Override border width at the top */
td.in  { text-align:right; width:120px; padding:0px 5px 0px 0px;} /* Labels for the input fields */
td.t1I { width: 184px; padding:0px; }  /* Booking table 1 - input field width */	 
td.inw { text-align: right;width: 482px; padding: 0px 5px 0px 0px;} /* Input fields for charges section */
td.ctr { text-align: center; padding: 0px; }   /* AGE column - centre */
td.tx {text-align: right;padding: 0px 5px 0px 0px;vertical-align:top}  /* Labels for text areas - align text at top */
textarea {	font-family: Verdana; font-size: 10pt;} /* input { font-size: 10pt; } */
img.but {border:0px; padding: 0px} /* for calendar dropdowns */
.tinybut {font-size:11px; padding:1px;}
/*--end booking form styles--*/

/* label { font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: rgb(51, 77, 85); } */
img { border:0}
.iright { border:0px; margin: 5px; float: right; }

table.image { margin: 0px 5px 5px 8px; padding:0px; font-family: Verdana,Arial,sans-serif; font-size:13px; color:#003cdc;}
table.imagel { margin:0px 10px 0px 0px; padding: 0px; font-family: Verdana,Arial,sans-serif; font-size:13px; color:#003cdc;}
table.imagec { margin-left: auto; margin-right: auto; padding: 0px; font-family: Verdana,Arial,sans-serif; font-size: 80%; color:#003cdc; }

#siteName { margin: 0pt; padding: 0pt 0pt 0pt 10px; }
#siteInfo img { padding: 4px 4px 4px 10px; vertical-align: middle; }

#navBar ul a:link, #navBar ul a:visited {display:block;}
#navBar ul { margin:0px; padding:0px; list-style-type:none; list-style-image:none; list-style-position:outside; }
#navBar li { border-bottom:1px solid #eeeeee; }
html > body #navBar li { border-bottom: medium none; }

#search {border-bottom: 1px solid #cccccc; padding: 5px 0px 8px 10px; font-size:12px; color:#fff; }
#search form { margin: 0px; padding: 0px;}
#search label { margin:0px; padding:0px; display:block; }

#mainLinks { border-bottom: 1px solid #cccccc; margin: 0px; padding: 0px; position: relative; font-size:14px; }
#mainLinks h4 { padding: 10px 0px 2px 10px; }
#mainLinks a { color:#ffffff; text-decoration: none; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; display: block; }
#mainLinks a:hover { background-color:#225599; }

#extLinks { margin: 0px; padding:0px; position: relative; font-size:12px; }
#extLinks a { color:#ffffff; text-decoration:none; padding:0px 0px 1px 10px; }
#extLinks a:hover { background-color:#225599; }
#extLinks h4 { color:#ffffff; padding:0px 0px 0px 10px; }
#extLinks img {margin:10px;}