@import url("typography.css");
@import url("block-navigation.css");
@import url("section-navigation.css");
@import url("jumplinks.css");
@import url("static-blocks.css");
@import url("assets.css");
@import url("templates/portal.css");
@import url("templates/gateway.css");
@import url("templates/page.css");
@import url("sections/sections.css");

body {
    margin:0;padding:0;border:0;
    text-align:center;
    color: #333;
    }
.print {
    display: none;
    }
    
.hiddenlabel {
	display: none;
}
  
#subnav { display: none; }
  
img { border: 0; }

a:hover, a:focus { text-decoration: none !important; }

acronym { cursor: help; }

div#container {
  margin:0 auto; padding:0; border:0;
  text-align: left;
  width: 760px;
  }

div#header {
    margin:0;padding:0;border:0;
    height:12em;
    width:100%;
    float:left;
    clear:both;
    background: #0091b8 url(../../images/header.gif) repeat-x scroll top left;
    color: #fff;
	position:relative;
  }

div#header .ir {text-indent:-999em; display:block}
div#header p#logo .ir {background:url(../../images/logo.gif) no-repeat; height:37px; width:165px;}
div#header p#healthier .ir {background:url(../../images/healthier-scotland.gif) no-repeat; width:113px;height:44px}
div#header p#nhs .ir {background:url(../../images/nhs.gif) no-repeat; width:87px;height:85px}
	
div#header p#logo {margin:42px 0 0 1em;}
div#header p#healthier {position:absolute;top:30px;right:90px;margin:0}
div#header p#nhs {position:absolute;top:28px;;right:0;margin:0}

div#header #site-search {position:absolute;left:275px;top:52px;}
div#header #site-search input {font-family:Verdana,sans-serif;height:1.6em;padding:0.2em 0.2em 0.2em 0.4em;vertical-align:top;float:left;width:118px;border:1px solid #838383;line-height:1.6em;background:#fff url(../../images/search-text-bg.gif) no-repeat 0 0; width:190px;}
div#header #site-search fieldset {border:none;margin:0;padding:0}
div#header #site-search .submit {background:#7b7a7a url(../../images/search-bg.gif) repeat-x;border:none;height:22px;width:22px;text-indent:-99em;padding:0;color:#fff}

#searchcontrol { padding: 10px}
.gsc-tabsArea, .gsc-resultsHeader {display:none}

div#content {
  margin:0;padding:0;border:0;
  float:left;
  width:100%;
  clear:both;
  background: #fff;
  color: #333;
  }

div#content div#maincontent {
  margin:0;
  padding:0 0 1.2em 0 !important;
  border:0;
  width:57.5em;
	float:right
  }
div#content.home div#maincontent {
  width:100%;
}

div#content div#navigation {
    margin:10px 0 0 0;padding:0;border:0;
    float:left;
    width:17em;
    }

div#copy {
  padding-bottom:0;
  float:left;
  width:39em; 
  background:#deedfa
}

div#copy a, div#copy a:hover{
	text-decoration:underline;
}

div#content.home div#maincontent div#copy {
  height:51.8em;
  position: relative;

}


div#content.home div#maincontent div#furthercopy {
  padding-bottom:0;
  height:51.8em;
    float:right;
    width:36.5em;
    *width:365px;    
    background-color:#deedfa;
    position:relative;
}

div#content.home div#copy ul {
list-style:none;
margin:0 0.8em;padding:0;
}
div#content.home div#copy ul li {
margin:0 0 0.5em 0;
}
div#content.home div#copy ul li a {
padding: 0.5em 0em 0.5em 2em;
color:#00a4e4;
background:url(http://preview.whitespacers.com/keepwell/images/arrow.gif) 0 4px no-repeat;
}

div#copy p, div#furthercopy p, div#copy table {
    margin: 0 1em 1em 1em;
    line-height: 1.5em;
}
    
div#copy div.titleblock p {
	margin-top:0.4em;
	font-size:1.2em;
}


div#copy p a, div#copy ul a, div#copy table a {
  
  font-weight:bold;
  color: #333;
}
div#copy p a:hover, div#copy ul a:hover {
  
}

div#copy table { background:#fff; border-collapse:collapse; } 
div#copy table tr{ } 
div#copy table td, div#copy table th { border: 1px solid #000;font-size:1.1em;padding:0.3em;line-height:1.5em;vertical-align:top} 

/*AT additions*/

div#copy img.copyfullwidth {
  width:39em;
  *width:38em;
  margin: 0;
  position: absolute;
  bottom: 0px;
}

	    
div#copy p.date {
    margin: 0 2.1em 0 1.1em;
    font-weight:bold;
    font-size:1.0em;
    }
div#copy div.divblock {
  width:100%; overflow:hidden; margin:1em 0
}
div#copy div.divblock div.panel p {
    padding: 0 0 1.3em 0;
    }

div#copy div.areaheader {
  border-top:8px solid #fff;
}


div#copyheader h3, div#copyheader h1  {
    margin: 0 0 0 0;
    line-height: 1em;
    background:#fff;
    font-size:1.3em;
    padding: 0.3em 0 0.3em 11px;
    }

div#copy h1, div#furthercopy h1 {
margin: 0.5em 1em 0em 0.6em;
padding:0;
line-height:1.3em;
}

div#copy h2,
div#copy h3,
div#copy h4
    {
    margin: 0.5em 1em 0.1em 0.9em;
    padding:0;
    line-height:1.3em;
    }

div#copy form p label {
 float:left;
 width:70px;
margin-right:1em;
}

div.storypanel {
border-top:5px solid white;
padding-left:0;
width:100%;
background:#efe4e2;
float:left;
}
div#copy div.storypanel img {
float:left;
margin:0.5em;padding:0;
}
div#copy div.storypanel p {
  margin:0 1em 0.5em 0;
}
div#copy div.storypanel p.storyquote {
  margin-top:0.5em;
margin-bottom:0;
  font-weight:bold;
color:#c87b74;
line-height:1.3em;
}
div#copy div.storypanel p img {
  margin:0 1em 0 0;
  float:left;
}
div#copy div.storypanel p a {
color:#c87b74;
font-weight:bold;
text-decoration:none;
padding-left:2em;
padding-bottom:0.2em;
background:url(http://preview.whitespacers.com/keepwell/images/storyimages/storymore.gif) top left no-repeat;
}
div#copy div.linkpanel {
  border-top:5px solid white;
  padding-left:0;
  width:100%;
  height:138px;
  overflow:hidden;
  float:left;
background:#c5e6b3;
}
div#copy div.linkpanel h2 {
background:transparent;
border:0;
color:#00613a;
margin:0.8em 0 0 0.8em;
font-size:1.1em;
width:50%;
voice-family: "\"}\""; 
voice-family:inherit;
width:auto;
line-height:1.4em;
}
div#copy div.linkpanel img {
float:left;
margin:0 1em 0 0;padding:0;
}
div#copy div.linkpanel img.arrow{
margin:0 0.5em 0 0;padding:0;
}

div#copy div.linkpanel p {
  margin:0 0 0.5em 0.4em;
color:#00613a;
line-height:1.2em;
}
div#copy div.linkpanel p a {
color:#00613a;
font-weight:bold;
text-decoration:none;
padding-left:2em;
padding-bottom:0.4em;
background:url(http://preview.whitespacers.com/keepwell/images/linkimages/link-arrow.gif) top left no-repeat;
}
div#copy div.guidepanel {
  border-top:5px solid white;
  padding-left:0;padding-bottom:0.4em;
  width:100%;
  float:left;
background:#cdd7d5;
}
div#copy div.guidepanel h2 {
background:transparent;
border:0;
color:#274443;
margin:0.8em 0 0 0.8em;
font-size:1.1em;
width:70%;
voice-family: "\"}\""; 
voice-family:inherit;
width:auto;
}
div#copy div.guidepanel img {
float:left;
margin:0 1em 0 0;padding:0;
}

div#copy div.guidepanel p {
  margin:0.5em 0.8em;
color:#274443;
line-height:1.2em;
}
div#copy div.guidepanel p a {
color:#274443;
font-weight:bold;
text-decoration:none;
}
div#copy a.mainlink {
color:#00a4e4;
text-decoration:none;
}
div#copy a.mainlink img {
float:left;margin-left:0;
}
div#maincontent div.tayside {
background:#e9f7f7 !important;
}
div#maincontent div.lothian {
background:#fcf5ed !important;
}
div#maincontent div.lanarkshire {
background:#fbfcec !important;
}
div#maincontent div.glasgow {
background:#faeef2 !important;
}
div#maincontent div.ayrshire {
background:#f0f1f3 !important;
}
div#maincontent div.grampian {
background:#f5f2f9 !important;
}
div#maincontent div.fife {
background:#fcf9fa !important;
}
div#secondarynavigation ul {
list-style:none;
margin:3px 0 0 10px;padding:0;
}
div#secondarynavigation ul li {
display:inline;
/*float:left;*/
margin:0;
padding:0 4px 0 0;
*padding:0 4px 0 4px;
border-right:1px solid #fff;
font-size:0.9em;
}
div#secondarynavigation ul li.last {
  border:0;
}
div#secondarynavigation ul li a {
text-decoration:none;
color:#fff;
}
div#secondarynavigation ul li a:hover, div#secondarynavigation ul li a.active {
color:#a6d4f2;
text-decoration:underline;
}

/* =footer */ 

	div#footer {
	    margin:0 0 1em 0;
	    border:0;
	    width:100%;
	    height:10em;
	    clear:both;
	    padding:0 0 1.0em 0;
		position:relative;
		background: url(http://preview.whitespacers.com/keepwell/images/footer-home.gif) no-repeat;
	    }
	    
	div#footer img.stripe {
		width:75.9em; height:6.8em;
	}
	    
	div#footer img#healthierscotland {
	  position:absolute;
	  bottom:0;right:0;
	  width:10.2em;
	  height:3.9em;
	}
	
	div#footer ul {
	    list-style: none inside !important;
	    margin: 0;padding:0;
	    display: inline;
	    position:absolute;
	    bottom:0;left:0;
	    }
	
	div#footer ul li {
		list-style: none inside !important;
		float: left; display: block;
		margin: 0 1em 0 0;
		padding-right:1em;
		border-right:1px solid #00a4e4;
	}
	    
	div#footer ul li.last {
	border-right:0;
	}
	
	div#container div#footer ul li a {
		color:#00a4e4;
	}
	
	div#container div#footer ul li a:hover {
	  text-decoration:underline;
	}

/* =related */

	div#container div#content div#maincontent div#related div.divblock {
		margin: 0 0 0.5em 0; padding:0; border:0;
		float: right; width: 100%; position: relative;
	}

	div#container div#content div#maincontent div#related div.divblock h3 {
		line-height: 1.2em; font-size: 1em; margin: 0; padding: 0; 
		font-family: verdana,sans-serif; display: block;

	}

	div#container div#content div#maincontent div#related div.divblock a {font-weight: bold; color: #1192DD; background-position: 0.3em 0.5em; background-repeat: no-repeat; display:block}
	body#home div#container div#content div#maincontent div#related div.divblock a {display:inline}
	
	div#container div#content div#maincontent div#related div.divblock p {
		line-height: 1.2em; padding: 0.7em 1em 1.5em 0.7em; margin: 0;
	}
	
	div#container div#content div#maincontent div#related div.secondary { background-color: #cce4b4; }
	div#container div#content div#maincontent div#related div.secondary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/secondary-arrow.gif);
	}
		
	div#container div#content div#maincontent div#related div.tertiary { background-color: #a0c5b6; }
	div#container div#content div#maincontent div#related div.tertiary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/tertiary-arrow.gif);
	}
	
	div#container div#content div#maincontent div#related div.quartenary { background-color: #dbcbac; }
	div#container div#content div#maincontent div#related div.quartenary h3 a { 
		color: #333333;
		background-image: url(http://preview.whitespacers.com/keepwell/images/related/quartenary-arrow.gif);
	}



div#furthercopy ul#homeareas {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0pt;
}


div.divblock form {
    margin: 1.3em;
    clear: both;
    }

div.divblock label {
    clear: both;
    width: 100%;
    margin-top: .5em;
    }

div.divblock input.setwidth, div.divblock select.setwidth {
    clear: both;
    width: 97%;
    margin-top: .5em;
    display: block;
    }

div.divblock input#submit {
    margin: 1.0em 0;
    }

div.divblock form#newsform {
    width: 35.0em;
    }

div.divblock form#newsform label.check {
    float: none;
    clear: both;
    margin-top: .5em;
    }


/* Where */

body#where div#maincontent.gateway div#copy {width:379px;padding:0;background-color:#eaf4fc}
body#where div#maincontent.gateway div#copy .introduction p {margin:0;position:absolute;margin:0.5em;font-weight:bold}

div#navigation li.title, div#navigation li.title em, div#navigation li.title a:hover {background: #eaf4fc url(../../images/nav-bg.gif) repeat-x 0 bottom;font-weight:bold }
#where div#navigation li.title a, #where div#navigation li.title a:hover {background: url(../../images/arrow-black.gif) no-repeat 5px center; padding-left:25px;font-weight:bold}
#where div#navigation li a.selected {background-color:#deedfa}

div#related div.divblock 

div#navigation ul#alt-nav {margin-top:1em}

div#copy.where {
background:#d0d7ea;
}
div#copy.where h1 {
margin:0.8em 0 0 0.8em;
}
div#copy.where h2 {
border:0;
background:none;
margin:1em 0 0 0.8em 
}
div#stories{
	clear:both;
	background-color:#fff !important;
	height:28.5em;
	margin-top:-10px;
	border-top:5px solid #fff;
	
}
div#stories div{
	width:18em;
	height:100%;
	position:relative;
}
div#story-one {
	 background:#b0da8e;
	 float:left;
}

div#story-two {
	background:#95c9ae;
	float:right; 
}

div#story-one img ,div#story-two img{
	width:18em;
	height:14em;
}


div#stories div p.quote{
	margin-top:1.5em;
	color:#333;
	font-family:arial,sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
}
div#stories div h2{
	position:absolute;
	bottom:1em;
	left:0.9em;
}
div#stories div h2 a{
	color:#fff;
	font-size:0.9em;
}
div#stories div h2 a img{
float:left;
margin:0 0.2em 0.5em 0;
vertical-align:middle;
width:1.6em;
height:1.6em;
}

/*sitemap*/

body#sitemap h2 a { color: black; text-decoration: underline !important; }

div#copy ul.sitemap {
    list-style:none !important;
    margin:.6em 0 0.5em 2.6em !important;
    padding:0 !important;
    }

div#copy ul.sitemap li {
    margin:0 !important;
    padding:0 0 0 1.3em !important;
    }
div#copy ul.sitemap li a{
	font-weight:bold;
	text-decoration:underline !important;
}

div#copy ul.sitemap ul {
    list-style:disc !important;
    margin:.5em 0 1.0em 0 !important;
    padding:0 0 0 2.0em !important;
    }

div#copy ul.sitemap ul li {
    margin:0 0 .3em 0 !important;
    padding:0 0 0 1.3em !important;
    }
div#copy ul.sitemap li ul li a{
	font-weight:normal;
}
    
div.storypanel {
	height:auto !important; 
	height:14.8em;
	min-height:14.8em;
	overflow:hidden;
}

/* =cms structure */

	div#content div#maincontent { position: relative; top:10px; left:0}
	div#content div#maincontent div#copyheader { width: 39em; }
	div#content div#maincontent div#copy { padding-top: 0.3em; padding-bottom: 1.5em; height: auto !important; min-height:27em; height: 27em; background:#eaf5fc url(../../../images/storyimages/story-gradient.gif) repeat-x 0 bottom}
	div#content div#maincontent div#related { position: absolute; top: 0; right: 0; margin:0; padding:0; border:0; width:18em; }
	
/* =quotes */
	
	div#copy div.quote p { color:#00a4e4; margin-bottom: 0.2em; }
	div#copy div.quote p em { font-weight: bold; font-style: normal; }

/*related content*/	

body div#related .divblock {background:#d1e9bd url(../../images/related-gradient.gif) 0 bottom  repeat-x}
body div#related div.first,
div#content div#maincontent div#copy div.secondary,
body#stories div#container div#content div#maincontent.page div#copy div.quote {background:#bfe0d1 url(../../images/related-gradient-1.gif) 0 bottom repeat-x}

body div#container div#content div#maincontent div#related div#related-stories {padding-bottom:1em}
body div#container div#content div#maincontent div#related div#related-stories h3 {font-size:1.2em}
body div#container div#content div#maincontent div#related div#related-stories p, 
body div#container div#content div#maincontent div#related div#related-stories h3 {padding:4px}
body div#related-stories .story {border:1px dashed #fff; margin:0 4px;overflow:hidden;padding:4px 0;border-width:1px 0;width:171px}
body div#container div#content div#maincontent div#related div#related-stories .story a {color:#000;font-weight:normal;text-decoration:none}
body div#related-stories div.brian {border:none}
body div#container div#content div#maincontent div#related div#related-stories div.story img {float:left;border:2px solid #fff;margin-right:4px;padding:0 !important}
body div#related-stories .story strong {display:block;font-weight:bold!important;text-decoration:underline}

div#container div#content div#maincontent div#related div#related-stories p {padding:0}

#home div#container div#content div#maincontent div#related h3 {margin:5px;}
#home div#container div#content div#maincontent div#related #related-stories p {margin:1px 5px; padding: 1px 5px;}

body#home div#container div#content div#maincontent div#related div#related-stories {padding:0 ; float:right;width:185px; background: #d1e9bd url(../../images/related-gradient.gif) repeat-x 0 bottom; height:310px;}
body#home div#container div#content div#maincontent div#related div#related-stories h3, body#home div#container div#content div#maincontent div#related div#related-stories p{ padding: 4px 2px;}
body#home div#related-stories .story {border:1px dashed #fff; margin:0 6px;overflow:hidden;padding:4px 0;border-width:1px 0;width:173px}
body#home div#container div#content div#maincontent div#related div#related-stories .story a {display:block;color:#000;float:left;font-weight:normal;text-decoration:none}
body#home div#related-stories div.brian {border:none}
body#home div#related-stories .story img {float:left;border:2px solid #fff;margin-right:4px}
body#home div#related-stories .story strong {display:block;font-weight:bold!important;text-decoration:underline}