/* Howies main CSS */

body {
	margin: 0;
	padding: 0;
	
	background-color: #ABB9CB;
	background-image:url(../images/bg.gif);
	
	background-repeat: repeat-x;
	}
	
p {font-family:Verdana, Arial, Helvetica, sans-serif; }

td {text-align:left;}


h1 {
	margin:	 0px 0 6px 0;
	padding:0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	}
	
h2 {
	margin: 10px;
	padding: 4px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #377699;
	text-decoration: none;
	background-color: #CCD7E1;
	}

h3 {
	margin:	 0px 0 6px 0;
	padding:4px ;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003366;
	background-color: #98AEC3;
	font-weight: normal;
	}
h4 {
	font-size: 1.1em;
	font-weight:bold;
	color: #FFF;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CC0000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0099CC;
	border-bottom-color: #0099CC;
	text-transform:uppercase;
}

	
h5 {
	
	color: #003366;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	}
	
h6 {
	width: 798px;
	margin: 25px auto 10px;
	text-align: center;
	color: #999999;
	font-size: 11px;
	}
	
h6 a { color: #FFFFCC; }

h6#last {
	margin: 10px auto;
	}
	
.white-email-link a {
	color: #fff;
	text-decoration: none;
}

.white-email-link a:hover {
	text-decoration: underline;
}

/**** ----- Navigation --------------------------- ****/

#mainnav {	font-size:11px;	color:#FFF;	text-decoration:none;	padding-top: 2px; border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;}
.whitelink {font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size:11px; color:#FFF; text-decoration:none;}
a.whitelink:hover {color: #FFFF66; text-decoration:underline;}

.mainfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003366;
}
.mainfont a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #CC0000;
}

.smallfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #003366;
}
.smallfont a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #003366;
}
a.smallfont:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #CC0000;
}


a {
	color: #00537f;
}
a:hover {
	color: #990000}
	
/**** ----- Home Page Layout --------------------------- ****/
	

.mapposition {
	background-position: 50px 10px;
}

.maparea {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align:left;
}
.maparea2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
}
.imgmiddle {
	border: 5px solid #FFFFFF;
}
#Layer1 {
	position:absolute;
	left:413px;
	top:335px;
	width:178px;
	height:166px;
	z-index:1;
	visibility:visible;
}
.imageborder {
	margin: 10px;
	border: 5px solid #377699;
}
.imageborder2 {
	margin: 5px;
	border: 2px solid #377699;
}

.bluefont {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #13435D; line-height: 17px;}
a.bluefont:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; line-height: 17px;}


/* Navigation on the Left */

#leftnav {
	margin-top: 8px;
	width: 165px;
	background-color: #367699;
	padding-bottom: 15px;
	background-image: url(../img/corner1.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

#leftnav A {
	padding: 4px 10px 4px 13px;
	display: block;
	font-size: 0.9em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(../images/navsquare.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
}

#leftnav A:hover {
	color: #b03e22;
	text-decoration: underline;
	background-image: url(../images/navsquare2.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	background-color: #CCD7E1;	
}

#subnavsect a { 
    margin: 0px 0.8em 0px 0.8em;
	border-bottom: #CCD7E1 1px solid; font-size:11px; font-family: Arial, Helvetica, sans-serif; }

#subnavsect a:hover { 
	margin: 0px 0.8em 0px 0.8em;
	border-bottom: #D6F0FF 1px solid; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.whiteunderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


.breadcrumbs {font-size:10px; color: #98AEC3;}
.breadcrumbs a {color: #98AEC3; text-decoration:underline}


.whiteborder {
	border: 5px solid #FFFFFF;
}
.smallfont 

.smallfont .smallfont p


.deadLink{color:#ADA9A7; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.galllink {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;}
a.galllink:hover {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B03E22;}

.blackfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
}
.ul1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}
.ul2 {
	border-bottom-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color: #003366;
	padding: 3px;
}
.brdrleftonly {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #6699CC;
	padding: 5px;
}

/* Forms ----------------------------------------------- */
    
form {
    padding: 0px;
    margin: 0px;
    }
    
input {
	line-height: 13px;
	margin-left: 7px;
	padding: 2px;
	font-size: 95%;
	color: #333;
	background-color: #F1F1F1;
	border: 1px solid #C6C6D0;
    }
    
select {
	line-height: 13px;
	margin-left: 7px;
	padding: 2px;
	font-size: 95%;
	color: #333;
	background-color: #F1F1F1;
	border: 1px solid #C6C6D0;
    }
    
textarea {
	line-height: 13px;
	margin-left: 7px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	color: #333;
	background-color: #F1F1F1;
	border: 1px solid #C6C6D0;
    }
	
radio {
	background-color: #F1F1F1;
	border: 1px solid #C6C6D0;
}
    
option {
    padding-left: 6px;
	margin-left: 7px;
    }

.enquiryTable {
	font-size: 90%;
	line-height: 1.8em;
	margin: 0px 0px 0px 30px;

}
    
.enquiryTable td {
    padding: 4px 4px 4px 0px;
    margin: 0px;
    }
    
.enquiryTable tr {
    line-height: 13px;
    }

.redstar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.imgflags {
	margin: 3px;
}
.whitelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a.whitelinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFF66;
}

.maplink {
	background-color:#1C3B4D;
	padding-bottom:2px;
	padding-left:3px;
	padding-top:2px;
}

#left-home-content {
	float: left;
	width: 380px;
}

#right-home-content {
	margin-left: 10px;
	float: left;
	width: 380px;
}

#offer {
	background-color:#69C;
	border: 1px solid #000;
	width: 350px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
}

.janoffer {
	background-color:#069;
	border: 1px solid #000;
	width: 350px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

.dinner-deal {
	text-align: center;
	margin: 0 auto;
	height: 20px;
	width: 500px;
	border: 1px solid #000;
	background-color:#CCC;
	font-size:16px;
	padding: 5px;
}

.clear {
	clear: both;
}
#wifi_box {
	border: 1px solid #ffffff;
	margin-top: 10px;
	width: 200px;
	padding: 2px 10px 2px 10px;
}