/*----------------------------------------------------------------------------------------------------------------------------------------------
Basic Stylesheet for NHS West of Scotland Sexual Health (MCN)

version:	1
author:	    stormid
email:	    info@stormid.com
website:	http://www.stormid.com
	 
For pixels(px) Declare the appropriate percentage(%)

Pixels 	    EMs 		Percent Points  
6px 		0.462em 	46.2% 	5pt     
7px 		0.538em 	53.8% 	5pt	    
8px 		0.615em 	61.5% 	6pt      
9px 		0.692em 	69.2% 	7pt      
10px 		0.769em 	77% 	8pt     
11px 		0.846em 	85% 	8pt      	
12px 		0.923em 	93% 	9pt      	
13px 		1em 		100% 	10pt
14px 		1.077em 	108% 	11pt
15px 		1.154em 	116% 	11pt
16px 		1.231em 	123.1% 	12pt
17px 		1.308em 	131% 	13pt
18px 		1.385em 	138.5% 	14pt
19px 		1.462em 	146.5% 	14pt
20px 	    1.538em 	153.9% 	15pt
21px 		1.615em 	161.6% 	16pt
22px 	    1.692em 	167% 	17pt
23px 	    1.769em 	174% 	17pt
24px 	    1.846em 	182% 	18pt 
				
For custom font sizes see http://pxtoem.com/ and use the 100% setting as body size.
				
Skin Style Sheet Notes end 
---------------------------------------------------------------------------------------------------------------------------------------------*/
body{
	background:#F8F1F8 url(../images/common/mcn-bg-body.jpg) repeat-x left top;
    }

/* Basic Positional Holders Starts */

.container_12 {
    margin: 0;
	padding: 0;
	}

.hd.print {
	/* hides inline logo for print.css use*/
	display:none;
    }
    

a{
    position: relative;
    z-index: 99999;
    }

/* =Generic
----------------------------------------------------------------------------------------------------------------------------------------------*/
#print-logo{display: none;}

a.skiplink{display: none;}
.np li, .ns li, .nt li, .nb li, .ft li, .tools li  {
	/*giving navigation ul li's no margins and removing disc markers*/
	margin:0 0 0 0;
	list-style-type:none;
	}

/* Basic Link Styles Start */
a:link{
	/* visited link */
	/*color: #000;*/
	position: relative;
    z-index: 99999;
	}
	

a:visited {
	/* visited link */
	/*color: #000;*/
	position: relative;
    z-index: 99999;
	}
	
a:active {
	/* visited link */
	/*color: #000;*/
	position: relative;
    z-index: 99999;
	}

a:hover {
	 /* mouse over link */
	/*color: #CCC;&*/
	text-decoration: underline;
	position: relative;
    z-index: 99999;
	}

h1 {
	/*22px equivalent*/
	font-size:167%;
	color:#000;
	font-family: Verdana, Sans-Serif;
	}

h2 {
	/*18px equivalent*/
	font-size:138.5%; 
	font-family: Verdana, Sans-Serif;
	}

h3 {
	/*14px  equivalent*/
	font-size:108%;  
	font-family: Verdana, Sans-Serif;
	}

h4 {
	/*11px  equivalent*/
	font-size:85%; 
	background-color: #DDDDDD;
	padding:5px;
	color:#000;
	font-family: Verdana, Sans-Serif;
	}
	
strong {
	/*bringing boldness back to the strong element*/
	font-weight:bold;
	}

p {
    /* Sets equilant of 12px */
	font-size:93%;
    line-height:160%;
    color:#333333;
    margin-bottom:1.5em;
	}
	
p a{color:#994C9F; text-decoration: underline;}
p a:hover{text-decoration: none;}

abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
	} 
	
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	}

strong, b {
	/*bringing bold back to the strong and b elements*/
	font-style:italic;
	}

.blockquote, ul, ol, dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
	}

ol, ul, dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
	}
	
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	margin:4px 0;	
	}

ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	margin:4px 0;	
	}

blockquote {
	/*callout text holder default styling*/
	background: url(../images/common/mcn-bg-blockquote.jpg) repeat-x left top;
	border-bottom:1px solid #9A4D9F;
	border-top:10px solid #9A4D9F;
	display:block;
	float:left;
	margin:5px 20px 20px 0;
	padding:10px 0;
	width:220px;
	display:block;
	}

blockquote  p {
	/*callout text default styling*/
	color:#333333;
	display:block;
	float:left;
	font-size:130%;
	line-height:140%;
	margin:0 15px 5px;
	padding:0 !important;
	}

.annotation {
	display:block;
	padding:10px;
	font-size:93%;
	color:#999;
	background-color:#ededed;
	margin:0 0 10px 0;
	border-bottom:1px solid #ddd;
	}


/* =Wrapper
----------------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	}

/* = Header
----------------------------------------------------------------------------------------------------------------------------------------------*/

.hd {
	margin: 0;
	padding: 0;
	background: url(../images/common/mcn-bg-header.png) no-repeat left top;
	height: 244px;
	/*position: relative;*/
	}
	
.hd h1{
	color:#FFFFFF;
	font-size:0;
	width:454px;
	height:84px;
	left:180px;
	padding:0;
	position:absolute;
	top:18px;
	}
	
.hd h1 span {
	background:transparent url(../images/common/mcn-logo.png) no-repeat left top;
	color:#9CD5F5;
	cursor:pointer;
	width:454px;
	height:84px;
    position:absolute;
	}
	
.hd h1 a
{
    color: #ffffff;
    width:454px;
	height:84px;
	display: block;
    }
	
/*  main nav */
.np { /* Navigate Primary*/ 
    float:left;
	display: inline;
    padding:0;
    margin:165px 0 0 10PX;
	width: 940px;
	height: 56px;
	background:url(../images/common/mcn-bg-main-nav.png) no-repeat left top;
	font-family: Verdana, Sans-Serif;
  }
.np ul {
    margin:8px 0 0 10px;
    padding:0;
    list-style:none;
	height: 37px;
	}
	
.np ul a {
	background:transparent url(../images/navigation/mcn-mainNavBorder.png) no-repeat left top;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:93%;
	font-weight: bold;
	line-height:37px;
	padding:0 20px;
	text-decoration:none;
	position: relative;
	}
	
.np ul a:hover{text-decoration: underline;}
	
.np ul .first a,
.np ul .item1 a {
	background:none;
	}
	
.np ul li{
    margin:0;
    padding:0;
    float: left;
	}
	
/* hide the double home btn*/
.np ul li.item0{display: none;}
	
.np ul li.selected a{color: #000000; text-decoration: underline;}
	
/* = Breadcrumb
----------------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb { /* Navigation Breadcrumb*/
    font-size:85%;
    color:#333333;
    margin:0;
	padding: 0;
	}

.breadcrumb ul {
    margin:0 0 0 20px;
    padding:0;
    float:left; 
    font-family: Verdana, Sans-Serif;
	}
	
.breadcrumb ul li.first{
    margin:0;
    padding:0;
	}
	
.breadcrumb ul li{
    display:inline;
    float:left;
    margin:0;
    padding:0 0 0 5px;
	}

.breadcrumb ul li a{
	color:#333333;
	text-decoration: underline;
	background:transparent url(../images/navigation/mcn-bg-nbc-li.png) no-repeat scroll right center;
	margin:0 0 0 0;
	padding:0 10px 0 0;
	}
	
.breadcrumb ul li.selected{padding-left: 0;}
	
.breadcrumb ul li.last{padding-left: 10px;}
	
.breadcrumb ul li a:hover{text-decoration: none;}

/* =sub nav
----------------------------------------------------------------------------------------------------------------------------------------------*/
#sub-nav{
    margin:0 0 0 10px;
    padding:0;
   /* background-image:url(../images/navigation/nav-top.png);
	background-repeat: no-repeat;
    background-position:top left;*/
    }
    
#sub-nav ul{
    margin: 0;
    padding:0;
   /* background-image:url(../images/navigation/nav-top.png);
    background-position:left top;
    background-repeat:no-repeat;*/
    border-top: 10px solid #994C9F;
    border-bottom: 5px solid #994C9F;
    }
    
#sub-nav ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
#sub-nav ul li a{
    color:#000000;
    display:block;
    font-size:93%;
    height:24px;
    text-decoration:none;
    background-image:url(../images/navigation/bg-ns.jpg);
    background-position:0 0;
    background-repeat:repeat-x;
    color:#000000;
    padding:8px 0 0 10px;
    border-bottom: 1px solid #ffffff;
    }
    
#sub-nav ul li a:hover{
    color: #ffffff;
	background-image:url(../images/navigation/bg-ns.jpg);
	background-repeat: repeat-x;
    background-position:0 -32px;
    padding: 8px 0 0 10px;
	text-decoration:none;
    }
    
#sub-nav ul li.selected a{
    color: #ffffff;
    background-color: Transparent;
	background-image:url(../images/navigation/bg-ns.jpg);
	background-repeat: repeat-x;
    background-position:0 -32px;
    padding: 8px 0 0 10px;
	text-decoration:none;
    }

    
/* = Main body of content - 2 cols
----------------------------------------------------------------------------------------------------------------------------------------------*/

	
/* = Main body of content
----------------------------------------------------------------------------------------------------------------------------------------------*/

.bd {
	margin: 0;
	padding: 0;
	background:url(../images/common/mcn-bg-body.png) repeat-y left top;
	/*position: relative;*/
	}
	
/* = Main content
----------------------------------------------------------------------------------------------------------------------------------------------*/
.main-content{margin: -20px 0 -20px 10px; padding: 0; z-index: 9999; position: relative;}

.top-line{
	height: 37px; 
	width: 920px; 
	margin: 0 0 0 20px;
	background:url(../images/common/mcn-bg-body-top.jpg) repeat-x left top;
	}

.bottom-line{
	background-color: red; 
	height: 37px; 
	width: 920px; 
	margin: 0 0 0 20px;
	background:url(../images/common/mcn-bg-body-bottom.jpg) repeat-x left top;
	}

/* 1 col main content*/
.main-content .one-col{
	padding: 0;
	margin: 0 10px 0 10px;
	}

/*  left side main content */
.main-content .left{
	/*background-color:red;*/
	margin:0 0 0 10px;
	padding:0;
	/*width:610px;*/
	}
	
.main-content .left h2,
.main-content .one-col h2,
.main-content .left h1,
.main-content .one-col h1,
.main-content h1,
.grid_6 h1,
.grid_6 h2{
	color: #994C9F; 
	margin-bottom: 5px;
	clear: both;
	}


.main-content .left ul,
.main-content .one-col ul{
	color: #994C9F; 
	margin:10px 0 20px 20px;
	}

.main-content .left ul li,
.main-content .one-col ul li{
	color: #333333; 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:disc; 
	margin:4px 0;
	}

.main-content .left ul li a,
.main-content .one-col ul li a{
	color: #994C9F; 
	text-decoration: underline;
	}

.main-content .left ul li a:hover,
.main-content .one-col ul li a:hover{
	color: #994C9F; 
	text-decoration: none;
	}
/* main content box*/
.box{
	width: 290px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.box h3{
	background:url(../images/common/mcn-box-h3-back.jpg) repeat-x left top;
	height: 39px;
	line-height: 34px;
	color: #994C9F;
	padding: 0 0 0 10px;
	font-weight:normal;
	}
	
.box  .content{ 
	/*border:1px solid #994C9F;
	border-width:1px 1px 0 1px;*/
	background:url(../images/common/mcn-box-home-repeat.jpg) repeat-y left top;
	width: 290px;
	}
	
.box  .content p{
	line-height:130%;
	margin:30px 0 20px 0;
	}
	
.box .content a{
	font-size: 85%;
	color:#994C9F;
	font-weight: bold;
	background:url(../images/common/mcn-arrow-purple.jpg) no-repeat right center;
	padding: 2px 17px 2px 0;
	margin: 0;
	text-decoration: underline;
	/*zoom: 1;*/
	}
	
.box .content a:hover{text-decoration: none;}
	
.box  .content .left-content{
	width: 149px;
	float: left;
	margin:0 0 0 2px;
	padding: 0;
	}	
	
.box  .content .right-content{
	width: 131px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.box .bottom{
	background:url(../images/common/mcn-box-home-bottom.jpg) no-repeat left top;
	height: 8px;
	color: #994C9F;
	}
	
.topleft{
	margin: 0 20px 10px 0; 
	}	
	
.topright{
	margin: 0 0 10px 0; 
	}
	
.bottomleft{
	margin: 0 20px 0 0; 
	}

.bottomright{
	margin:0; 
	}	

/* right side main content */
.right{
	width: 290px; 
	margin: 0; 
	padding: 0;  
	/*background-color: green;*/
	}
	
.right .nuggets{
	margin: 0;
	padding: 0;
	}
	
.right .nuggets img{
	margin: 0 0 20px 0;
	}

.nugget{
	margin: 0;
	padding: 0;
	}
	
.nugget img{
	margin: 0 0 20px 0;
	}

/* = Footer
----------------------------------------------------------------------------------------------------------------------------------------------*/

.ft {
	margin: 0;
	padding: 0;
	background:url(../images/common/mcn-bg-footer.png) no-repeat left top;
	height: 106px;
	/*zoom: 1;*/
	/*position: relative;*/
	font-family: Verdana, Sans-Serif;
	}
	

.ft p {
    font-size:85%;
    color:#333333;
    margin:0;
    padding:15px 0 0 10px;
	float: left;
	width: 370px;
	}

.ft ul {
    margin:15px 10px 0 0;
    padding:0;
    float:right; 
	}
	
.ft ul li{
    display:inline;
    float:left;
    margin:0 0 0 15px;
    padding:0;
    height:75px;
	width: 75px;
	}
	
.ft ul li.ayrshire{background:url(../images/common/mcn-logo-nhs-ayrshire.jpg) no-repeat left top;}
.ft ul li.dumfries{background:url(../images/common/mcn-logo-nhs-dumfries-gall.jpg) no-repeat left top;}
.ft ul li.forth{background:url(../images/common/mcn-logo-nhs-forthvalley.jpg) no-repeat left top;}
.ft ul li.glasgow{background:url(../images/common/mcn-logo-nhs-greater-glasgow.jpg) no-repeat left top;}
.ft ul li.lanarkshire{background:url(../images/common/mcn-logo-nhs-lanarkshire.jpg) no-repeat left top;}

.ft ul li a{
    margin:0;
    padding:0;
	height:75px;
	width: 75px;
	display: block;
	}

/* = Search box
----------------------------------------------------------------------------------------------------------------------------------------------*/

.srch {
	margin:40px 0 0 0;
	width:auto;
	}

.srch .textfield {
	padding:5px 10px;
	width:200px;
	}

.srch .button{
	padding:5px 10px;
	}

/* = Logo
----------------------------------------------------------------------------------------------------------------------------------------------*/
.logo a{
	margin:0;
	position:relative;
	width:200px;
	height:100px;
	font-size:77%;
	display:block;
	text-decoration:none;
	}

.logo a span {
	background: url(../images/branding/mcn-bg-logo.png) no-repeat left top;
	display:block;
	height:100%;
	position:absolute;
	width:100%;
	}
	
	
/* = Lister
----------------------------------------------------------------------------------------------------------------------------------------------*/
.lister{margin: 20px 0 0 0; padding: 0;}

.lister ul.items,.grid_6 ul, .grid_9 ul{margin: 0; padding: 0;}

.lister ul.items li, .grid_6 ul li, .grid_9 ul li{
    list-style: none; 
    background-image: url(../images/common/underline-grey.gif); 
    background-position: bottom left; 
    background-repeat: repeat-x; 
    /*border-bottom: 1px dotted #ccc;*/ 
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    }
    
.lister ul.items li a, .grid_6 ul li a, .grid_9 ul li a{color:#994C9F; text-decoration: underline;}

.lister ul.items li a:hover, .grid_6 ul li a:hover, .grid_9 ul li a:hover{text-decoration: none;}

.lister ul.items li h3, .grid_6 ul li h2, .grid_9 ul li h2{padding: 0 0 5px 0; margin: 0;}

.lister ul.items li h3 a, .grid_6 ul li h2 a, .grid_9 ul li h2 a{color:#994C9F; text-decoration: underline;}

.lister ul.items li h3 a:hover, .grid_6 ul li h2 a:hover, .grid_9 ul li h2 a:hover{text-decoration: none;}

.lister ul.items li span, .grid_6 ul li span, .grid_9 ul li span{font-size: 93%; font-weight: bold; margin:10px 0 10px 0; padding: 0; display:block;}

.lister ul.items li span img{border: 1px solid red;}

.lister ul.items li p, .grid_6 ul li p, .grid_9 ul li p{margin: 5px 0 10px 0;}