@import url("blankcanvas.css");
@import url("typography.css");
@import url("block-navigation.css");
@import url("section-navigation.css");
@import url("static_blocks.css");
@import url("assets.css");
@import url("content.css");
@import url("templates/homepage.css");
@import url("templates/gateway.css");
@import url("templates/section.css");
@import url("templates/page.css");
@import url("templates/office-hazards.css");
	
div#container {
	margin: 0 auto; width: 76em;
	text-align: left; overflow: visible;
	position: relative;
} 
   
/* =misc */

	div.hiddenlabel, hr.hiddenrule { display: none; }
	div.pdf { background: transparent url(/www.healthyworkinglives.com/images/icons/icon-pdf.png) no-repeat scroll top left; }
	div.ppt { background: transparent url(/www.healthyworkinglives.com/images/icons/icon-ppt.png) no-repeat scroll top left; }
	div.word { background: transparent url(/www.healthyworkinglives.com/images/icons/icon-word.png) no-repeat scroll top left; }
	
	div.pdf, div.ppt,div.word {
		float: left !important;
		margin-right: 0.8em; margin-bottom:.5em;
		padding-left: 2.0em; width: 100%;
	}
	   
/* =header */

	div#header { width: 100%; }
	div#header h1 { width: 100%; }
	div#header h1 img { width: 21.4em; height: 8.9em; margin-top: 1em; margin-bottom: 1em; }
		
	/* =jumplinks */

		div.jumplinks h1 a span,
		div.jumplinks ul li a:link,
		div.jumplinks ul li a:visited,
		div.jumplinks ul li a:hover
		{
		    position: absolute; left: -1000em;
		    width: 20em; display: block;
		}
		
		div.jumplinks { float:left; top: -3.0em; left: .0em; height: 0; }
		div.jumplinks ul { list-style: none; top: 0; left: 0; padding: 0; margin: 0; z-index: 20; }
		div.jumplinks ul li { top: .0em; left: .0em; z-index: 20; }
		
		div.jumplinks ul li a:active, body div.jumplinks ul li a:focus {
		    top: 0; left: 0; background-color: #000 !important;
		    width: auto; color: #fff; margin: .0em !important;
		    font-size: 1.3em; padding: .5em .5em .8em .5em;
		    z-index: 20; text-align: left; white-space: nowrap;
		}
		    
	/* =subnavcontainer */

		div#subnavcontainer { overflow: hidden; }

		div#subnavcontainer form { float: right; margin: 1em 0 1em 0; overflow: hidden; }
		div#subnavcontainer form p label { display: none; }
		div#subnavcontainer form p { float: left; margin: 0; padding: 0; }
		div#subnavcontainer form p input#subformbutton { height: 1.8em; position: relative; z-index: 100; }
		div#subnavcontainer form p input#search { width: 10em; border: 1px solid #949391; margin: 0 0 0 0; padding: .1em .4em .2em .4em; position: relative; left: 1px; z-index: 90; }
		div#subnavcontainer form p input { margin: 0; float: left; color: #000000 !important; }
	
		div#subnavcontainer div#subnav { float: left; width: 49em; margin: 1em 0 1em 0; }
		div#subnavcontainer div#subnav div#youare { height: 1.8em; line-height: 1.5em; }	

		div#subnavcontainer div#subnav div#youare ul#breadcrumb { overflow: hidden; display: inline; }
		div#subnavcontainer div#subnav div#youare ul#breadcrumb li { float: left; padding-left: 0.5em; margin: 0; }
		div#subnavcontainer div#subnav div#youare ul#breadcrumb li.first { padding-left: 0; }
		div#subnavcontainer div#subnav div#youare ul#breadcrumb li a { text-decoration: none; padding-right: 0.5em; border-right: 1px solid #7a7a7a; }
		div#subnavcontainer div#subnav div#youare ul#breadcrumb li a:hover { text-decoration: underline; }

/* =content */

	div#content { width: 100%; }
	div#content div#maincontent { position: relative; float: right; width: 60.3em; padding-bottom: 1.5em; }
	
	/* =navigation */
	
		div#content div#navigation { margin: 0em 1em 0 0em; width: 14em; float: left; }

	/* =copy */
	
		div#content div#maincontent div#copy { width: 45.7em; float: left; }	
		div#content div#maincontent.page div#copy img { margin: 0 0em 1.6em 0em; }

	/* =related */
	
		div#related { width: 14.3em; float: left; position: relative; }
		div#related h3 {
			border-bottom-width: 0.05em; border-bottom-style: solid;
			padding-bottom: 1em; margin-top: 0; margin-bottom: 0.7em;
			padding-top: 0.5em; border-top: 0;
		}
		
		div#related div.divblock div.panel h2 { font-size: 1.3em; }
		div#related div.divblock ul li { font-size: 1.1em; line-height: 1.2em; }
		
		div#related div.divblock ul li a { 
			padding:.2em .8em 0 1.2em; display:inline-block; 
			background-color: transparent; 
			background-image: url('/www.healthyworkinglives.com/images/navigation/arrow.gif');
			background-repeat: no-repeat;
			background-position: 0em 0.6em;
		}
		
		div#related div.divblock { margin-bottom: 1.5em; width: 100%; }
		div#related div.divblock div.panel p { font-size: 1.1em; line-height: 1.5em; }
		div#related div.divblock div.panel a { font-weight: bold; text-decoration: none;}
		div#related div.divblock div.panel a:focus, div#related div.divblock div.panel a:hover { text-decoration: underline; }
		
/* =footer */

	div#footer {
	    width: 100%; padding: 1.0em 0 6.0em 0; clear: both;
		border-top: 1px solid #949391; position: relative;
	}
	
	div#footer a img {
	  	position: absolute; right: 0.5em; width: 16.7em; height: 7.9em;
	    background: url('/www.healthyworkinglives.com/images/footer/healthierscotland.gif') no-repeat top right;
	}
	
	div#footer ul li { 
		list-style: none inside !important; 
		float: left; margin: 0 0.7em 0 0; 
		padding-right: 0.7em; display: block;
		border-right: 1px solid #666666; }
		
	div#footer ul li.lastChild { border: 0; }
		
	#footer a:link, #footer a:visited { color: #666666; text-decoration: none; }
	#footer a:hover, #footer a:active { color: #666666; text-decoration: underline; }
	
	.customimg{float:right; margin-right:-12.25em; margin-top:0.6em; }
	.customimgHWL {float:right; padding-bottom:1.2em; padding-right:0.2em;}