body
	{
		margin:20px 0;
		padding:0;
		text-align:center;
		background:#ECECEC;
		color:#7F7F7F;
		font: normal 70%/1.6em Arial,Helvetica,sans-serif;
	}
	
/******************************************************************************
POSITIONING OF MAIN DIVS
******************************************************************************/

#wrapper
	{
		margin:0 auto;
		padding:0;
		width:920px;
		background:#FFF url(../images/border_right.gif) repeat-y top left;
		text-align:left;
		border-bottom:20px solid #FFF;
	}
	
#banner
	{
		background:url(../images/bg_banner.jpg) no-repeat top right;
		height:130px;
	}
	
#navtop
	{
		height:30px;
		background:#F1F9FC;
	}


#breadcrumb
	{
		height:30px;
		background:#FFF;
		border-bottom:1px solid #EBEBEB;
	}
	
#sidebar
	{
		width:210px;
		float:left;
		height:1%;
	}	
	
#contentwrap {
	float:left;
	width:710px;
}

#content
	{
		/* Height 1% ensures content expands to cover floated inner elements in IE */
		padding:0 19px 40px 19px;
		height:1%;
		border-top:20px solid #FFF;
	}
	
/* Float clear fix for compliant browsers -- this will auto-expand the floated content div to enlarge around the content */
#content:after
	{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}	
	
/* The following CSS for lists is a hack. It's not elegant, but it's something that seems to work
fairly consistently across all browsers. I've done it this way so that lists can wrap around
floated images and still maintain their relative indents rather than it being reset by the floated
image which would normally happen. */

#content ul,#content ol
	{
		margin-right:15px;
		margin-left:0;
		margin-bottom:0;
		padding:0 0 0 20px;
	}	
	
#content ul
	{
		list-style:none;
	}	
	
/* IE 3-pixel float indent bug fix */
* html #content ul
	{
		height:1%;
	}		
	
#content ul li
	{
		margin:0;
		margin-left:20px;
		padding:0;
/*		background:url(../images/bullet.gif) 3px -5px no-repeat;*/
		list-style-image:url(../images/bullet.gif);
	}
	
* html #content ul li
	{
		margin-top:-2px;
	}
	
#content ol li	
	{
		margin:0;
		margin-left:20px;
		padding:0;
	}	
	
	
/******************************************************************************
GENERAL STYLING
******************************************************************************/

/* SET MARGINS FOR ALL MAIN PAGE ELEMENTS SO THEY ARE CONSISTENT ACROSS BROWSERS */

h1,h2,h3,h4,h5,h6,p,dl,ul
	{
		margin:20px;
		padding:0;
	}
	
h1	{ font-size:1.5em; font-weight:normal }
h2	{ font-size:1.2em; }
h3	{ font-size:1.0em; }
h4	{ font-size:1.0em; }
h5	{ font-size:1.0em; }
h6	{ font-size:1.0em; }

h1 a{
	text-decoration: none;
}

h2 a{
	text-decoration: none;
}

img
	{
		border:none;
	}

.imgright {
	clear:both;
	float: right;
	display: block;
	padding:0 0 0 20px;
}

.imgleft{
	clear:both;
	float: left;
	margin-right: 20px;
	display: block;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content p,#content dl,#content ul
	{
		margin:20px 0;
		padding:0;
	}


/******************************************************************************
BANNER ELEMENTS
******************************************************************************/

#banner {
	position:relative;
}

#banner img
	{
		float:left;
	}
	
#banner object
	{
		float:right;
		margin:0;
		padding:0;
	}
	
* html #banner	object {
	float:none;		/* IE 5 */
	position:absolute; /* IE 5 */
	right:0;
	f\loat:left;	/* IE 6 */
	po\sition:static; /*IE 6 */
}
	
/******************************************************************************
BREADCRUMBS
******************************************************************************/	

#breadcrumb
	{
	height:1%;
	padding:0 0 0 20px;
	}
	
#breadcrumb:after
	{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;		
	}	
	
#breadcrumb ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	
#breadcrumb ul li
	{
		height:30px;
		line-height:30px;
		float:left;
	}

#crumbs
	{
		float:left;
		width:600px;
	}
#crumbs a,#crumbs a:visited
	{
		margin:0;
		padding:0 0 0 15px;
		color:#999;
		font-weight:bold;
		text-decoration:none;
		background:url(../images/bullet_crumb.gif) no-repeat 5px 5px;
	}
#crumbs a:hover
	{
	}
#crumbs li#home a
	{
		padding-left:10px;
		background:none;
	}
#crumbs li.hilite,#crumbs li.hilite a,#crumbs li.hilite a:visited
	{
	}

#portals
	{
		margin:0;
		padding:0;
		float:right;
		width:286px;
	}
#portals li
	{
		float:right;
	}
#portals li span
	{
		position:absolute;
		left:-999em;
	}
#portals li a
	{
		display:block;
		height:30px;
		margin-left:20px;
	}
#portals li#new a
	{ background:url(http://www.mayflowerplc.com/images/nav_portal_new.gif) no-repeat top left;	width:109px; }
#portals li#new a.selected,#portals li#new a:hover
	{ background:url(http://www.mayflowerplc.com/images/nav_portal_new_selected.gif) no-repeat top left; }	
#portals li#existing a
	{ background:url(http://www.mayflowerplc.com/images/nav_portal_exist.gif) no-repeat top left; width:117px;	}
#portals li#existing a.selected,#portals li#existing a:hover
	{ background:url(http://www.mayflowerplc.com/images/nav_portal_exist_selected.gif) no-repeat top left;	}


/******************************************************************************
SEARCH BOX
******************************************************************************/	

#navtop form
	{
		width:210px;
		margin:0;
		padding:0;
		border-right:2px solid #FFF;
		float:left;
	}
	
#navtop form fieldset
	{
		margin:0;
		padding:0;
		border:none;
	}	
	
#navtop #searchfield
	{
		border:none;
		background:#FFF url(../images/search_bg.gif) no-repeat top left;
		height:20px;
		width:117px;
		margin:5px 10px 0 20px;
		padding:0;
		float:left;
	}	
	
#navtop #submit
	{
		width:47px;
		height:30px;
		border:none;
		cursor:pointer;
	}	

	

/******************************************************************************
TOP NAVIGATION
******************************************************************************/	

#navtop ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	
#navtop li
	{
		margin:0;
		padding:0;
		float:left;
	}
	
#navtop li a span
	{
		position:absolute;
		left:-999em;
	}
	
/******************************************************************************
SIDE BAR
******************************************************************************/	
	
* html #sidebar {
	height:1%;
}

#sidebar h1
	{
		height:20px;
		line-height:20px;
		margin-bottom:10px;
	}

#sidebar h1 span
	{
		position:absolute;
		left:-999px;
	}
	
#sidebar ul
	{
		margin:0 0 0 20px;
		padding:0;
		list-style:none;
	}	
	
#sidebar ul ul
	{
		margin-top:5px;
	}	
	
#sidebar ul li
	{
		margin:0 0 5px 0;
		padding:0;
	}	
	
#sidebar ul li a,#sidebar ul li a:visited
	{
		color:#7F7F7F;
		text-decoration:none;
		margin:0 20px 0 0;
		padding:0 0 0 5px;
		display:block;
		height:1%;
	}

/* next steps box */
#sidebar h3{
	width: 190px;
	background: #F5F5F5;
	margin:20px 0 0 0;
	padding:0 10px 0 10px;
}

#sidebar > p {
	width:190px;
	background: #F5F5F5;
	margin:0;
	padding:0 10px 5px 10px;
}


/******************************************************************************
FOOTER
******************************************************************************/			

#footer
	{
		clear:both;
		position:relative;
	}

#footer ul
	{
		margin:0 20px 0 0;
		padding:0;
		list-style:none;
		height:1%;
	}
	
#footer ul:after
	{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;		
	}	
	
#footer li
	{
		float:right;
		margin-left:10px;
		color:#9F9F9F;
	}	
	
#footer li a
	{
		border-left:1px solid #9F9F9F;
		padding-left:10px;		
	}	
	
#footer li#copy
	{
		margin:0;
		position:absolute;
		left:230px;
	}
	
#footer li#last a
	{
		padding:0;
		border:none;
	}	

#footer a,#footer a:visited
	{
		color:#9F9F9F;
		text-decoration:none;
	}

	
	
/*==================================================
SELECT BOX COLOUR:
==================================================*/

select {
	color:#666;
}


/*==================================================
SIDEBAR PROMO IMAGES
==================================================*/

#promo {
	padding:40px 0 0 17px;
}

#promo img {
	display:block;
}