@import url(blankcanvas.css);
@import url(typography.css);
@import url(dataset.css);
@import url(assets.css);
	
/* =access */

	#access { position: absolute; z-index: 100;  }
	
	#access a { 
		display: block; font-weight: bold; border: 0; 
		font-family: "MS Sans-Serif", Sans-Serif; text-align: center; 
		color: #FFFFFF; font-size: 0.7em; width: 180px;
		position: absolute; top: -3em; left: 0px; line-height: 3em;
	}

	#access a:focus, #access a:active { background: #000000; top: 0em; }
	.accessibility { text-indent: -9999px; position: absolute; font-size: 0.01em; }
	
/* =body */

	body { 
		background: url(../../images/body.gif);  
		font-family: Arial, Sans-Serif; position: relative; 
	}
	
/* =identity */

	#identity { 
		top: 50px; position: relative; margin: 0 auto; 
		width: 81em; background: url(../../images/logos/site_identity.png) no-repeat; 
	}
	
	#identity a { display: block; width: 313px; height: 53px; text-indent: -9999px; position: relative; } 
	#identity a span { display: block; width: 340px; height: 15px; background: url(../../images/logos/tagline.png) no-repeat; display: block; margin-top: 19px;  }
	
/* =navigation */

	#banner {
		background: #a18787; margin: 6em 0 2em 0; font-size: 0.9em;
		position: relative; z-index: 120; height: 2.2em;
	}
	
	#navigation { width: 63em; margin: 0 auto; position: relative; }
	#navigation ul li { float: left; }
	
	#navigation a {
		display: block; color: #FFFFFF; text-decoration: none; 
		padding: 0 0.3em 0 0.3em;
	}
	
	#navigation a:hover, #navigation a:focus { background: #9b0000; }
	
/* =primary_navigation */

	#primary_navigation {
		font-weight: bold; text-transform: uppercase; position: absolute; 
		width: 37.5em; border-right: 1px dotted #FFFFFF;
	}
	
	#primary_navigation li { margin: 0 0.2em 0 0;  }
	
	#primary_navigation li a { padding: 0; position: relative; float: left; line-height: 2.2em; }
	
	ul#primary_navigation li a span.bt {
		padding: 0 0.5em 0 0.5em; height: 2em; line-height: 3.3em;
		display: block; padding-bottom: 17px; float: left;
	}
	
	ul#primary_navigation li a span.tp {
		display: block; float: left; cursor: pointer;
	}	

	ul#primary_navigation li.primary_active a,
	ul#primary_navigation li a:hover,
	ul#primary_navigation li a:focus
	{
		background: #9b0000 url(../../images/assets/highlight_left.gif) top left repeat-y; 
	}
	
	ul#primary_navigation li.primary_active a span.bt, 
	ul#primary_navigation li a:hover span.bt,
	ul#primary_navigation li a:focus span.bt
	{		
		background: url(../../images/assets/highlight_bottom.png) bottom left repeat-x;
	}

	ul#primary_navigation li.primary_active a span.tp, 
	ul#primary_navigation li a:hover span.tp,
	ul#primary_navigation li a:focus span.tp
	{
		background:  url(../../images/assets/highlight_top.png) top left repeat-x;
	}
	
	ul#primary_navigation li.primary_active a span.corners,
	ul#primary_navigation li a:hover span.corners,
	ul#primary_navigation li a:focus span.corners
	{
		background: url(../../images/assets/highlight_right.gif) repeat-y; 
		display: block; width: 3px; height: 2.2em; position: absolute; top: 7px; right: 0px;
	}

	ul#primary_navigation li.primary_active a span.tl, 
	ul#primary_navigation li a:hover span.tl,
	ul#primary_navigation li a:focus span.tl
	{
		display: block; height: 7px; width: 7px; display: block; 
		position: absolute; top: 0px; left: 0px;
		background: transparent url(../../images/assets/highlight_tl.png) no-repeat; 
		font-size: 0.00em; line-height: 0.00em;
	}
	
	ul#primary_navigation li.primary_active a span.tr, 
	ul#primary_navigation li a:hover span.tr,
	ul#primary_navigation li a:focus span.tr
	{
		display: block; height: 7px; width: 7px; display: block; 
		position: absolute; top: 0px; right: 0px;
		background: transparent url(../../images/assets/highlight_tr.png) no-repeat; 
		font-size: 0.00em; line-height: 0.00em;
	}
	
	ul#primary_navigation li.primary_active a span.bl, 
	ul#primary_navigation li a:hover span.bl,
	ul#primary_navigation li a:focus span.bl
	{
		display: block; height: 7px; width: 7px; display: block; 
		position: absolute; left: 0px; bottom: 0px;
		background: transparent url(../../images/assets/highlight_bl.png) no-repeat; 
		font-size: 0.00em; line-height: 0.00em;
	}
	
	ul#primary_navigation li.primary_active a span.br, 
	ul#primary_navigation li a:hover span.br,
	ul#primary_navigation li a:focus span.br
	{
		display: block; height: 7px; width: 7px; display: block; 
		position: absolute; right: 0px; bottom: 0px; 
		background: transparent url(../../images/assets/highlight_br.png) no-repeat; 
		font-size: 0.00em; line-height: 0.00em;
	}
	
/* =secondary_navigation */

	#secondary_navigation { float: right; font-size: 0.8em; line-height: 2.7em;  }
	#secondary_navigation li { margin: 0 0 0 0.2em; padding: 0; }
	#secondary_navigation li a { padding: 0 0.6em 0 0.6em; }
	#secondary_navigation li a.secondary_active { background: #9b0000; }

/* =tertiary_navigation */

	#tertiary_navigation {
		font-family: Tahoma, Sans-Serif;
		font-size: 0.8em; width: 11.5em; top: 0;
		position: absolute; left: 0px; z-index: 100;
	}
	
	#tertiary_navigation li { margin: 0 0 7px 0; line-height: 1.3em; }
	#tertiary_navigation a { color: #000000; text-decoration: none; }
	#tertiary_navigation a:hover, #tertiary_navigation a:focus { text-decoration: underline; }
	#tertiary_navigation a.tertiary_active { color: #FF0000; }
	#tertiary_navigation li ul { margin: 0.6em 0 0 0.5em; font-size: 0.9em; }
	#tertiary_navigation li ul li { margin-bottom: 6px; }

/* =content */

	#content { margin: 0 auto; width: 56.4em; position: relative;  }
	#content.core { padding-top: 1em; }

/* =primary_content */

	#primary_content {
		width: 32em; position: relative; z-index: 90; 
		padding: 0 1.8em 1.5em 10.5em; float: left;
	}
	
/* =secondary_content */

	#secondary_content { float: left; width: 11.5em; position: relative; padding-bottom: 1.5em; }

/* =network */

	#network { font-size: 0.70em; z-index: 110; position: absolute; top: 0px; left: 51%; }

	#site_functions {		
		padding: 0 0 39px 0; position: relative;
		background: url(../../images/network_lower.gif) bottom left no-repeat;
	}

	#site_functions ul {
		padding: 0 115px 0px 13px; 
		position: relative; width: 310px;
		background: url(../../images/network_background.gif) repeat-y;
	}
	
	#site_functions ul li {
		display: inline; margin: 0 15px 0 0;
		padding-left: 20px; line-height: 2.6em;
	}
	
	#site_functions a { color: #002c76; text-decoration: none; }
	#site_functions a:hover, #site_functions a:focus, #site_functions a:active { text-decoration: underline; }

	#site_functions li.show { background: url(../../images/icons/show.gif) no-repeat left 0.2em; }
	#site_functions li.help { background: url(../../images/icons/help.gif) no-repeat left 0.2em; }
	#site_functions li.comments { background: url(../../images/icons/comments.gif) no-repeat left 0.2em; margin: 0 0 0 5px; }
	
	#site_functions li.nhs { line-height: 1em; position: absolute; right: 0px; bottom: 0px; }
	
	#site_functions li.nhs a { 
		width: 63px; height: 40px; overflow: hidden;
		position: absolute; right: 13px; bottom: -26px;
	}

	#site_functions li.nhs a span { 
		background: url(../../images/logos/nhs.gif) no-repeat; 
		display: block; width: 63px; height: 40px; position: absolute;
		top: 0; left: 0px;
	}
	
	#associates {
		overflow: hidden; width: 433px; position: relative; top: -15px;
		margin: 0 0 50px 0; height: 64px; position: relative; left: 35px;
	}
	
	#associates li { margin: 0 25px 0 0; float: left; text-indent: -9999px; }
	
	#associates li.sign { background: url(../../images/logos/sign.png) no-repeat; }
	#associates li.sign a { display: block; height: 57px; width: 60px;  }
	
	#associates li.healthier_scotland { background: url(../../images/logos/healthier_scotland.png) no-repeat; }
	#associates li.healthier_scotland a { display: block; height: 57px; width: 105px;  }
	
	#associates li.dundee_university { background: url(../../images/logos/dundee_university.png) no-repeat; }
	#associates li.dundee_university a { display: block; height: 57px; width: 75px; }

/* =site_footer */

	#site_footer {
		background: #E1E1E1 url(../../images/footer_upper.gif) no-repeat top left; 
		clear: both; width: 56.9em; margin: 0 auto 2em auto;  position: relative;
	}
	
	#site_footer ul { 
		background: url(../../images/footer_lower.gif) no-repeat bottom left;  
		overflow: visible; padding-left: 150px;
	}
	
	#site_footer ul li {
		display: inline; margin: 0 10px 0 0;
		font-size: 0.7em; line-height: 2.7em;
	}
	
	#site_footer ul li.top {
		position: absolute; top: -10px; left: 10px; 
		font-size: 0.6em; line-height: 1em;
		display: block; 
	}
	
	#site_footer ul li.top a {
		display: block; width: 122px; height: 46px; 
		position: relative; text-indent: 5px; padding-top: 10px;
	}
	
	#site_footer ul li.top a span {
		background: url(../../images/icons/top.png) no-repeat;
		position: absolute; top: 0px; left: 0px;
		width: 122px; height: 46px; cursor: pointer;
	}