/*===================================================*/
/*    Styles for Cronulla Houseboats and Boat Hire   */         
/*    Author : Steve Brady                           */
/*    Date   : November 2003                         */
/*===================================================*/
/*---------------------------------------------------*/
/*            Generic Styles                         */
/*---------------------------------------------------*/
body {                  /* default text/page attributes */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0066CC;     /*light blue */
	background-color: #FFFFFF;     /*white*/
	margin: 0px;
	padding: 0px;
}
h1 {                    /* page header */
	font-size: 1.4em;
	color: #333366;     /*dark blue*/
	padding: 0px;
	margin: 0px;
	margin-top: 12px;
	margin-left: 11px;
}
h2 {                    /* page catch-phrase */
	font-size: 1.2em;
	padding: 0px;
	margin: 0px 0px 4px 3%;
}
p  { font-weight: normal }
a {
	text-decoration: underline;
}
a:link {
	COLOR: #FF6600;     /*deep orange */
}
a:visited {
	COLOR: #FF9900;     /*orange*/
}
a:active {
	COLOR: #0066CC;     /*light blue */
}
a:hover {
	color: #333366;     /*dark blue*/
	cursor: pointer; cursor: hand;
}
table {
	font-size: 100%;
}
th {
	color: #0066CC;     /*light blue */
	font-weight: bold;
	font-size: 1em;
	padding-top: 0.1em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	padding-left: 0.4em;
	background-color: #FFCC00;     /*gold*/
}
td {
	color: #333366;     /*dark blue*/
	font-weight: bold;
	padding-top: 0.1em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	padding-left: 0.4em;
}

/*---------------------------------------------------*/
/*            Styles for Header block                */         
/*---------------------------------------------------*/
.Header {
	background-color: #333366;  /* dark blue */
	width: 100%;
}
.Logo {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 3;

}
.Logo a:hover img {
	width: 114px;
	border-left: 1px solid #333366;







}
.TitleBox {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2;  /*-- ensure the titlebox appears over feature pic */
}
.FeaturePic{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

/*---------------------------------------------------*/
/*            Styles for Top Navigation bar          */
/*---------------------------------------------------*/
.navbar {
	left: 0px;
	top: 0px;
	height: 1.2em;
	background-color: #0066CC;   /* lt blue                  */
	background-image: url(../images/NavBarLtBlueShim.gif);
}
#nav {
	padding:0;
	margin:0;
}
#nav ul {
	list-style-type: none;
	border-bottom-style: outset;
	border-bottom-width: thin;
	z-index:1;
}
#nav li {
	float: left;
	cursor: pointer; cursor: hand;
	position: relative;
	text-align: center;
	list-style-type: none;
    z-index:2;
}
#nav1 {	width: 4.7em;}
#nav2 {	width: 6.8em;}
#nav3 {	width: 6.8em;}
#nav4 {	width: 7em;}
#nav5 {	width: 7em;}
#nav6 {	width: 8.4em;}
#nav7 {	width: 6em;}

#nav a {
	color: #FFCC00;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
    z-index:3;
}
#nav a:hover {
	color: #FFFFFF;
	cursor: pointer; cursor: hand;
	background-image: url(../images/NavBarBlueShim.gif);
	background-repeat: repeat-x;
	background-color: #333366;
	width: 100%;
}
li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
	padding:0px;
	margin:0px;
	font-weight: normal;
	z-index: 4;  /* ensure drop-down is above the Content elements */
}
#nav li li {
	display: block;
	float: none;
	border-top-width: thin;
	border-top-style: groove;
	border-left-width: thin;
	border-left-style: outset;
	border-right-width: thin;
	border-right-style: outset;
	z-index: 5;
}
#nav li li a {
	display: block;
	color: #FFFFFF;   /* white */
/*	color: #333366;
*/	background-color: #0066CC;    /*light blue */
/*	background-color: #FFCC00;  /* gold */
	padding-right: 0px;
	padding-left: 0px;
}
#nav li li a:hover {
/*	color: #FFFFFF;   /* white */
	cursor: hand;
	color: #333366;  /* drk blue */
	background-color: #FFCC00;  /* gold */
/*	background-color: #333366;  /* drk blue */
	background-image: none;
}
li:hover ul, li.OVER ul {
	display: block;
	color: #333366;  /* drk blue */
/*	color: #FFFFFF;  /* white */
	background-color: #003366;  /* gold */
	cursor: pointer; cursor: hand;
}
/*---------------------------------------------------*/
/*            Styles for Main Content section        */
/*---------------------------------------------------*/
.Detail {
	clear: both;
	padding-left: 3%;
	padding-right: 3%;
	z-index: 1;  /* ensure drop-down is above the Content elements */
}
.Detail a img {
	border: 1px solid #FFFFFF;
	color: #003366;

}
.Detail a:hover img {
	border: 1px solid #003366;
}
.Left {
	position: relative;
	width: 25%;
	float: left;
	padding-top: 10px;
	z-index: 1;  /* ensure drop-down is above the Content elements */
}
.FloatLeft {
	float: left;
}
.FloatRight {
	float: right;
}
.Middle {
	position:relative;
	width: 35%;
	height: 63%;
	float:left;
	color: #333366;
	background-color: #FFFFCC;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 15px;
}
.Middle form{
	line-height: 1.8;
	font-weight: bold;

}
.Right {
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
}
.WideTable {    /* for Houseboat Prices page */
	position:relative;
	width: 60%;
	float:left;
	color: #333366;    /* dark Blue*/
	background-color: #FFFFCC; /* pale yellow */
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.DkBlue {
    color: #333366;
}
.LtBlue {
    color: #0066CC;
}
.FormSpacer {
	width: 50px;
}
.radio {
	border: none;
}
.select {
	border: 2px inset;
}
input {
	border: 2px inset;
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	border: 2px inset;
	font-family: Arial, Helvetica, sans-serif;
}
button {
	font-weight: bold;
/*	background-color: #333366;  */
/*	background-color: #FFCC00;   /* gold */
  	color: #333366;   /* Lt Blue */
/*	border: 4px outset;  */
	position: relative;
	left: 50px;
	top: 6px;
	line-height: 1.6em;
/*	background-image: url(../images/NavBarLtBlueShim.gif);
*/}
/*button:hover {
	color: #FFFFFF;
	background-color: #FF3366;
	cursor: pointer; cursor: hand;
}

/*---------------------------------------------------*/
/*            Styles for Footer navigation bar       */
/*---------------------------------------------------*/
.Footer{
	position: relative;
	clear: both;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	color: #333366;
	background-color: #FFCC00;
	font-size: 1em;
	z-index: 1;
}
.navBottom{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
.navBottom a {
	color: #FFCC00; /* Gold */
	font-weight: bold;
	text-decoration: none;
	background-color: #0066CC; /* Lt Blue */
	background-image: url(../images/NavBarLtBlueShim.gif);
	background-repeat: repeat-x;
	padding-left: 1em;
	padding-right: 1em;
}
.navBottom a:hover {
	color: #FFFFFF;
	cursor: pointer; cursor: hand;
	background-color: #333366; /* Dk Blue */
	background-image: url(../images/NavBarBlueShim.gif);
}