body {
	font-family: Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	font-size: 70%;
	text-align: center;
	background: #E1E1E1;
	color: black;
	margin: 0;
	padding: 0;
	font-family: Georgia, Batang, 'Book Antiqua', 'Bookman Old Style', Century, Garamond, Palatino, 'Palatino Linotype', Sylfaen, serif; 
	color: #272727;
	line-height: 145%;
	font-size: 80%;
}


/* The three main divisions */
div#header, div#maincontent, div#disclaimer {
	background: url(/img/employeezone/bg-maincontent.gif);
	width: 927px;
	text-align: left;
	margin: 0 auto;

}


#maincontent {	padding-top:20px;}

div#header {
	margin-top: 7px;
	position: relative;
}
	#header h1 {
		background: url(/img/employeezone/bg-header.gif) top no-repeat;
		margin: 0;
		font-size: 100%;
		padding: 65px 0 3px 39px;
	}
	#header p {
		background: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 38px;
		right: 34px;
	}

/*Main Content */
#maincontent p {margin: 0 0 0 39px;}
/* Just for browsers who do the inline block model correctly */
#maincontent > p img, #maincontent > p object {display: block;}

#maincontent p.clear {
		background: url(/img/employeezone/bg-maincontent-clear.gif);
		height: 42px;
		margin: 0;
	}	

div#disclaimer {
	background: none;
	width: 848px;
	color: #9D9D9D;
	font-size: 90%;
}

.print, #crumbtrail .access {display: none;}

p.textClear {
	font-size: 0.1%;
	margin: 0;
	clear:both;
}


#homeContent  {
	background: url(/img/employeezone/bg-grey.gif) repeat-y;
	margin: 0;
	width:849px;
	min-height:300px;
	background-color:#b3a49d;
	margin-left:38px;

}

#homeContentTitle {background-position:top left; margin-top:30px;}

#homeContentText {
		background: #b3a49d url(/img/employeezone/bg-grey.gif)repeat-y;
		width:849px;
		float: left;
		margin: 0;
}
		
#homeContentText  p {
	margin:0;
	position:relative;
	color: #FFF;
	padding: 5px 20px 10px 20px;
}	

#homeContentText  h2{
	margin:0;
	color: #FFF;
	padding: 20px;
}


#homeContentText a {
	color: #3366FF;
	text-decoration: none;
	cursor: hand;
}

#homeContentText a:hover {	
	background-color:#FFFF66;
	color:#000000;
	}

	#homeContent li {
		list-style:none; 
		background-image:url(http://stag.standardlife.co.uk/img/employeezone/arrow-off.gif); 
		background-repeat:no-repeat; 	
		margin-bottom:10px;
		padding-bottom: 8px;
		}
	 
	#homeContent li a  {
		color:white;
		text-decoration:none;
		padding-left: 30px;
		}
		
	#homeContent li a:hover  {
		background-image:url(http://stag.standardlife.co.uk/img/employeezone/arrow-on.gif); 
		background-repeat:no-repeat;
		background-color:transparent;
		text-decoration:none;
		color:white;
		font-weight: bold;
		padding: 1px 0 5px 30px;
		}



/* NAVIGATION BUTTONS */
			.menu {
						height: 103px;
						width: 780px;
						padding-top:25px; padding-left:90px;
						margin-left:38px;
						background-image:url(/img/employeezone/bg-blue-footer.gif);
						background-repeat:no-repeat;
			}
			
			.cssnavPrevious {background-image:  url(/img/employeezone/btn-previous-on.gif); margin-left:20px;}
			.cssnavMenu {background-image:  url(/img/employeezone/btn-menu-on.gif); }
			.cssnavMenuHome {background-image:  url(/img/employeezone/btn-menu-on.gif); }
			.cssnavNext {background-image:  url(/img/employeezone/btn-next-on.gif); }
			
			.cssnavPrevious, 
			.cssnavMenu, 
			.cssnavMenuHome, 
			.cssnavNext	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						width: 195px;
						height: 56px;
	                    overflow:hidden;/* for ie to hide extra height*/
						margin-left: 20px;
						margin-right:10px;
			}
			.cssnavPrevious a, 
			.cssnavMenu a, 
			.cssnavMenuHome a, 
			.cssnavNext a {
						display: block;
						width: 195px;
						height: 56px;
						float: left;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			
			.cssnavPrevious img, 
			.cssnavMenu img, 
			.cssnavMenuHome img, 
			.cssnavNext img {width: 195px; height: 56px; border: 0; margin-top:0px;}
			
			* html a:hover {visibility:visible}
			
			.cssnavPrevious a:hover img, 
			.cssnavMenu a:hover img, 
			.cssnavMenuHome a:hover img, 
			.cssnavNext a:hover img{visibility:hidden}
			
			
			.cssnavMenuHome {margin-left: 100px;}


/* END OF NAVIGATION */