/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.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.
=================================================================== */

/* for all browsers that understand min-width */
.width {width:auto; min-width:989px;} /*965 1035px*/ 

/* the bodge for IE6 browsers - modify all border/margin/padding/left to change min-width */
* html .minwidth {left:29px;padding-right:29px;border-left:989px solid ; position:relative; float:left; z-index:1;}
* html .container {margin-left:-989px; position:relative; float:left; z-index:2;}

#hnav {
	background:url(/20091209154843oe_/http://www.metoffice.gov.uk/lib/template/bt_nav_sprites.gif) 0 7px repeat-x;
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:200;
	width:100%;
	height:29px;
	top:-7px;
}
#hnav li.top {
	display:block;
	float:left;
	text-align:center;
}
#hnav li.top a.mtab strong, #hnav li.top a.stab strong, #hnav li.top a.ltab strong {
	color:#000;
	white-space:nowrap;
	padding-top:0px;
	position:relative;
	top:3px;
	left:0px;
}
#hnav li a.mtab, #hnav li a.stab, #hnav li a.ltab {
	display:block;
	float:left;
	height:25px;
	text-decoration:none;
	padding:0;
	padding-top:4px;
	cursor:pointer;
	background:url(/20091209154843oe_/http://www.metoffice.gov.uk/lib/template/bt_nav_sprites.gif);
}
#hnav li a.stab {
	width:75px;
	background-position: 0 -50px;
}
#hnav li a.mtab {
	width:99px;
	background-position: -100px -50px;
}
#hnav li a.ltab {
	width:130px;
	background-position: -225px -50px;
}
/*#hnav li:hover a,#hnav a:hover {background-position: 0px 50px;}*/
#hnav li:hover a.mtab, #hnav a.mtab:hover, #hnav li:hover a.stab, #hnav a.stab:hover, #hnav li:hover a.ltab, #hnav a.ltab:hover {
	background-position: 0px 0px;
}
#hnav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse; 
	padding:0; 
	width:0; 
	height:0; 
	margin:-1px;
}
/* for IE 6 horrid table hack */
#hnav table, #hnav td {
	border-style: none;
}
#hnav .sub {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#hnav li:hover {
	position:relative;
	z-index:200;
}
#hnav a.mtab:hover, #hnav a.ltab:hover, #hnav a.stab:hover  {
	position:relative;
	white-space:normal;
	z-index:200;
}
#hnav li a.stab:hover, #hnav li:hover a.stab, #hnav li a.stab:active, #hnav li:active a.stab, #hnav li a.stab:focus, #hnav li:focus a.stab {
	background-position: 0 -100px;
}
#hnav li a.mtab:hover, #hnav li:hover a.mtab, #hnav li a.mtab:active, #hnav li:active a.mtab, #hnav li a.mtab:focus, #hnav li:focus a.mtab {
	background-position: -100px -100px;
}
#hnav li a.ltab:hover, #hnav li:hover a.ltab, #hnav li a.ltab:active, #hnav li:active a.ltab, #hnav li a.ltab:focus, #hnav li:focus a.ltab  {
	background-position: -225px -100px;
}
#hnav li a.sactive {
	background-position: 0 -100px!important;
}
#hnav li a.mactive {
	background-position: -100px -100px!important;
}
#hnav li a.lactive {
	background-position: -225px -100px!important;
}


#hnav :hover li.top a.mtab strong {
	padding-top:10px;
}
#hnav :hover ul.sub, #hnav :focus ul.sub {
	left:0;
	top:29px;
	width:99px;
	height:auto;
	z-index:300;
}
#hnav :hover ul.sub li {
	display:block;
	height:21px;
	position:relative;
	float:left;
	width:198px;
	font-weight:normal;
}
#hnav :hover ul.sub li a.mtab {
	display:block;
	height:20px;
	width:198px;
	border:1px solid #ddd;
	border-color:#fff;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#hnav :hover ul.sub li a.mtab strong {
	position:absolute;
	left:9px;
	margin:0;
}
#hnav :hover ul li a.mtab {
	background:#eee;
	color:#000;
	display:block;
}
#hnav :hover ul.sub li a.mtab:hover {
	background-position: 0 0px;
	position:relative;
}
#hnav :hover ul.sub li a.mtab:hover {
	background:#cf3;
	color:#000;
	display:block;
}
/* search */
.searchTab {
	display:block;
	position:relative;
	float:left;
	width:181px;
	padding:6px 0px 5px 9px;
	background-image:url('/20091209154843oe_/http://www.metoffice.gov.uk/lib/template/bt_nav_sprites.gif');
	background-position: -375px -50px;
	background-repeat:no-repeat;
}
.searchField {
	float:left;
	height:20px;
	width:144px;
	background-color:#fff;
	padding:0px 0px 0px 6px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.searchField:hover {
	cursor:text;
}
#searchInput {
	font-size:1em;
	width:138px;
	margin:0px;
	padding:3px 0px 0px 0px;
	border:none #fff;
	float:left;
	}
#kbsubmit {
	height:20px;
	width:14px;
	margin-left:8px;
	padding:0px;
	border:none;
	background-color:transparent;
	background-image:url("/20091209154843oe_/http://www.metoffice.gov.uk/lib/template/bt_sprites.gif");
	background-repeat:no-repeat;
	background-position:0 3px;
	float:left;
}
#kbsubmit:hover, #kbsubmit:focus {
	background-position:0 -47px;
}