/* NAVIGATION */

/***********************************************
	Drop down menu
*************************************************/

div#menu {
/*		this is the box above the LH menu */
		background-image:url(mws_logo.gif); 
		background-repeat:no-repeat;
		clear:both;
		float:left;
		width:136px;
		background-color:#FF0D01; /* #FF0D01; */
		padding:29px 0px 80px 0px; /* sets dimensions of LH red box */
}
div#menu	ul {
		margin:10px 0 0 5px; /* sets the drop of the menu from the red banner and sets it away from the LH page edge */
		padding:0;
}
div#menu	a {
		display:block;
}
div#menu	ul {
		border-top:2px solid #EDEDED; /* #FF0D01 colour between boxes */
		position:absolute;
		top:158px; /* this varies the drop of the menu down the page */
		width:136px; /* width of the toolbar boxes */
		background:#ffffff; /* #eeeeee is light grey #ffffcc is yellow-grey - needs to be the same colour as the background of main text area */
		list-style:none;
}
div#menu	li {
		border-bottom:2px solid #EDEDED; /* #FF0D01 colour between boxes */
		border-right:2px solid #EDEDED; /* colour between boxes */
		border-left:2px solid #EDEDED; /* colour between boxes */

		position:relative;
		z-index:9;
}
div#menu	li.folder:hover { z-index:10; }		
div#menu	li.folder ul {

		display:none;
		left:130px; /* IE - handles the distance away the submenus appear */
		top:-8px;  /* handles the drop the submenus have from original menus - negative cos of the 10px marting */
		}		
div#menu	ul.level1 li.folder:hover ul.level2, 
		ul.level2 li.folder:hover ul.level3 {
			display:block;
			border-top:2px solid #EDEDED; /* colour between sub-menu boxes */
		}
div#menu	a {
		padding:5px 10px 5px 10px; /* make buttons more compact by reducing this */
		border:none;
		text-decoration:none;
		color:#666; /* color of mouseoff text in boxes */
		font-weight:bold;
		width:115px; /* IE */
}
div#menu	li>a { width:auto; }
div#menu	a:hover {
		background-color:#FFFFFF; /* colour of non-folder box contents when mouse hovers over */
		color:#FF0D01; /* colour of mouse over text */
	}
div#menu	li.folder a:hover {
		background-color:#FFFFFF; /* colour of folder box contents when mouse hovers over - needs to be same as above */
}

/* GENERAL FORMATTING */

body,
div,
th,
td,
span,
select,
input,
textarea,
pre,
a,
p,
li {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#666;
}

body {
	behavior:url("csshover.htc");
	background-color:white /* pink #FFFFEB*/;
	margin:0;
}

img {
	border:none;
}
hr {
	clear:both;
	border:none;
	border-top:1px dotted #FF0D01;
	color:transparent;
	background-color:transparent;
	height:1px;
}
ul, 
ol {
	margin-left:20px;
}


/***************************************
	class selectors
***************************************/ 

input.text {
	border:1px inset;
	padding:1px 3px;
}
img.imgRight {
	float:right;
	margin:0 0 10px 10px;
}
img.imgLeft {
	float:left;
	margin:0 10px 10px 0;
}

table.border {
	width:90%;
	border:1px solid #666;
	border-collapse:collapse;
}
table.noborder {
	width:90%;
	border:none;
	border-collapse:collapse;
}
table.border td {
	border:1px solid #BBB;
	border-collapse:collapse;
	vertical-align:top;
	padding:1px 10px 0 2px;
}
table.border th {
	border:1px solid #BBB;
	border-collapse:collapse;
	text-align:left;
	color:#fff;
	background-color:#66c;
	vertical-align:top;
	padding:1px 10px 0 2px;
}
table.noborder td {
	border-collapse:collapse;
	vertical-align:top;
	padding:1px 10px 1px 0;
}
table.noborder th {
	border-collapse:collapse;
	text-align:left;
	color:#fff;
	background-color:#66c;
	vertical-align:top;
	padding:0 10px 0 0;
}


/***************************************
	html selectors
***************************************/

p {
	margin:0 0 1em 0;
	line-height:150%;
}

h2 {
	font-size:14px;
	margin:1.5em 0em 1em 0;
	color:#666;
}
h3 {
	font-size:13px;
	margin:1em 0 0 0;
	color:#666;
}
h4 {
	font-size:12px;
	margin:1em 0 0 0;
	color:#666;
}

/***************************************
	id selectors
***************************************/


div#logo {
	width:725px;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	text-align:right;
}
div#logo font {
	font-size:18px;
	font-family:Times, serif;
	font-weight:700;
	text-align:right;
}
div#footprint {
	position:absolute;
	left:10px;
	top:43px;
	color:#aaaaaa;
}
div#main1 {
	float:left;
	width:440px;
}
div#rh-column {
	float:left;
	width:150px;
	word-wrap:break-word;
}

div.footer
	{
	text-align:center;
	padding:30px 0 0 0;
	}

/***************************************
	descendant selectors
***************************************/

div#header {
	background-color:#FF0D01; /* colour of the central header box */
	height:100px;
	padding:5px 0px 45px 20px; /* sets the dimensions of the central header box */
	margin:0;
}
div#main1 div#header h1 {
	color:#FFFFFF; /* sets the font colour of the central header text */
	font-size:15px; /* sets the font size of the central header text */
	margin:0;
	padding:0;
}
div#main1 div#summary {
	display:none; }
div#main1 div#content1,
div#main1 div#planYourDayList,
div#main1 div#contactUs {
	background-color:#ffffff; /* ffffcc sets the background colour of the main text area */
	margin:-5px 10px 0 10px; /* sets the margin of the main text area */
	padding:0px 10px 0px 10px;
}

div#main1 div#content1 ol,
div#main1 div#content1 ul {
	line-height:150%;
}
div#rh-column div#bluesq {
	background-color:#FF0D01; /* sets the colour of the right hand menu header box */
	padding:0px 0px 30px 0px;
	word-wrap:break-word;
}
div#rh-column div#sidebar {
	background-color:#EDEDED; /* eeeeee ffffcc sets the background colour of the clients' comments box */
	padding: 0px 0px 0px 0px;
	margin: 20px 0 0 0;
}
div#rh-column h2 {
	font-size:12px;
	margin:1em 0 0 0;
	word-wrap:break-word;
}
div#comments {
	padding:0 0 0 10px;
	}
div#rh-column h2 a {
	text-decoration:none;
	color:#1C2E66;
	display:block;
	width:100%;
}
div#rh-column h2 a:hover {
	text-decoration:underline;
}
div#footprint a {
	color:#999;
	text-decoration:none;
}
div#footprint a:hover {
	color:#1C2E66;
}
div#main1 div#keepInTouch {
	width:400px;
	margin:10px;
}

/***************************************
	class selectors
***************************************/ 
div.page {
	clear:both;
	width:300px;
}
p.map {
	display:none;
}
a.arrow {
	display:block;
	padding-left:15px;
	background-image:url(arrow_closed.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	text-decoration:none;
}
a.arrow:hover {
	text-decoration:underline;
}

/*************************************************************************
	All the hacks go here
/***************************************************************************/

	
/* hide from mac ie5 \*/

/* end mac hide */


/* hide from win ie5, 5.5 */

div#rh-column div#bluesq {
	voice-family:"\"}\"";
	voice-family:inherit;
	height:50px;
}

div#main1 div#header {
	voice-family:"\"}\"";
	voice-family:inherit;
	height:30px;
}
/* end win ie5, 5.5 hide */

/* hide from gecko */
/* end gecko hide */