@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(dataset.css);
@import url(assets.css);
@import url(templates/homepage.css);
@import url(templates/gateway.css);
@import url(templates/section.css);
@import url(templates/page.css);
@import url(templates/stories.css);
@import url(content.css);
	
/* =access */

	#access { position: absolute; z-index: 100;  }
	#access a { 
		display: block; font-weight: bold; border: 0; 
		text-align: center; color: #FFFFFF; font-size: 0.7em; width: 180px;
		position: absolute; top: -30em; 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; }
	.hiddenlabel { display: none; }
	div#tracker { position: absolute; top: -20em; }
	
/* =body */

	body { background-color: #eceff4; position: relative; }
	div#subnav { display: none; }

/* =infoscotland */

	div#infoscotland { background: #7f0b56; }
	div#infoscotland div#network { 
		margin: 0 auto; width: 40em; color: #FFFFFF; 
		overflow: hidden; position: relative; padding-left: 7.5em;
	}
	
	div#infoscotland div#network p { float: left; font-size: 0.7em; margin: 0; padding: 0 0.7em 0 0; line-height: 2.8em; }
	div#infoscotland div#network ul { border-right: 1px solid #cf128c; width: 18.5em; float: left; line-height: 2.8em; font-size: 0.7em; }
	div#infoscotland div#network ul li { display: inline; text-transform: lowercase; }
	div#infoscotland div#network ul li.last-child {
		 position: absolute; left: 0; text-transform: none; 
		 border-right: 1px solid #cf128c; padding-right: 1.1em; top: 0;
	 }
	
	div#infoscotland form#network_search { float: right; width: 25.5em; text-align: right; padding-top: 0.45em; font-size: 0.7em;}
	div#infoscotland form#network_search legend { text-indent: -9999px; position: absolute; font-size: 0.01em; display: none; }
	div#infoscotland form#network_search label { display: none; }
	
	div#infoscotland form#network_search input,
	div#infoscotland form#network_search select
	{ font-size: 0.9em; width: 14em; padding: 0.1em 0 0.1em 0; }
	div#infoscotland form#network_search input { width: 9em; }
	div#infoscotland form#network_search input#submit { width: auto; padding: 0 0.2em 0 0.2em; }

	div#infoscotland div#network a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
	div#infoscotland div#network a:hover,
	div#infoscotland div#network a:active,
	div#infoscotland div#network a:focus
	{ text-decoration: underline; }

/* =identity */

	div#identity { background-color: #cf128c; position: relative; }
	div#identity p#branding { font-size: 1em; display: block; width: 47.5em; padding: 0.3em 0 0.7em 0; margin: 0 auto; position: relative; overflow: hidden; }
	div#identity p#branding img { float: left; }
	div#identity p#branding img#logo { width: 27.375em; height: 5.2em; }
	div#identity p#branding img#tagline { width: 10.375em; height: 5.2em; }
		
/* =primary navigation */

	div#sectionnavigation { 
		margin: 0 auto; width: 47.5em; 
		position: relative; overflow: hidden;
	}
	 
	div#sectionnavigation ul li { display: block; position: relative; float: left; }
	div#sectionnavigation ul li a,
	div#sectionnavigation ul li em
	{
		text-decoration: none; font-weight: bold;
		color: #FFFFFF; display: block; text-align: center;
		background-color: #0e2d6d; height: 1.9em; line-height: 1.9em;
		margin: 0 0.15em 0 0; width: 9.45em;
		background-image: url("/www.fightcervicalcancer.org.uk/images/assets/corners/nav-tl.gif");
		background-repeat: no-repeat; background-position: top left; 
	}
	
	div#sectionnavigation ul li a span
	{
		background-image: url("/www.fightcervicalcancer.org.uk/images/assets/corners/nav-tr.gif");
		background-repeat: no-repeat; background-position: top right; cursor: pointer;
		font-size: 0.75em; width: 100%; height: 2em; display: block;
	}
	
	div#sectionnavigation ul li em span
	{
		background-image: url("/www.fightcervicalcancer.org.uk/images/assets/corners/nav-tr.gif");
		background-repeat: no-repeat; background-position: top right; font-style: normal;
		font-size: 0.75em; width: 100%; height: 2em; display: block;
	}
	
	div#sectionnavigation ul li a:active,
	div#sectionnavigation ul li a:hover,
	div#sectionnavigation ul li a:focus,
	div#sectionnavigation ul li a.active,
	div#sectionnavigation ul li em
	{ background-color: #FFFFFF; color: #0e2d6d; background-image: url("/www.fightcervicalcancer.org.uk/images/assets/corners/nav-tl-a.gif"); }
	
	div#sectionnavigation ul li a:active span,
	div#sectionnavigation ul li a:hover span,
	div#sectionnavigation ul li a:focus span,
	div#sectionnavigation ul li a.active span,
	div#sectionnavigation ul li em span
	{ background-image: url("/www.fightcervicalcancer.org.uk/images/assets/corners/nav-tr-a.gif"); }
	
	div#sectionnavigation ul li #navhome { width: 4.2em; }
	div#sectionnavigation ul li #navcervical-cancer { width: 10.75em; }
	div#sectionnavigation ul li #naveligibility { width: 10.7em;  }
	div#sectionnavigation ul li #navhaving-the-immunisation { width: 11.5em; }
	div#sectionnavigation ul li #navmore-information { width: 9.7em; margin: 0; }

/* =secondary navigation */

	div#navigation { border-top: 1px solid #dadada; }
	div#navigation ul { padding-bottom: 1em; }
	div#navigation ul li {
		padding: 0.4em 0.3em 0.5em 0em; line-height: 1em; display: block;
		border-bottom: 1px solid #dadada; font-weight: bold; 
	}
	
	div#navigation ul li a { font-size: 0.7em; text-decoration: none; }
	div#navigation ul li a:hover,
	div#navigation ul li a:focus,
	div#navigation ul li a:active
	{ text-decoration: underline; }
	
	div#navigation ul li em { color: #0e2d6d; font-style: normal; font-size: 0.7em; }
	div#navigation ul li ul { padding: 0.4em 0 0 0; }
	div#navigation ul li ul li {
		border: 0; padding: 0 0 0.2em 0.7em;
		background: #FFFFFF url(/www.fightcervicalcancer.org.uk/images/assets/pointer.gif) left 0.4em no-repeat;
	 }

/* =content */

	div#container{ background: #FFFFFF; padding: 1em 0 2em 0; }
	div#content { 
		width: 47.5em; margin: 0 auto; position: relative;
		height: auto !Important; height: 64em; min-height: 64em;
	 }
	
/* =primary_content */

	div#primary_content {
		margin: 0 auto; position: relative;
		padding-left: 10em; width: 27.5em; 
		padding-right: 10em;
	}
		
/* =secondary_content */

	div#secondary_content { position: absolute; top: 0; left: 0; width: 9em; }
	
/* =tertiary_content */

	div#tertiary_content { position: absolute; top: 0; right: 0; width: 9em; }
	div#tertiary_content div {
		background-color: #fbecf6; width: 8em; 
		padding: 0.5em; position: relative;
	}
	
/* =footer */

	div#footer { width: 47.5em; margin: 10px auto 0 auto; position: relative; }
	div#footer h2, div#footer h3 { display: none; }
	div#footer p { position: absolute; left: 0; top: 0; font-size: 0.7em; margin: 0; padding: 0; line-height: 1.9em; }
	div#footer ul#tertiary_navigation { display: block; padding-left: 7.1em; }
	
	div#footer ul#tertiary_navigation li { 
		font-size: 0.7em; display: inline; padding-left: 0.7em; 
		border-left: 1px solid #CCCCCC; margin-left: 0.4em;line-height: 1.8em;
	}
	
	div#footer ul#tertiary_navigation li.first-child {
		border-left: 0; padding-left: 0; margin-left: 0;
	}
	
	div#footer ul#tertiary_navigation li.last-child { border: 0; }
	div#footer ul#tertiary_navigation li.last-child a { 
		width: 119px; height: 57px; display: block; position: absolute; right: 0; top: 0;
	}