/* MENU STARTS */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
/*height:150px;
font-size:90%;*/
/*margin:25px 0 50px 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
/*width:150px;*/
}
/* style the list items */
.menu li {
/*height:26px;*/
/* for IE7 */
float:left;
}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
/*height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 1px;*/
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {position:relative;}

.menu li:hover {position:relative;}

 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
/*top:-60px; moved to ie6.css*/
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
/*padding:30px;*/
/* this is for IE to make it interpret the overrrun padding */

}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* MENU ENDS */



#primaryContent img.normalImg { 
	float:right;
	padding-left:2em;
}

table{
	/*for ie6 - careful of effects on others*/
	clear:both;
	float:left;
}

.warning {
	border:2px solid red;
	margin-top:1.5em;
	padding:1em;
}

#schedule2 table {
	float:left;
	border:0;
	border-collapse:collapse important;
}

#schedule2 table th {
	text-align:left;
}

#berthPlan {
	float:left;
	margin: 2em 1em 1em 10em;
	clear:both;
}

#estuaryFlashContent {
	float:left;
}

a.notification{
	float:left;
	background: #fff url(/a/images/notificationOff.gif) no-repeat scroll 0%;
	width:382px;
	height:22px;
	margin: 1em 1em 1em 0em;
	clear:both;
	text-indent:-99999px;
}
a.notification:hover{
	background: #fff url(/a/images/notificationOn.gif) no-repeat scroll 0%;
}

a.communications {
	float:left;
	background: #fff url(/a/images/communicationsOff.gif) no-repeat scroll 0%;
	width:382px;
	height:22px;
	margin: 1em 1em 1em 0em;
	clear:both;
	text-indent:-99999px;
}
a.communications:hover{
	background: #fff url(/a/images/communicationsOn.gif) no-repeat scroll 0%;
}


a.reporting {
	float:left;
	background: #fff url(/a/images/reportingOff.gif) no-repeat scroll 0%;
	width:382px;
	height:22px;
	margin: 1em 1em 1em 0em;
	clear:both;
	text-indent:-99999px;
}
a.reporting:hover{
	background: #fff url(/a/images/reportingOn.gif) no-repeat scroll 0%;
}


a.estuary {
	float:left;
	background: #fff url(/a/images/estuaryOff.gif) no-repeat scroll 0%;
	width:382px;
	height:22px;
	margin: 1em 1em 1em 0em;
	clear:both;
	text-indent:-99999px;
}
a.estuary:hover{
	background: #fff url(/a/images/estuaryOn.gif) no-repeat scroll 0%;
}

a.notices {
	float:left;
	background: #fff url(/a/images/noticesOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
}
a.notices:hover{
	background: #fff url(/a/images/noticesOn.gif) no-repeat scroll 0%;
}

a.schedule2 {
	float:left;
	background: #fff url(/a/images/schedule2ChecklistOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.schedule2:hover{
	background: #fff url(/a/images/schedule2ChecklistOn.gif) no-repeat scroll 0%;
}

a.safetyPolicy {
	float:left;
	background: #fff url(/a/images/safetyPolicyOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.safetyPolicy:hover{
	background: #fff url(/a/images/safetyPolicyOn.gif) no-repeat scroll 0%;
}

a.emergencyAction {
	float:left;
	background: #fff url(/a/images/emergencyActionOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.emergencyAction:hover{
	background: #fff url(/a/images/emergencyActionOn.gif) no-repeat scroll 0%;
}

a.general {
	float:left;
	background: #fff url(/a/images/generalOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.general:hover{
	background: #fff url(/a/images/generalOn.gif) no-repeat scroll 0%;
}

a.working-near-water {
	float:left;
	background: #fff url(/a/images/working-near-water-Off.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.working-near-water:hover{
	background: #fff url(/a/images/working-near-water-On.gif) no-repeat scroll 0%;
}

a.fire-hazards {
	float:left;
	background: #fff url(/a/images/fire-hazards-Off.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.fire-hazards:hover{
	background: #fff url(/a/images/fire-hazards-On.gif) no-repeat scroll 0%;
}

a.railways {
	float:left;
	background: #fff url(/a/images/railwaysOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.railways:hover{
	background: #fff url(/a/images/railwaysOn.gif) no-repeat scroll 0%;
}

a.diving {
	float:left;
	background: #fff url(/a/images/divingOff.gif) no-repeat scroll 0%;
	width:371px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
}
a.diving:hover{
	background: #fff url(/a/images/divingOn.gif) no-repeat scroll 0%;
}

.berth a{
	float:left;
	background: #fff url(/a/images/berthOff.gif) no-repeat scroll 0%;
	width:382px;
	height:22px;
	clear:both;
	text-indent:-99999px;
	margin-top:1em;
	clear:both;
}
.berth a:hover{
	background: #fff url(/a/images/berthOn.gif) no-repeat scroll 0%;
}


ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}


/* first, second, third classes removed - indent is managd by nest lists instead */

#police p{
	float:left;
	padding:0 1em !important;
	clear:none;
}

#police p.left{
	width:64%;
}
#police p.rightsmall{
	width:62%;
}
#police p.right{
	width:80%;
}



#police img.left{
	float:left;
	clear:left !important;
	padding-left:1em;
	padding-bottom:0.5em;
}

#police img.right{
	float:right;
	clear:none !important;
	padding-bottom:0.5em;
}

#police .vcard{
	float:left;
	clear:left !important;
	padding:1em;
	font-size:0.8em
}

#police .vcard .email{
	padding-top:1em;
}


#police .vcard span {
	float:left;
	font-size:1em;
	clear:both;
}

#police.contact p {
	float:left;
	clear:both;
	padding-left:0 !important;
}


/* new for waste updates */

div.left-of-images {
	float:left;
	width:65%;
}

ul.left-of-images {
	float:left;
	width:40%;
}

.image-right {
	float:left;/*not right ... think it makes sense*/
	padding:0 10px;
}