@import url("blankcanvas.css");
@import url("base-typography.css");
@import url("base-datasets.css");
@import url("assets.css");

/*
	Site: 976px / 61em
	Gutters: 15px / ~1em
	Content Padding: 10px / 0.625em
	Font sizes: 30px (1.875em), 18px (1.125em), 14px (0.875em), 12px (0.75em)
	Columns:
		Secondary Navigation: 225px
		Primary Content: 705px;
		Main Content: 465px
		Related Content: 225px
		
	Core Palette:
		Assets: #004c6d
		Panels: #00aaad
*/

@media screen {

	/* =immunisation scotland */
	
		body { background-color: #e5edf0;  position: relative; min-width: 976px; margin-top: -85px; }
		
	/* =identity */
	
		div#site-header { 
			overflow: visible;
			position: relative; 
			background-color: #00add9;
			z-index: 110; 
		}
		
		/* =identity */
		
			div#site-header div#identity { 
				display: block;
				padding: 20px 0px 65px 0px;
				position: relative;
				top: 85px; 
				height: auto !important;
				height: 105px;
				min-height: 105px;
			} 
		
			div#site-header div#header-collection { 
				width: 945px;
				margin: 0 auto;
				position: relative;
				overflow: hidden;
			}
			div#site-header div#header-left { width: 400px; block;float: left; }
			div#site-header div#header-right { width: 545px; float: left; text-align:right; padding-top:5px;}
			div#site-header div#identity p#branding { display: block; cursor: pointer; }
			div#site-header div#identity p#branding a { display: block; cursor: pointer; }
			div#site-header div#identity p#branding img { position: relative; cursor: pointer; }
			div#site-header div#identity p#branding-nhshs { display: block; cursor: pointer;  }
			div#site-header div#identity p#branding-nhshs a { cursor: pointer; }
			div#site-header div#identity p#branding-nhshs img { position: relative; cursor: pointer; padding-left:30px; }


/* =primary-navigation */
div#site-nav { 
overflow: visible;
position: relative; 
background-color: #ffffff;
z-index: 110;
}
				
div#site-nav ul#primary-navigation
{
font-size: 1.0em;
color: #ffffff;
background-color: #ffffff;
display: block;
clear: left;
width: 960px;
padding: 0em;
overflow: hidden;
margin: 0 auto;
position: relative;
}
			
div#site-nav ul#primary-navigation li
{
float: left;
display: block;
}
			
div#site-nav ul#primary-navigation li a
{
text-decoration: none;
font-weight: bold;
float: left;
display: block;
position: relative;
color: #FFFFFF; 
width: 192px;
padding:0em;
padding-top:1em;
padding-bottom:1em;
background-position: 0px 64px;
}

div#site-nav ul#primary-navigation li a#nav-home
{
padding-top:1.5em;
padding-bottom:1.5em;
}

div#site-nav ul#primary-navigation li a#nav-why-immunise
{
padding-top:1.5em;
padding-bottom:1.5em;
}
		
div#site-nav ul#primary-navigation li a:active,
div#site-nav ul#primary-navigation li a:focus,
div#site-nav ul#primary-navigation li a:hover
{
text-decoration: underline;
}

div#site-nav ul#primary-navigation li a:hover
{
background-position: 0 0;
}

			
div#site-nav ul#primary-navigation li em,
div#site-nav ul#primary-navigation li a.active
{
color: #00add9;
font-style: normal;
background-color: #FFFFFF;
font-weight: bold;
display: block;
position: relative;
border: 0;
height: auto !important;
height: 1.0em;
min-height: 1em;
background-image: url("/www.immunisationscotland.org.uk/images/layout/primary.gif");
}
			
div#site-nav ul#primary-navigation li a span,
div#site-nav ul#primary-navigation li em span
{
padding-left: 2em;
padding-right: 2em;
display: block;
cursor: pointer;
text-align: center;
}
			
div#site-nav ul#primary-navigation li a#nav-home span
{
}

div#site-nav ul#primary-navigation li a#nav-home.active span
{
}

/* =quicklinks */
		
div#site-header div#identity ul#quicklinks { float: right; text-align: right; overflow: hidden; }

div#site-header div#identity ul#quicklinks li { 
line-height: 1em; color: #FFFFFF; font-size: 0.75em; display: block; float: left;
padding: 0 0.5em 0 0.5em; border-right: 1px solid #FFFFFF; line-height: 1.2em;  }
div#site-header div#identity ul#quicklinks li.last { border: 0; padding-right: 0; }

div#site-header div#identity ul#quicklinks li a { text-decoration: underline; color: #FFFFFF; font-weight: bold }
div#site-header div#identity ul#quicklinks li a:active,
div#site-header div#identity ul#quicklinks li a:focus,
div#site-header div#identity ul#quicklinks li a:hover 
{ text-decoration: none; }
			
		/* =site-search */
		
form#site-search {
padding-top:0.5em;
padding-right:1.0em;
display: block;
width: 297px;
float:right;
clear: right;
text-align: right;
color: #FFFFFF;
}
			
form#site-search label { 
display: block;
float: left;
padding-left: 40px; 
}
			
form#site-search label span { display: none; }

form#site-search label input { 
font-size: 1em;
width: 155px;
display: block; 
height: auto !important;
height: 22px;
min-height: 22px;
line-height:22px;
float: left;
border: solid 1px #ccc;
padding:0;
margin:0;
}
			
form#site-search input.submit {
border: 0;
cursor: pointer;
display: block;
float: left;
padding: 0;
margin: 0;
font-size: 16px;
font-family: Arial,Helvetica, sans-serif;
color: #ffffff;
background-color: #00aaad;
width: 96px;
font-weight: bold;
height: auto !important;
height: 24px;
min-height: 24px;
vertical-align: baseline;
background-image:url(/www.immunisationscotland.org.uk/images/assets/search-button.gif);
background-repeat: no-repeat;
background-position: 0 -24px; 
}


form#site-search input.submit:hover
{
background-position: 0px 0px;
}

		
/* =content */
div#site-content { 
	background-color: #ffffff;
}
		
div#site-content div#content-collection { 
	background-color: #ffffff;
} 
		
div#site-content div#container {
	overflow: hidden;
	width: 976px;
	padding: 0px 0px 15px 30px;
	margin: 0 auto;
}
div#site-content div#container div#primary-content { position: relative; z-index: 20; }
div#site-nav { 
	background-image: url("/www.immunisationscotland.org.uk/images/assets/navigation.gif");
}
div#site-nav ul#primary-navigation li a#nav-home
{
background-image: url("/www.immunisationscotland.org.uk/images/assets/primary-nav-home.gif");
}
div#site-nav ul#primary-navigation li a#nav-why-immunise
{
background-image: url("/www.immunisationscotland.org.uk/images/assets/primary-nav-about.gif");
}
div#site-nav ul#primary-navigation li a#nav-vaccines-and-diseases
{
background-image: url("/www.immunisationscotland.org.uk/images/assets/primary-nav-vaccines.gif");
}
div#site-nav ul#primary-navigation li a#nav-your-questions-answered
{
background-image: url("/www.immunisationscotland.org.uk/images/assets/primary-nav-questions.gif");
}
div#site-nav ul#primary-navigation li a#nav-when-to-immunise
{
background-image: url("/www.immunisationscotland.org.uk/images/assets/primary-nav-timetable.gif");
}



		
		div#site-content div#container div#secondary-navigation {
			 position: relative; display: block; width: 225px; float: left; padding: 49px 15px 0 0;  
		}
		div#site-content div#container div#secondary-navigation ul li { display: block; float: left; width: 100%; }

		div#site-content div#container div#secondary-navigation ul li a, 
		div#site-content div#container div#secondary-navigation ul li em { 
			 color: #00add9; text-decoration: none; font-style: normal;
		 	font-size: 1em;line-height: 1.4em; font-weight: bold; display: block; vertical-align: baseline;
			background-position: -281px 0; background-repeat: no-repeat; background-color: #FFFFFF;
			padding: 0em 1em 0.8em 24px; background-image: url("/www.immunisationscotland.org.uk/images/assets/bullet.gif");
	 	}
	 	
	 	div#site-content div#container div#secondary-navigation ul li a span,
		div#site-content div#container div#secondary-navigation ul li em span
		{ text-decoration: none; } 
		

div#site-content div#container div#secondary-navigation ul li a:active,
		div#site-content div#container div#secondary-navigation ul li a:focus,
		div#site-content div#container div#secondary-navigation ul li a:hover,
		div#site-content div#container div#secondary-navigation ul li a.open,
		div#site-content div#container div#secondary-navigation ul li em
		{ color: #000000; background-position: 0 0;}
		
		div#site-content div#container div#secondary-navigation ul li a:active span,
		div#site-content div#container div#secondary-navigation ul li a:focus span,
		
		div#site-content div#container div#secondary-navigation ul li a.open span,
		div#site-content div#container div#secondary-navigation ul li em span 
		{ text-decoration: none; }

div#site-content div#container div#secondary-navigation ul li a:hover span
{ text-decoration: underline; }

		div#site-content div#container div#secondary-navigation ul li ul { margin-top: -0.5em;margin-bottom: 0.5em; padding: 0 0 0.3em 0; overflow: hidden; width: 100%; }
		div#site-content div#container div#secondary-navigation ul li ul li { background: transparent; padding: 0 0 0 0; }
		div#site-content div#container div#secondary-navigation ul li ul li a,
		div#site-content div#container div#secondary-navigation ul li ul li em { font-weight: bold; background: none !important; padding-bottom: 0.1em; }
		div#site-content div#container div#secondary-navigation ul li ul li ul { padding: 0; }
		div#site-content div#container div#secondary-navigation ul li ul li ul li a,
		div#site-content div#container div#secondary-navigation ul li ul li ul li em 
		{ padding-left: 28px; }
		
		div#site-content div#container div#primary-content { padding-top: 49px; width: 736px; float: left; overflow: hidden; }
		div#site-content div#container div#content-header { width: 705px; }
		div#site-content div#container div#content-main { width: 465px; padding-right:15px; float:left; }
		div#site-content div#container div#content-related { width: 225px; float:left; padding-right:31px; }
		div#site-content div#container div#content-reviewed {background-color:#ffffff; width: 705px; padding-left:240px; clear:both;}
		div#site-content div#container div#content-reviewed div#inner {padding-top:3em;}

		div#site-content div#container div.floatrightnav {text-align:right;}

		
	/* =site-information */
	
		ul#site-information { 
			width: 945px; margin: 0 auto 0 auto; clear: both; display: block;
			padding: 1.8em 31px 2.8em 0; color: #004c6d; position: relative;
		}
		
		ul#site-information li { 
			line-height: 1em; color: #004c6d; font-size: 0.75em; display: block; float: left;
			 padding: 0 0.5em 0 0.5em; border-right: 1px solid #004c6d; }
		ul#site-information li#healthier-scotland { position: absolute; right: 5em; font-size: 1em; top: 0.8em; padding: 0; border: 0; }
		ul#site-information li#healthier-scotland img { width: 7.5em; height: 3em; }
		ul#site-information li#health-scotland { position: absolute; right: 0.75em; font-size: 1em; top: 1em; padding: 0; border: 0; }
		ul#site-information li#health-scotland img { width: 3.25em; height: 3.25em; }
		ul#site-information li.last { border: 0; }
		
		ul#site-information li a { text-decoration: underline; color: #004c6d; font-weight: bold }
		ul#site-information li a:active,
		ul#site-information li a:focus,
		ul#site-information li a:hover 
		{ text-decoration: none; }


		div#site-breadcrumb { z-index: 110; padding-top:1em;position: relative; display: block; clear: left; background-color: #ffffff;  }
		div#youare{ display: block; font-size: 0.875em; font-weight:normal; background-color: #ffffff; margin: 0 auto; width: 960px; overflow: hidden; padding:0; position: relative;}	

		div#site-breadcrumb div#youare ul#breadcrumb { overflow: hidden; display: inline;}
		div#site-breadcrumb div#youare ul#breadcrumb li { float: left; margin: 0; padding-left: 0.5em; padding-top: 1em; padding-bottom: 0.25em;}
		div#site-breadcrumb div#youare ul#breadcrumb li.first { padding-left: 1em; }
		div#site-breadcrumb div#youare ul#breadcrumb li a {text-decoration: none; padding-right: 0.5em; }
		div#site-breadcrumb div#youare ul#breadcrumb li a:hover { text-decoration: underline; }
div#site-breadcrumb div#youare ul#breadcrumb li a
{
	color: #0080A0;
}

div#site-breadcrumb div#youare ul#breadcrumb li a:active,
div#site-breadcrumb div#youare ul#breadcrumb li a:focus,
div#site-breadcrumb div#youare ul#breadcrumb li a:hover,
div#site-breadcrumb div#youare ul#breadcrumb li a:open
{
	color: #000000; 
}

div#site-content div#container div#content-related div.pull-quote { 
		background: #e5ddff; color: #000000; position: relative; width: 100%;
	}
	
	* html div#site-content div#container div#content-related div.pull-quote .tr,
	* html div#site-content div#container div#content-related div.pull-quote .br
	{ right: -1px; }
	
	div#site-content div#container div#content-related div.pull-quote a { color: #000000; text-decoration: underline; }
	div#site-content div#container div#content-related div.pull-quote a:hover,
	div#site-content div#container div#content-related div.pull-quote a:focus,
	div#site-content div#container div#content-related div.pull-quote a:active
	{ text-decoration: none; }
	
	div#site-content div#container div#content-related div.pull-quote p { font-size: 0.75em; font-weight: normal; padding: 7px 15px 12px 15px; line-height: 1.3em; }
		div#site-content div#container div#content-related div.pull-quote h2 { 
		font-size: 1.125em; padding: 10px 0 0 0px; margin: 0 15px 0 15px;
	}
	div#site-content div#container div#content-related div.pull-quote h3 { 
		line-height: 1.3em;font-size:0.8em; padding: 10px 0 0 0px; margin: 0 15px 0 15px;
	}
div#site-content div#container div#content-related div.pull-quote ul
{
font-size:0.75em;
padding: 7px 15px 12px 15px;
}

div#site-content div#container div#content-related div.pull-quote li
{
display: block;
}
div#site-content div#container div#content-related div.pull-quote li a
{
	background-image: url("/www.immunisationscotland.org.uk/images/assets/side-panel-bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0.2em 0em 0.2em 20px;
	display: block;
}


		
}