/* 
Project: General Pharmaceutical Council
Filename: screen.css
Date: May 2009 - last updated 23-07-09

*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    	height: 100%;  
	font-size: 62.5%;	
	color: #322719;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	background: #D9D5C9 url("../images/body-bg.jpg") repeat-x 0 0;
    }


body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}


#skip {
	position: absolute;
	left: -10000px;
	}

	
.hide {
	display: none;
	}
	
	
.image-full{
	float: right;
	margin: 0 0 10px 0;
}	
	

.image-right{
	float: right;
	margin: 8px 0 3px 10px;
}


.image-left{
	float: left;
	margin: 8px 10px 3px 0;
}
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/*------ wrap ------*/


#wrap {
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width: 975px;
	text-align: left;
}


/*------ tools ------*/


#tools{
	float: right;
	margin-right: 32px;
	font-size: 1.2em;
	background: #F2F0EB url("../images/tools-left-bg.gif") no-repeat bottom left;
}

* html #tools{
	margin-right: 16px;
}


#tools ul{
	float: left;
	background: url("../images/tools-right-bg.gif") no-repeat bottom right;
}


#tools li{
	float: left;
	padding: 10px;
	background: url("../images/tools-divider.gif") no-repeat bottom right;
}


#tools .small{
	font-size: 0.8em;
}


#tools .medium{
	font-size: 1.0em;
}


#tools .large{
	font-size: 1.2em;
}

#tools a{
	color: #3b124f;
	text-decoration: none;
}


#tools a:hover{
	text-decoration: underline;
}


#tools .search{
	width: 190px;
	margin: 0;
	padding: 8px 10px 0 10px;
}


#tools label{
	position: absolute;
	left: -10000px;
}


#tools #ucSearchBox_txtSearch{
	float: left;
	width: 108px;
	height: 1.1em;
	margin: 0 3px 0 0;
	padding: 1px 1px 2px 1px;
	border: 1px solid #fff;
}


#tools .submit{
	float: right;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
	width: 70px;
	background: url("../images/search-btn-top.gif") no-repeat 0 0;
	border: none;
	font-size: 1em;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


#tools .submit:hover{
	background: url("../images/search-btn-top.gif") no-repeat -70px 0;
}


#tools span{
	float: right;
	width: 70px;
	text-align: center;
	margin: 0 0 0 0;
	background: #B4ADA5 url("../images/search-btn-bottom.gif") no-repeat bottom left;
}


#tools span:hover{	
	background: #8C8175 url("../images/search-btn-bottom.gif") no-repeat -70px 100%;
}


/*------ logo ------*/


#logo{
	float: left;
	background: url("../images/logo-GPC.gif") no-repeat 0 0;
}


#logo a{
	display: block;
	width: 172px;
	height: 115px;
	text-indent: -9999px;
}



/*------ strapline ------*/


#strapline{
	clear: right;
	float: right;	
	width: 500px;
	margin: 20px 32px 20px 0;	
	color: #22749e;
	font-size: 1.9em;
}

* html #strapline{
	margin: 20px 16px 20px 0;
}


#strapline h2{
	float: right;
	padding: 0;
	margin: 0;
	height: 38px;
	line-height: 38px;	
	background: #F3F1ED url("../images/strapline-bg-right.gif") no-repeat top right;	
}


#strapline h2 strong{
	display: block;
	padding: 0 15px;
	background: url("../images/strapline-bg-left.gif") no-repeat top left;
}


/*------ main-nav ------*/


#main-nav{
	float: left;
	width: 975px;
	background: url("../images/navigation-bg.jpg") no-repeat bottom left;
}


* html #main-nav{
	background: url("../images/navigation-bg-ie6.jpg") no-repeat bottom left;
}


#main-nav ul{
	float: left;
	width: 910px;
	margin: 0 33px;
	font-size: 1.2em;

}


* html #main-nav ul{
	margin: 0 16px;
}


#main-nav li{
	float: left;
	padding-right: 1px;
	background: url("../images/nav-divider.gif") no-repeat bottom right;
}


#main-nav li.last{
	padding-right: 0px;
	background: #22749E url("../images/nav-item-bg.jpg") no-repeat 0 0;
}


#main-nav li a{
	float: left;
	color: #fff;
	height: 20px;
	padding: 10px 11px 10px 11px;
	text-decoration: none;
	background: #22749E url("../images/nav-item-bg.jpg") no-repeat 0 0;
}


#main-nav li a:hover,
#main-nav li a.here{
	background: #22749E url("../images/nav-item-bg.jpg") no-repeat -300px 0;
}


#main-nav li.last a{
	padding: 10px 12px 10px 11px;
	background: #22749E url("../images/nav-last-bg.jpg") no-repeat 100% 0;
}


#main-nav li.last a:hover,
#main-nav li.last a.here{
	background: #22749E url("../images/nav-last-bg.jpg") no-repeat 100% -40px;
}


#main-nav li.first a{
	padding: 10px 11px 10px 12px;
	background: #22749E url("../images/nav-first-bg.jpg") no-repeat 0 0;
}


#main-nav li.first a:hover,
#main-nav li.first a.here{
	background: #22749E url("../images/nav-first-bg.jpg") no-repeat -300px 0;
}



/*------ content ------*/


#content{
	float: left;
	width: 910px;
	padding: 0 32px 0 33px;
	background: url("../images/content-bg.png") repeat-y 0 0;
}

* html #content{
	background: url("../images/content-bg.gif") repeat-y 0 0;
}


#content.fullwidth{
	padding-top: 20px;
	padding-bottom: 20px;
	background: url("../images/content-bg2.png") repeat-y 0 0;
}


* html #content.fullwidth{
	background: url("../images/content-bg2.gif") repeat-y 0 0;
}


/*------ main ------*/


#main{
	float: left;
	width: 645px;
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
}



/*------ home-box ------*/


#home-box{
	float: left;
	position: relative;
	width: 627px;
	background: #ECEAE4 url("../images/home-box-bottom.gif") no-repeat bottom left;
	border-bottom: 15px solid #fff;
}


#home-box .gutter{
	float: left;
	width: 627px;
	background: url("../images/home-box-top.gif") no-repeat top left;
}


#home-box ul{
	float: left;
	width: 213px;
	padding: 5px 0 5px 5px;
}


#home-box ul li{
	background: #fff url("../images/home-box-li-top-bg.gif") no-repeat top left;
	border-bottom: 1px solid #ECEAE4;
}


#home-box ul li a{
	display: block;
	padding: 12px 5px 11px 10px;
	font-size: 1.4em;
	font-weight: bold;
	color: #22749e;
	text-decoration: none;
	background: url("../images/home-box-li-bottom-bg.gif") no-repeat bottom left;
}


* html #home-box ul li a{
	padding: 12px 2px 11px 8px;
}


#home-box ul li a:hover{
	color: #c31f13;
}


#home-box p{
	left: 218px; 
	position: absolute;
	width: 409px;
	height: 100%;
	background: #fff no-repeat 0 0;
}


#home-box p .text{
	float: right;
	position: relative;
	width: 409px;
	height: 100%;
	background: url("../images/home-box-right-top.png") no-repeat top right;
}


* html #home-box p .text{
	background: url("../images/home-box-right-top.gif") no-repeat top right;
}

#home-box p .text strong{
	float: right;
	position: relative;
	width: 409px;
	height: 100%;
	background: url("../images/home-box-right-bottom.png") no-repeat bottom right;
}


* html #home-box p .text strong{
	height: 178px;
	margin-right: -1px;
	background: url("../images/home-box-right-bottom.gif") no-repeat bottom right;
}


#home-box p .text strong em{
	position: absolute;
	float: right;
	bottom: 0;
	right: 0;
	padding: 7px 10px;
	width: 385px;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #c31f13;
	text-align: right;
	background: url('../images/transparent60.png') 0 0;
}





/*------ #subnav ------*/

#sub-nav{
	float: left;
	width: 200px;
}



#sub-nav .about-gphc{
	width: 200px;
	border-bottom: 1px solid #fff;
}

#sub-nav .about-gphc a{
	display: block;
	width: 182px;
	padding: 7px 9px;
	color: #1a658b;
	text-decoration: none;
	font-size: 1.2em;
	background: #F2F4F3;
}


#sub-nav .about-gphc a:hover,
#sub-nav .about-gphc a.here{
	background: #AAC7D4;
	color: #fff;
	font-weight: bold;
}


#sub-nav .about-gphc a.here-parent{
	font-weight: bold;
}


#sub-nav .navigation ul{	
	border-bottom: 1px solid #E8AF17;
}


#sub-nav .navigation li{
	width: 200px;
	border-bottom: 1px solid #fff;
}


#sub-nav .navigation li a{
	display: block;
	width: 166px;
	padding: 7px 9px 7px 25px;
	color: #1a658b;
	text-decoration: none;
	font-size: 1.2em;
	background: #F2F4F3 url("../images/sub-nav-bullet.gif") no-repeat 15px 13px;
}


#sub-nav .navigation li a:hover,
#sub-nav .navigation li a.here{
	background: #AAC7D4 url("../images/sub-nav-bullet.gif") no-repeat 15px 13px;
	color: #fff;
	font-weight: bold;
	width: 170px;	
	padding: 7px 5px 7px 25px;	
}


#sub-nav .navigation li a.here-parent{
	color: #1a658b;
	font-weight: bold;
	width: 170px;	
	padding: 7px 5px 7px 25px;	
}


#sub-nav .navigation li ul{
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}


#sub-nav .navigation li ul li{
	border-top: 1px solid #fff;
	border-bottom: none;
	width: 188px;
	margin: 0 0 0 14px;
}


#sub-nav .navigation li ul li a{
	display: block;
	width: 152px;
	padding: 7px 9px 7px 25px;
	color: #1a658b;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: normal;
	background: #fff url("../images/sub-nav-bullet2.gif") no-repeat 15px 13px;
}


#sub-nav .navigation li ul li a:hover,
#sub-nav .navigation li ul li a.here{
	color: #fff;
	background: #AAC7D4 url("../images/sub-nav-bullet.gif") no-repeat 15px 13px;
	width: 157px;	
	padding: 7px 6px 7px 23px;	
}


/*-- #sub-nav .feature --*/



#sub-nav .feature{
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #EBE7ED url("../images/feature-small-bottom-bg.gif") no-repeat bottom left;
}


#sub-nav .alert{
	background-color: #F2F0EB;
}


#sub-nav .feature .title{
	float: left;
	width: 148px;
	font-size: 1.5em;
	color: #3b124f;
	padding: 12px 50px 9px 10px;
	background: url("../images/feature-small-top-bg.gif") no-repeat top left;
}

* html #sub-nav .feature .title{
	width: 140px;
}


#sub-nav .alert .title{
	color: #22749e;
	font-style: italic;
}


#sub-nav .feature p{
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px 10px 5px 10px;
}


#sub-nav .alert p{
	color: #22749e;
}


#sub-nav .feature .read-more a{
	float: right;
	text-align: center;
	width: 77px;
	margin: 0 0 0 0;
	padding: 3px 0px 0 0px;
	text-decoration: none;
	cursor: pointer;
	background: #3B124F url("../images/read-more-btn-top.gif") no-repeat 0 0;
}


#sub-nav .feature .read-more a:hover{
	background: #2A093A url("../images/read-more-btn-top.gif") no-repeat -77px 0;
}


#sub-nav .feature .read-more a span{
	display: block;
	width: 71px;
	padding: 0 3px 3px 3px;
	color: #fff;
	background: url("../images/read-more-btn-bottom.gif") no-repeat bottom left;
}


#sub-nav .feature .read-more a:hover span{
	background: url("../images/read-more-btn-bottom.gif") no-repeat -77px 100%;
}

	
/*-- #sub-nav .rps-link --*/


#sub-nav .rps-link{
	float: left;
	width: 200px;
	margin-top: 70px;
}


#sub-nav .rps-link h4{
	width: 200px;
	height: 53px;
	margin: 0 0 12px 0;
	text-indent: -9999px;
	background: url("../images/logo-rps.gif") no-repeat 0 0;
}


#sub-nav .rps-link p{
	color: #22749E;
	text-decoration: none;
	font-size: 1.1em;
}



#sub-nav .rps-link p a{
	float: left;
	width: 65px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background: #22749E url("../images/visit-btn-top.gif") no-repeat 0 0;
}


#sub-nav .rps-link p a:hover{
	background: #185B7D url("../images/visit-btn-top.gif") no-repeat -65px 0;
}


#sub-nav .rps-link p a span{
	float: left;
	width: 59px;
	padding: 3px 3px;
	background: url("../images/visit-btn-bottom.gif") no-repeat 0 100%;
}


#sub-nav .rps-link p a:hover span{
	background: url("../images/visit-btn-bottom.gif") no-repeat -65px 100%;
}


/*------ #page-content ------*/

#page-content{
	float: right;
	width: 395px;
	margin-right: 18px;
}


* html #page-content{
	margin-right: 9px;
}



#page-content h1,
#content.fullwidth h1{
	font-size: 2em;
	color: #22749e;
	padding-bottom: 15px;
}


#page-content h2{
	font-size: 1.5em;
	color: #22749e;
	padding: 8px 0;
}


#page-content h3{
	font-size: 1.3em;
	color: #22749e;
	padding: 8px 0;
}


#page-content p{
	font-size: 1.2em;
	padding-bottom: 8px;
	}


#page-content ul{
	font-size: 1.2em;
	padding-bottom: 8px;
	}



#page-content ol{
	font-size: 1.2em;
	padding-bottom: 8px;
	margin-left: 20px;
	}


#page-content li{
	margin-bottom: 4px;
}


#page-content ul li{
	padding-left: 15px;
	background: url("../images/bullet.gif") no-repeat 0 6px;
}


#page-content a:link{
	color: #3b124f;
	text-decoration: underline;
}


#page-content a:visited{
	color: #777;
	text-decoration: underline;
}


#page-content a:active{
	color: #3b124f;
	text-decoration: underline;
}


#page-content a:hover{
	color: #3b124f;
	text-decoration: none;
}






/*------ .inline-form ------*/


.inline-form{
	float: left;
	width: 395px;
	padding: 10px 0;
}
	

.inline-form p{
	float: left;
	width: 395px;
}


.inline-form p em{
	color: #c31f13;
}


.inline-form p label{
	float: left;
	width: 145px;
	text-align: right;
	color: #22749e;
	font-size: 1.1em;
}


.inline-form p input{
	float: right;
	width: 234px;
	padding: 2px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.inline-form p select{
	float: right;
	width: 240px;
	padding: 2px 0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.inline-form p textarea{
	float: right;
	width: 234px;
	padding: 2px;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.inline-form p.form-right{
	text-align: right;
}


.inline-form p.form-right label{
	float: right;
	width: 395px;
	font-size: 1em;
}


.inline-form p.form-right label input{
	float: none;
	width: auto;
	margin-left: 5px;
}



.inline-form .submit{
	float: right;
	vertical-align: top;
	margin: 0px 0 0 0;
	width: 70px;
	text-align: center;
	padding: 0 0 0 0;
	background: url("../images/search-btn-top.gif") no-repeat 0 0;
	border: none;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.inline-form .submit:hover{
	background: url("../images/search-btn-top.gif") no-repeat -70px 0;
}


.inline-form .button span{
	float: right;
	width: 70px;
	margin-top: 10px;
	text-align: center;
	background: #B4ADA5 url("../images/search-btn-bottom.gif") no-repeat bottom left;
}

.inline-form .button span:hover{
	background: #8C8175 url("../images/search-btn-bottom.gif") no-repeat -70px 100%;
}



/*------ .poll ------*/



.poll{
	float: left;
	width: 394px;
	margin-bottom: 20px;
	background: #F2F0EB url("../images/poll-bottom-bg.gif") no-repeat bottom left;
}


.results{
	background: #EBE7ED url("../images/poll-results-bottom-bg.gif") no-repeat bottom left;
}


.poll h3.title{
	width: 364px;
	font-weight: bold;
	font-size: 1.2em !important;
	color: #333333 !important;
	padding: 15px 15px 7px 15px !important;
	background: url("../images/poll-top-bg.gif") no-repeat top left;
}


.poll h3.pollTitle{
	width: 364px;
	font-weight: bold;
	font-size: 1.2em !important;
	color: #333333 !important;
	padding: 15px 15px 7px 15px !important;
	background: url("../images/poll-top-bg.gif") no-repeat top left;
}


.results h3.pollTitle{
	background: url("../images/poll-results-top-bg.gif") no-repeat top left;
}


.poll fieldset{
	margin: 0 15px 0 15px;
	font-size: 1.2em;
}


/* Commented by OW
.poll fieldset label{
	float: left;
	width: 364px;
	padding-bottom: 5px;
}
*/

/*
.poll fieldset input{
	float: left;
	width: 15px;
	margin-right: 10px;
	height: 20px;
	text-align: left;
}
*/
.poll fieldset input{
	vertical-align: middle;
	margin: 0 10px 2px 0;
	text-align: left;
}


.poll .vote input{
	float: right;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
	width: 77px;
	background: url("../images/read-more-btn-top.gif") no-repeat 0 0;
	border: none;
	font-size: 1.2em;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.poll .vote input:hover{
	background: url("../images/read-more-btn-top.gif") no-repeat -77px 0;
}


.poll .vote{
	float: right;
	width: 77px;
	text-align: center;
	margin: 0 15px 15px 0;
	background: #3B124F url("../images/read-more-btn-bottom.gif") no-repeat bottom left;
}


.poll .vote:hover{	
	background: #2A093A url("../images/read-more-btn-bottom.gif") no-repeat -77px 100%;
}



.poll .graph{ 
        float: left;
	width: 364px;
	padding: 0 15px;

}


* html .poll .graph{ 
	padding: 0 7px;

}


* html .poll .graph{ 
	margin: 0 3px;
}


.poll .graph div{
        float: left;
	width: 364px;
	margin-bottom: 8px;
}


.poll .graph em{
	float: left;
	width: 250px;
	font-size: 1.2em;
	font-style: normal;
}


.poll .graph span{
	float: right;
	width: 100px;
	text-indent: -9999px;
        background: #fff; 
}



.poll .graph .bar{ 
        display: block;
        background: #B1D632; 
        text-align: left; 
	font-size: 1.1em;
        color: #fff; 
	font-weight: bold;      
}


.poll p{
	float: right;
	margin-right: 15px;
	font-style: italic;	
	color: #7f7366;
} 


.poll .graph .light{
	background: #B8C027;
	color: #B8C027;
}


.poll .graph .dark{
	background: #6C7F26;
	color: #6C7F26;
}



/*------ .search ------*/



.search-again{
	float: left;
	width: 394px;
	margin-bottom: 20px;
	background: #F2F0EB url("../images/poll-bottom-bg.gif") no-repeat bottom left;
}


.search-again .title{
	width: 364px;
	font-size: 1.6em !important;
	color: #333333 !important;
	padding: 15px 15px 7px 15px !important;
	background: url("../images/poll-top-bg.gif") no-repeat top left;
}



.search-again label{
	position: absolute;
	left: -10000px;
	}


#ucSearchResults_pnl input#ucSearchResults_txtSearchString{
	width: 360px;
	border: 1px solid #fff;
	padding: 2px;
	margin: 0 0 10px 15px;
}



.search-again .search{
	float: right;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
	width: 114px;
	background: url("../images/next-article-top-bg.gif") no-repeat 0 0;
	border: none;
	font-size: 1.2em;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.search-again .search:hover{
	background: url("../images/next-article-top-bg.gif") no-repeat -114px 0;
}


.search-again span{
	float: right;
	width: 114px;
	text-align: center;
	margin: 0 15px 10px 0;
	background: #B4ADA5 url("../images/next-article-bottom-bg.gif") no-repeat bottom left;
}


.search-again span:hover{	
	background: #8C8175 url("../images/next-article-bottom-bg.gif") no-repeat -114px 100%;
}




/*------ .news-article ------*/



.first-news-article{
	float: left;
	width: 395px;
}


.news-article{
	float: left;
	width: 395px;
	margin-top: 5px;
	border-top: 1px solid #E7E4E2;
}


.news-archive{
	float:left;
	text-align: right;
	width: 395px;
	margin: 15px 0 0 0;
	padding: 8px 0 8px 0;
	border-top: 1px solid #E7E4E2;
	border-bottom: 1px solid #E7E4E2;
}


.news-archive .archive-form{
	clear: both;
	float: right;
	vertical-align: top;
}



.news-archive .archive-form strong{
	font-weight: normal;
	color: #22749e;
	font-size: 1.1em;
	float: left;
}


.news-archive .archive-form select{
	float: left;
	margin-left: 5px;
}
	

.news-archive label{
	position: absolute;
	left: -10000px;
}


.news-archive .go{
	float: left;
	margin: 0px 0 0 0;
	width: 34px;
	text-align: center;
	padding: 0 0 0 0;
	background: url("../images/go-top-bg.gif") no-repeat 0 0;
	border: none;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.news-archive .go:hover{
	background: url("../images/go-top-bg.gif") no-repeat -34px 0;
}


.news-archive span{
	float: left;
	width: 34px;
	margin: 0px 0 0 5px;
	padding: 0px 0 0 0;
	text-align: center;
	background: #B4ADA6 url("../images/go-bottom-bg.gif") no-repeat bottom left;
}

.news-archive span:hover{
	background: #8C8175 url("../images/go-bottom-bg.gif") no-repeat -34px 100%;
}



.next-news-article{
	float: right;
	width: 114px;
	padding: 10px 0 10px 10px;
	margin: 0;
	border-left: 1px solid #E7E4E2;
	border-bottom: 1px solid #E7E4E2;
}

.next-news-article a{
	float: right;
	text-align: center;
	width: 114px;
	margin: 0 0 0 0 !important;
	padding: 3px 0px 0 0px !important;
	text-decoration: none !important;
	cursor: pointer;
	background: #b4ada5 url("../images/next-article-top-bg.gif") no-repeat 0 0;
}


.next-news-article a:hover{
	background: #8c8175 url("../images/next-article-top-bg.gif") no-repeat -114px 0;
}


.next-news-article a span{
	display: block;
	width: 114px;
	padding: 0 0 3px 0;
	color: #fff;
	background: url("../images/next-article-bottom-bg.gif") no-repeat bottom left;
}


.next-news-article a:hover span{
	background: url("../images/next-article-bottom-bg.gif") no-repeat -114px 100%;
}



/*------ #crumbs ------*/

#crumbs{
	font-size: 1.1em;
	width: 100%;
	padding: 5px 0;
	margin-bottom: 15px;
	color: #7f7366;
	border-top: 1px solid #F2F0EB;
	border-bottom: 1px solid #F2F0EB;
}


#crumbs a{
	color: #3b124f;
	text-decoration: none;
}


#crumbs a:hover{
	text-decoration: underline;
}



/*------ #sitemap ------*/



#sitemap{
	float: left;
	width: 100%;
}


#sitemap li{
	clear: both;
	float: left;
	width: 225px;
}





#sitemap a{
	display: block;
	width: 205px;
	padding: 15px 10px 15px 10px;
	font-size: 1.2em;
	background: #F2F4F3;
	color: #22749e;
	border-bottom: 1px solid #fff;
	border-right: 2px solid #fff;
	text-decoration: none;
}


* html #sitemap a{
	padding: 15px 10px 15px 10px;
}


#sitemap li ul{
	margin-left: 227px;
}


#sitemap li ul li ul{

}


#sitemap li ul li ul li ul{
	float: left;
}


* html #sitemap li ul li ul li ul{
	float: right;

}



/*------ #timeline ------*/



#timeline-dates{
	float: left;
	width: 390px;
	height: 42px;
	margin-bottom: 20px;
	padding-left: 5px;
	background: url("../images/timeline-dates-bg.gif") repeat-x 0 0;
}


#timeline-dates li{
	float: left;
	font-size: 1.2em;
	height: 40px;
	padding: 1px 10px !important;
	background: none !important;
}



#timeline-dates li:hover{
	background: url("../images/timeline-li-on-bg.gif") no-repeat 50% 0;
}


#timeline-dates li a{
	display: block;
	text-align: center;
	width: 44px;
	margin: 0 0 0 0 !important;
	padding: 11px 0px 0 0px !important;
	text-decoration: none !important;
	cursor: pointer;
	background: #b4ada5 url("../images/timeline-button-top-bg.gif") no-repeat 0 0;
}


#timeline-dates li a:hover{
	background: #8c8175 url("../images/timeline-button-top-bg.gif") no-repeat -44px 0;
}


#timeline-dates li a span{
	display: block;
	width: 44px;
	padding: 0 0 11px 0;
	color: #fff;
	background: url("../images/timeline-button-bottom-bg.gif") no-repeat bottom left;
}


#timeline-dates li a:hover span{
	background: url("../images/timeline-button-bottom-bg.gif") no-repeat -44px 100%;
}



#timeline{
	float: left;
	width: 395px;
	background: url("../images/timeline-bg.gif") repeat-y 0 0px;
}


#timeline .info{
	float: left;
	width: 395px;
	margin-bottom: 5px;
}


#timeline h3{
	float: left;
	width: 395px;
	padding-bottom: 10px;
	font-size: 1.5em;
}


#timeline .date{
	float: left;
	width: 120px;
	text-align: right;
	font-size: 1.2em;
	color: #7f7366;
}


#timeline h4{
	float: right;
	width: 250px;
	padding-bottom: 5px;
	font-size: 1.3em;
	color: #22749e;
}


#timeline .text{
	float: right;
	width: 250px;
}



/*------ .video ------*/

.video{
	float: left;
	width: 395px;
	padding-bottom: 15px;
}


.video dl{
	float: right;
	text-align: right;
	padding-top: 15px;
	font-size: 1.1em;
}


.video dt,
.video dd{
	margin-bottom: 2px;
}


.video dd a{
	display: block;
	padding: 7px 35px 7px 0;
	background: url("../images/pdficon-large.gif") no-repeat top right;
}
	

/*------ side ------*/


#side{
	float: right;
	width: 248px;
	margin: 20px 0;
}



#side .feature{
	float: left;
	width: 248px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #EBE7ED url("../images/feature-bg.gif") no-repeat bottom left;
}


#side .feature .title{
	float: left;
	width: 188px;
	font-size: 1.5em;
	font-weight: bold;
	color: #3b124f;
	padding: 12px 50px 9px 10px;
	background: url("../images/feature-top-bg.gif") no-repeat top left;
}


* html #side .feature .title{
	font-size: 1.4em;
}


#side .feature .title a{
	color: #3b124f;
	text-decoration: underline;
	}
	
#side .feature .title a:hover{
	text-decoration: none;

	}


#side .feature .link{
	display: block;
	text-align: right;
	}
	

#side .feature .link a{	
		color: #3b124f;
		}
	
	
#side .feature .link a:hover{	
	text-decoration: none;
	}
	

#side .feature p{
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px 10px 5px 10px;
}


#side .feature .pollTitle{
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px 10px 5px 10px;
}



#side .feature blockquote{
	float: left;
	width: 125px;
	padding: 0 0 0 23px;
	background: url("../images/quote-bg.gif") no-repeat 9px 0;
}


#side .feature blockquote p{
	padding: 0 0 0 0;
	/*background: url("../images/unquote-bg.gif") no-repeat bottom right;*/
}



#side .feature .read-more a{
	float: right;
	text-align: center;
	width: 77px;
	margin: 0 0 0 0;
	padding: 3px 0px 0 0px;
	text-decoration: none;
	cursor: pointer;
	background: #3B124F url("../images/read-more-btn-top.gif") no-repeat 0 0;
}


#side .feature .read-more a:hover{
	background: #2A093A url("../images/read-more-btn-top.gif") no-repeat -77px 0;
}


#side .feature .read-more a span{
	display: block;
	width: 71px;
	padding: 0 3px 3px 3px;
	color: #fff;
	background: url("../images/read-more-btn-bottom.gif") no-repeat bottom left;
}


#side .feature .read-more a:hover span{
	background: url("../images/read-more-btn-bottom.gif") no-repeat -77px 100%;
}


#side .feature .quote a{
	margin-top: 20px;
}



#side .sign-up{
	background: #F3E9E6 url("../images/feature-bg.gif") no-repeat bottom left;
}


#side .sign-up .title{
	color: #88230a;
}



#side .sign-up label{
	position: absolute;
	left: -10000px;
}


#side .sign-up #newsletter_txtEmail{
	float: left;
	width: 148px;
	height: 1.2em;
	margin: 0px 3px 0 10px;
	padding: 1px 1px 2px 1px;
	border: 1px solid #fff;
}



#side .sign-up .error{
	display: block;
	margin: 0 0 0 10px;
}



#side .sign-up .subscribe{
	float: right;
	vertical-align: top;
	margin: 0px 0 0 0 !important;
	width: 70px;
	text-align: center;
	padding: 1px 0 !important;
	background: url("../images/subscribe-btn-top.gif") no-repeat 0 0;
	border: none;
	font-size: 1.2em;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


#side .sign-up .subscribe:hover{
	background: url("../images/subscribe-btn-top.gif") no-repeat -70px 0;
}


#side .sign-up span.submit{
	float: right;
	width: 70px;
	margin-right: 10px;
	text-align: center;
	background: #88230A url("../images/subscribe-btn-bottom.gif") no-repeat bottom left;
}

#side .sign-up span.submit:hover{
	background: #5F1907 url("../images/subscribe-btn-bottom.gif") no-repeat -70px 100%;
}




#side .feature fieldset{
	float: left;
	width: 200px;
	padding: 0 15px;
	font-size: 1.2em;
}


/*
#side .feature fieldset label{
	float: left;
	width: 200px;
}
*/

/*
#side .feature fieldset label input{
	float: left;
	width: 15px;
	height: 20px;
}


#side .feature fieldset label em{
	float: right;
	padding: 4px 0 4px 0;
	font-style: normal;
	width: 180px;
	font-size: 1.1em;
}
*/

#side .feature fieldset input{
	margin: 2px 5px 0 0;
}



#side .red{
	background: #F3E9E6 url("../images/feature-bg.gif") no-repeat bottom left;
}


#side .polling{
	background: #F3E9E6 url("../images/feature-bg.gif") no-repeat bottom left;
}


#side .polling .title{
	color: #88230a !important;
}

#side .red .title a{
	color: #88230a !important;
}


#side .red .title a{
	color: #88230a !important;
}


#side .polling .error{
	padding: 0 10px 0 10px;
}


#side .feature .vote input{
	float: right;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
	width: 70px;
	background: url("../images/subscribe-btn-top.gif") no-repeat 0 0;
	border: none;
	font-size: 1.2em;
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


#side .feature .vote input:hover{
	background: url("../images/subscribe-btn-top.gif") no-repeat -70px 0;
}




#side .feature .vote{
	float: right;
	width: 70px;
	text-align: center;
	margin: 0 15px 0 0;
	background: #88230A url("../images/subscribe-btn-bottom.gif") no-repeat bottom left;
}


#side .feature .vote:hover{	
	background: #5F1907 url("../images/subscribe-btn-bottom.gif") no-repeat -70px 100%;
}







/*------ footer ------*/


#footer{
	float: left;
	width: 975px;
	padding: 0 0 11px 0;
	margin-bottom: 25px;
	background: url("../images/footer-bg.png") no-repeat bottom left;
}

* html #footer{
	background: url("../images/footer-bg.gif") no-repeat bottom left;
}





#terms{
	float: left;
	width: 320px;
	position: relative;
	text-align: center;
	padding: 21px 330px 13px 267px;
	margin: 0 0 0 33px;
	font-size: 1.2em;
	color: #9E958B;
	background: url("../images/footer-terms-bg.gif") no-repeat top left;
}


* html #terms{
	margin: 0 0 0 16px;
}


#footer .doh{
	position: absolute;
	width: 109px;
	height: 35px;
	top: 19px;
	left: 58px;
	font-size: 1px;
	background: url("../images/department-of-health.gif") no-repeat top left;
}


#footer .doh a{
	display: block;
	width: 109px;
	height: 35px;
	color: #F5F4F1;
}



#footer .welshAssembly{
	position: absolute;
	width: 58px;
	height: 47px;
	top: 13px;
	right: 135px;
	font-size: 1px;
	text-align: left;
	background: url("../images/welsh-assembly.gif") no-repeat top left;
}


#footer .welshAssembly a{
	display: block;
	width: 58px;
	height: 47px;
	color: #F5F4F1;
}


#footer .scottishGovernment{
	position: absolute;
	width: 43px;
	height: 40px;
	top: 16px;
	right: 61px;
	font-size: 1px;
	text-align: center;
	background: url("../images/scottish-government.gif") no-repeat top left;
}


#footer .scottishGovernment a{
	display: block;
	width: 43px;
	height: 40px;
	color: #0073BD;
}


#terms p{
	clear: both;
	width: 320px;	
}
	

#terms ul{
	float: left;
	width: 320px;
	padding-bottom: 2px;
}


#terms li{
	float: left;
	padding-right: 12px;
}


#terms li.last,
#terms li.last a{
	padding-right: 0px;
}


#terms a{
	padding-right: 12px;
	color: #3b124f;
	text-decoration: none;
}



#terms a:hover{
	text-decoration: underline;
}

.error
{
    color:Red;
    font-size:1.2em
}

span.highlight
{
    font-weight:bold;
    text-decoration:underline;
}

/*staff login screen */

#stafflogin
{
    width:400px;
    margin: 0 auto;
    border:1px solid blue;
    padding: 0 5px;
    font-size:1.2em;
}

#stafflogin h2
{
    font-size: 1.4em;
    font-weight: bold;
}

#stafflogin p, #stafflogin td, #stafflogin div
{
    padding: 3px;
}

div.pagination ul li
{
    font-size:1.2em; 
    float:left;
    padding:2px 8px 2px 2px!important;
	background: none !important;
}

div span.currentpage
{
    font-weight:bold;
    text-decoration:none;
}
a.filelink_pdf 
{
	padding-left: 19px;
	background: url("../images/pdf.gif") no-repeat top left;	
}

.feature blockquote img {display:inline;}