﻿@import url("/portalbase/assets/css/portalcontrol.css");

/*--------------------------------------------------------------
Basic Style Sheet

version:	1
author:		stormid
email:		info@stormid.com
website:	http://www.stormid.com
--------------------------------------------------------------*/

body {
	margin:0; 
    padding:10px;
	background-color: #fff;
	font-size: 62.5%;
	font-family:arial, verdana,  sans-serif;
	color: #000;
	background: transparent url(../images/common/main-content-back.jpg) repeat-x scroll left top;
    }



body#BodyTag
{
	background-color:#EEEEEE;
	background-image:url(../images/common/bg_page.jpg);
	background-repeat:repeat-x;
	color:#333333;
	font-family:arial,verdana,sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
}


/* = Generic 
--------------------------------------------------------------*/	
.divclear {
	margin: 0px;
	padding: 0px;
	clear: both;
	}
	
.skiplink {display:none;}

#print-logo{display:none;}

	
/* = Headings
--------------------------------------------------------------*/


/* = Main divs
--------------------------------------------------------------*/
#top-curved-box{
	width: 994px;
	height:13px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 0;
	background:url(../images/common/top-curve.gif) top left no-repeat;
	}
	
#bottom-curved-box{
	width: 994px;
	height:13px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/common/bottom-curve.gif) top left no-repeat;
	margin-bottom: 20px;
	}
	
#wrapper{
	width: 974px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border: 10px solid #ffffff;
	border-width: 1px 10px 0 10px;
	position:relative;
	}
	
#header{
	width: 974px;
	background-color:#C6F;
	position:relative;
	background:url(../images/common/header-back.jpg) center left no-repeat;
	height:100px;
	}
	
/* top nav */
#top-nav{
	list-style:none;
	float: right;
	margin-right: 14px;
	margin-top: -2px;
	}
	
#top-nav li{
	float: left;
	font-size:1.2em;
	padding-left: 20px;
	}
	
#top-nav li a{
	color: #22A7FF;
	text-decoration:none;
	}
	
#top-nav li a:hover{
	text-decoration:underline;
	}
	
/* search */
#search{
	width: 290px;
	position:relative;
	top: 35px;
	left: 510px;
	}	
	
#search .text-field{
	float: left;
	background:url(../images/common/text-field-back.jpg) top left no-repeat;
	width: 235px;
	height: 25px;
	}
	
#search label
{
display:none;
}

	
#search .text-field input{
	border: 0;
	background-color: transparent;
	color:#666;
	padding: 6px 4px 4px 4px;
	width: 230px;
	font-size: 1.1em;
	}
	
#search .button input.primary-search-button {
	float: left;
	background-color:transparent;
	background-image:url(../images/common/search-btn.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:93%;
	height:25px;
	margin:0;
	overflow:hidden;
	padding:25px 0 0;
	width:50px;
	}
	
#search .button input.primary-search-button:hover {
background-image:url(../images/common/search-btn.jpg);
background-position:0 -25px;
}
/* = Main navigation
--------------------------------------------------------------*/	
/* homepage and generic strip at bottom of nav*/
#navigation{
	width: 974px;
	height: 40px;
	background-color:#FC9;
	position:relative;
	background:url(../images/navigation/home-nav-back.jpg) center left repeat-x;
	}
	
/* adults and generic strip at bottom of nav*/
.adults #navigation{
	width: 974px;
	height: 40px;
	background-color:#FC9;
	position:relative;
	background:url(../images/navigation/adults-nav-strip.jpg) center left repeat-x;
	}

/* young people and generic strip at bottom of nav*/
.young-people #navigation{
	width: 974px;
	height: 40px;
	background-color:#FC9;
	position:relative;
	background:url(../images/navigation/young-people-nav-strip.jpg) center left repeat-x;
	}
	
/* parents carers and generic strip at bottom of nav*/
.parents-carers #navigation{
	width: 974px;
	height: 40px;
	background-color:#FC9;
	position:relative;
	background:url(../images/navigation/parents-nav-strip.jpg) center left repeat-x;
	}
	
/* main nav ul */
ul#main-navigation{
	float: left; 
	}
		
#main-navigation{
	margin: 0;
	padding:0 0 0 14px;
	width: 960px;
	list-style:none; 
	height:30px; 
	}
	
#main-navigation li{
	width:118px; 
	height:30px; 
	margin:0 1px 0 1px; 
	padding:0; 
	float:left; 
	display:inline; 
	font-size: 1.3em;
	}
	
#main-navigation li a:link,
#main-navigation li a:visited,
#main-navigation li a:hover,
#main-navigation li a:active{ 
	color: #333333;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/generic-nav-back.jpg); 
	}
	
/* home on / over */	
#main-navigation li a:link,
#main-navigation li a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li a:hover,
#main-navigation li a:active{ 
	background-position:0 -30px; 
	color: #ffffff;
	}
	
#main-navigation li.selected a:link,
#main-navigation li.selected a:visited{ 
	background-position:0 -61px!important; 
	color: #ffffff;
	}
	
/* home */
#main-navigation li#home{
	width:118px; 
	height:30px; 
	margin:0 2px 0 14px; 
	padding:0; 
	float:left; 
	display:inline; 
	font-size: 1.3em;
	}
	
#main-navigation li#home a:link,
#main-navigation li#home a:visited,
#main-navigation li#home a:hover,
#main-navigation li#home a:active{ 
	color: #333333;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/generic-nav-back.jpg); 
	}
	
/* home on / over */	
#main-navigation li#home a:link,
#main-navigation li#home a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li#home a:hover,
#main-navigation li#home a:active{ 
	background-position:0 -30px; 
	}
	
#main-navigation li#home.selected a:link,
#main-navigation li#home.selected a:visited{ 
	background-position:0 -61px!important; 
	color: #ffffff;
	}
	
/* sexual health */
#main-navigation li#sexual-health{
	width:118px; 
	height:30px; 
	margin:0 2px 0 0; 
	padding:0; 
	float:left; 
	display:inline; 
	font-size: 1.3em;
	}
	
#main-navigation li#sexual-health a:link,
#main-navigation li#sexual-health a:visited,
#main-navigation li#sexual-health a:hover,
#main-navigation li#sexual-health a:active{ 
	color: #333333;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/generic-nav-back.jpg); 
	}
	
/* sexual-health on / over */	
#main-navigation li#sexual-health a:link,
#main-navigation li#sexual-health a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li#sexual-health a:hover,
#main-navigation li#sexual-health a:active{ 
	background-position:0 -30px; 
	color: #ffffff;
	}
	
#main-navigation li#sexual-health.selected a:link,
#main-navigation li#sexual-health.selected a:visited{ 
	background-position:0 -30px!important; 
	color: #ffffff;
	}
	
/* relationships */
#main-navigation li#relationships{
	width:118px; 
	height:30px; 
	margin:0 2px 0 0; 
	padding:0; 
	float:left; 
	display:inline; 
	font-size: 1.3em;
	}
	
#main-navigation li#relationships a:link,
#main-navigation li#relationships a:visited,
#main-navigation li#relationships a:hover,
#main-navigation li#relationships a:active{ 
	color: #333333;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/generic-nav-back.jpg); 
	}
	
/* relationships on / over */	
#main-navigation li#relationships a:link,
#main-navigation li#relationships a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li#relationships a:hover,
#main-navigation li#relationships a:active{ 
	background-position:0 -30px; 
	color: #ffffff;
	}
	
#main-navigation li#relationships.selected a:link,
#main-navigation li#relationships.selected a:visited{ 
	background-position:0 -30px!important;
	color: #ffffff;
	}
	
/* adults */
#main-navigation li.adults a:link,
#main-navigation li.adults a:visited,
#main-navigation li.adults a:hover,
#main-navigation li.adults a:active{ 
	color: #ffffff;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/adults-nav-back.jpg); 
	}
	
/* adults on / over */	
#main-navigation li.adults a:link,
#main-navigation li.adults a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li.adults a:hover,
#main-navigation li.adults a:active{ 
	background-position:0 -30px; 
	}
	
#main-navigation li.adults.selected a:link,
#main-navigation li.adults.selected a:visited{ 
	background-position:0 -61px!important;
	}
	
/* young-people */
#main-navigation li.young-people a:link,
#main-navigation li.young-people a:visited,
#main-navigation li.young-people a:hover,
#main-navigation li.young-people a:active{ 
	color: #ffffff;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/young-people-nav-back.jpg); 
	}
	
/* young-people on / over */	
#main-navigation li.young-people a:link,
#main-navigation li.young-people a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li.young-people a:hover,
#main-navigation li#young-people a:active{ 
	background-position:0 -30px; 
	}
	
#main-navigation li.young-people.selected a:link,
#main-navigation li.young-people.selected a:visited{ 
	background-position:0 -61px!important;
	}
	
/* parents-carers*/
#main-navigation li.parents-carers a:link,
#main-navigation li.parents-carers a:visited,
#main-navigation li.parents-carers a:hover,
#main-navigation li.parents-carers a:active{ 
	color: #ffffff;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/parents-carers-nav-back.jpg); 
	}
	
/* parents-carers on / over */	
#main-navigation li.parents-carers a:link,
#main-navigation li.parents-carers a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li.parents-carers a:hover,
#main-navigation li.parents-carers a:active{ 
	background-position:0 -30px; 
	}
	
#main-navigation li.parents-carers.selected a:link,
#main-navigation li.parents-carers.selected a:visited{ 
	background-position:0 -61px!important;
	}
	
/* professionals*/
#main-navigation li#professionals{
	width:118px; 
	height:30px; 
	margin:0 2px 0 0; 
	padding:0; 
	float:left; 
	display:inline; 
	font-size: 1.3em;
	}
	
#main-navigation li#professionals a:link,
#main-navigation li#professionals a:visited,
#main-navigation li#professionals a:hover,
#main-navigation li#professionals a:active{ 
	color: #333333;
	text-align:center;
	width:118px; 
	height:30px; 
	display:block; 
	line-height:2.3em;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/generic-nav-back.jpg); 
	}
	
/* professionals on / over */	
#main-navigation li#professionals a:link,
#main-navigation li#professionals a:visited{ 
	background-position:0 0; 
	}
	
#main-navigation li#professionals a:hover,
#main-navigation li#professionals a:active{ 
	background-position:0 -30px; 
	color: #ffffff;
	}
	
#main-navigation li#professionals.selected a:link,
#main-navigation li#professionals.selected a:visited{ 
	background-position:0 -30px!important;
	color: #ffffff;
	}
	
/* = Breadcrumb
--------------------------------------------------------------*/
#breadcrumb{
	width: 974px;
	background-color:#EFEFEF;
	position:relative;
	color: #ffffff;
	padding:0;
	margin: 0; 
	}
			
#breadcrumb-nav{
	list-style-type: none;
	margin: 0 0 0 14px;
	padding:10px 0 0 0;
	height: 15px;
	float: left;
	display: inline;
	}
	
#breadcrumb-nav li{
	float: left;
	background-image: url(../images/navigation/bg_breadcrumbs_arrow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 0.5em;
	padding-right: 1.4em;
	font-size:1.2em;
	color:#666666;
	}
	
#breadcrumb-nav li.first{
	background-image: none;
	padding: 0;
	}
	
#breadcrumb-nav li a{
	color:#666666;
	text-decoration:none;
	}
	
#breadcrumb-nav li a:hover{
	text-decoration:underline;
	}
	

	
/* = Wraps the main content area
--------------------------------------------------------------*/	
#content-wrapper{
	position:relative;
	width: 974px;
	background:url(../images/common/main-content-back.jpg) top left repeat-x;
	/*height: 600px;*/
	padding: 0 0 20px 0;
	}
	
.sexual-health #content-wrapper,
.relationships #content-wrapper,
.adults #content-wrapper,
.young-people #content-wrapper,
.parents-carers #content-wrapper,
.professionals #content-wrapper{
	position:relative;
	width: 974px;
	background:url(../images/common/main-content-back.jpg) top left repeat-x;
	padding: 9px 0 20px 0;
	}
	
/* = Right hand side - Homepage and secondary
--------------------------------------------------------------*/		
#content-right{
	width: 226px;
	float: left;
	position:relative;
	}
	
.contact-us #content-right,
.services #content-right,
.news #content-right,
.appointment-request #content-right,
.chlamydia-testing-request #content-right{
	width: 226px;
	float: left;
	position:relative;
	margin:38px 0 0 0;
	}
	
#content-right img
{
    border-style: none;
}
	
#content-right .right-top-banner{
	width: 226px;
	height: 200px;
	margin:9px 0 16px 0;
	padding: 0;
	}
	
#content-right .right-top-banner p.top {
height: 95px;
margin: 0 0 10px 0;
padding: 0;
}

#content-right .right-top-banner p.bottom {
height:95px;
margin: 0;
padding: 0;
}
	
#content-right p.nugget-first{
	margin:10px 0 0 0;
	padding: 0;
	height: 85px;
	}
	
#content-right p.nugget{
	margin:0 0 10px 0;
	padding: 0;
	height: 85px;
	}
	
.nugget img{
	margin:0 0 11px 0;
	padding: 0;
	height: 85px;
	}
	
.nugget a{
	border: 0;
	}
	
/* = Main content, left hand side
--------------------------------------------------------------*/	
#content-left{
	width: 706px;
	float: left;
	position:relative;
	color:#FFF;
	margin: 0 14px 0 14px;
	display: inline;
	}
	
#content-left .left-hero-banner{
	margin:0;
	padding: 0;
	width:706px; 
	height:225px;
	background:url(../images/common/hero-main-new.jpg) top left no-repeat;
	}
	
#content-left .left-hero-banner h1
{
    margin: 0;
    padding: 30px 0 5px 48px;
    font-size: 2.6em;
    font-weight:normal;
}
#content-left .left-hero-banner p
{
    margin: 0;
    padding: 5px 0 20px 50px;
    width: 380px;
    font-size: 1.3em;
    
}

#content-left .left-hero-banner p.hero-link a
{
    /*background:url(../images/common/hero-arrow.gif) center right no-repeat;*/
    padding: 0 25px 0 20px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin-left: -20px;
    /*width: 380px;*/
}

#content-left .left-hero-banner p.hero-link a:hover
{
    text-decoration: underline;
}



/* = info for adults box
--------------------------------------------------------------*/
/*.info-for-adults{
	background-color:#0F3;
	width: 226px;
	float:left;
	margin-right: 14px;
	background:url(../images/common/box-back.jpg) top left no-repeat;
	height: 370px;
	}*/
	
.info-for-adults{ 
	background:url(../images/common/box-repeat-adults.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:0 14px 0 0; 
	width: 226px;
	}

.info-for-adults .top-box, 
.info-for-adults .bottom-box{ 
	width: 533px;
	overflow:hidden; 
	}

.info-for-adults .top-box{ 
	background:url(../images/common/box-top-adults.jpg) top left no-repeat; 
	height:12px;
	}

.info-for-adults .content-box 
{
    height: 533px;
	width: 206px;
	margin:9px ; 
	}
	
.info-for-adults .content-box h1{ 
	font-size: 1.6em;
	color: #0054B4;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.info-for-adults .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	font-size:1.4em;
	color:#0054B4;
	}
	
.info-for-adults .content-box p.image{ 
	border-top: 10px solid #0054B4;
	border-right: 1px solid #0054B4;
	border-bottom: 1px solid #0054B4;
	border-left: 1px solid #0054B4;
	margin: 0;
	padding:0;
	height: 75px;
	width: 206px;
	}
	
.info-for-adults .content-box p.spacer{ 
	height: 20px;
	padding: 0;
	margin: 0;
	}
	
/* list start */	
.info-for-adults ul{
	list-style-type:none;
	padding: 0;
	margin-left: .1em;
	}
	
.info-for-adults ul li{
	font-size: 1.4em;
	padding-bottom: 11px;
	background-image: url(../images/common/list-image-adults.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1em;
	display: block;
	}
	
.info-for-adults ul li a{
	color:#0054B4;
	text-decoration: none;
	}	
	
.info-for-adults ul li a:hover{
	text-decoration: underline;
	}	
/* list end */ 
	
.info-for-adults .content-box p.more-info{
	font-size: 1.1em;
	text-align:right;
	color:#0054B4;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

.info-for-adults .content-box p.more-info a{
	background: url(../images/common/link-arrow.jpg) no-repeat right center;
  	padding: 2px 22px 2px 10px;
	color:#0054B4;
	text-decoration:none;
	}
	
.info-for-adults .content-box p.more-info a:hover{
	text-decoration:underline;
	}
	
.info-for-adults .bottom-box{ 
	background:url(../images/common/box-bottom-adults.jpg) top left no-repeat; 
	height:12px; 
	}

/* = info for young people box
--------------------------------------------------------------*/
/*.info-for-young-people{
	background-color:#F69;
	width: 226px;
	float:left;
	margin-right: 14px;
	background:url(../images/common/box-back.jpg) top left no-repeat;
	}*/
	
.info-for-young-people{ 
	background:url(../images/common/box-repeat-young.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:0 14px 0 0; 
	width: 226px;
	}

.info-for-young-people .top-box, 
.info-for-young-people .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.info-for-young-people .top-box{ 
	background:url(../images/common/box-top-young.jpg) top left no-repeat; 
	height:12px;
	}

.info-for-young-people .content-box 
{
    height: 531px;
	width: 206px;
	margin:10px ; 
	}
	
.info-for-young-people .content-box h1{ 
	font-size: 1.6em;
	color: #FF3399;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.info-for-young-people .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	font-size:1.4em;
	color:#FF3399;
	}
	
.info-for-young-people .content-box p.image{ 
	border-top: 10px solid #FF3399;
	border-right: 1px solid #FF3399;
	border-bottom: 1px solid #FF3399;
	border-left: 1px solid #FF3399;
	margin: 0 0 3px 0;
	padding:0;
	height: 75px;
	width: 206px;
	}
	
.info-for-young-people .content-box p.spacer{ 
	height: 18px;
	padding: 0;
	margin: 0;
	}
	
/* list start */	
.info-for-young-people ul{
	list-style-type:none;
	padding: 0;
	margin-left: .1em;
	}
	
.info-for-young-people ul li{
	font-size: 1.4em;
	padding-bottom: 11px;
	background-image: url(../images/common/list-image-young.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1em;
	display: block;
	}
	
.info-for-young-people ul li a{
	color:#FF3399;
	text-decoration: none;
	}	
	
.info-for-young-people ul li a:hover{
	text-decoration: underline;
	}
	
/* list end */

.info-for-young-people .content-box p.more-info{
	font-size: 1.1em;
	text-align:right;
	color:#FF3399;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

.info-for-young-people .content-box p.more-info a{
	background: url(../images/common/link-arrow.jpg) no-repeat right center;
  	padding: 2px 22px 2px 10px;
	color:#FF3399;
	text-decoration:none;
	}
	
.info-for-young-people .content-box p.more-info a:hover{
	text-decoration:underline;
	}
	
.info-for-young-people .bottom-box{ 
	background:url(../images/common/box-bottom-young.jpg) top left no-repeat; 
	height:12px; 
	}
	
/* = info for carers box
--------------------------------------------------------------*/		
/*.info-for-carers{
	background-color:#66C;
	width: 226px;
	float:left;
	background:url(../images/common/box-back.jpg) top left no-repeat;
	}*/
	
.info-for-carers{ 
	background:url(../images/common/box-repeat-parents.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:0; 
	width: 226px;
	margin-right: -3px;
	}

.info-for-carers .top-box, 
.info-for-carers .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.info-for-carers .top-box{ 
	background:url(../images/common/box-top-parents.jpg) top left no-repeat; 
	height:12px;
	}

.info-for-carers .content-box 
{
    height: 531px;
	width: 206px;
	margin:10px ; 
	}
	
.info-for-carers .content-box h1{ 
	font-size: 1.6em;
	color: #13B6A8;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.info-for-carers .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	font-size:1.4em;
	color:#13B6A8;
	}
	
.info-for-carers .content-box p.image{ 
	border-top: 10px solid #13B6A8;
	border-right: 1px solid #13B6A8;
	border-bottom: 1px solid #13B6A8;
	border-left: 1px solid #13B6A8;
	margin: 0 0 3px 0;
	padding:0;
	height: 75px;
	width: 206px;
	}
	
.info-for-carers .content-box p.spacer{ 
	height: 28px;
	padding: 0;
	margin: 0;
	}
	
/* list start */	
.info-for-carers ul{
	list-style-type:none;
	padding: 0;
	margin-left: .1em;
	}
	
.info-for-carers ul li{
	font-size: 1.4em;
	padding-bottom: 11px;
	background-image: url(../images/common/list-image-parents.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1em;
	display: block;
	}
	
.info-for-carers ul li a{
	color:#13B6A8;
	text-decoration: none;
	}	
	
.info-for-carers ul li a:hover{
	text-decoration: underline;
	}
/* list end */
	
.info-for-carers .content-box p.more-info{
	font-size: 1.1em;
	text-align:right;
	color:#13B6A8;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

.info-for-carers .content-box p.more-info a{
	background: url(../images/common/link-arrow.jpg) no-repeat right center;
  	padding: 2px 22px 2px 10px;
	color:#13B6A8;
	text-decoration:none;
	}
	
.info-for-carers .content-box p.more-info a:hover{
	text-decoration:underline;
	}
	
.info-for-carers .bottom-box{ 
	background:url(../images/common/box-bottom-parents.jpg) top left no-repeat; 
	height:12px; 
	}
		
/* = Footer
--------------------------------------------------------------*/

#legal-wrapper
{
    border: 1px solid;
    }


#footer{
	width: 974px;
	background-color: #ffffff;
	position:relative;
	padding-top: 15px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	}
	
/*email, print & back to top links */	
.links{
	/*float: left;*/
	/*padding: 5px 0 5px 14px;*/
	width: 947px;
	display: inline;
	}
	
#email-print-links{
	list-style:none;
	margin: 0 0 0 14px;
	padding: 0;
	}
	
#email-print-links li{
	float: left;
	font-size:1.2em;
	}
	
#email-print-links li a{
	color:#22A7FF;
	text-decoration:none;
	}
	
#email-print-links li a:hover{
	text-decoration:underline;
	}
	
#email-print-links li.email a{
	background: url(../images/common/email.jpg) no-repeat left center;
  	padding: 2px 19px 2px 22px;
	}
	
#email-print-links li.print a{
	background: url(../images/common/print.jpg) no-repeat left center;
  	padding: 2px 0 2px 22px;
	margin-right: 630px;
	}
	
#email-print-links li.back-to-top a{
	background: url(../images/common/arrow-top.jpg) no-repeat right center;
  	padding: 2px 18px 2px 10px;
	}

#footer-container{
	border: 1px solid #cccccc;
	margin-top: 15px;
	background:url(../images/common/footer-back.jpg) bottom left repeat-x;
	}
	
/* footer nav */
#footer-nav-right{
	float: right;
	text-align:right;
	padding: 14px 14px 14px 0;
	margin: 0;
	font-size:1.1em;
	line-height: 1.5em;
	}
	
#footer-nav-right li{
	list-style:none;
	}
	
#footer-nav-right li a{
	color:#22A7FF;
	text-decoration:none;
	}
	
#footer-nav-right li a:hover{
	text-decoration:underline;
	}
	
.footer-left{
	float: left;
	}
	
.footer-left p.logo{
	margin: 0;
	}
	
.footer-left p.copyright{
	margin: 0;
	padding: 0 0 10px  14px;
	color:#0C3372;
	font-size:1.1em;
	}
	
/* = Secondary page sub nav lists
--------------------------------------------------------------*/
/* generic */
#sub-top{
    list-style: none;
    margin: 0;
    padding: 0;
  
    }
    
#sub-top li a:link,
#sub-top li a:visited{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-generic.gif);
	color: #333333;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
#sub-top li a:hover,
#sub-top li a:active{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-generic.gif);
	color: #ffffff;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
#sub-top li a:link,
#sub-top li a:visited{ 
	background-position:0 0; 
	}
	
#sub-top li a:hover,
#sub-top li a:active{ 
	background-position:0 -29px; 
	}
	
#sub-top li.selected a:link,
#sub-top li.selected a:visited{ 
	background-position:0 -29px!important; 
	}
	
/* sub 2nd level */
    
#sub-mid{
    list-style: none;
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    background-color:#D9E4E9;
    width: 226px;
   
    }
   
#sub-mid li{
    border-bottom: 1px dotted #ffffff;
    height: 28px;
    width: 226px; 
    padding: 0;
    margin: 0;
   
    }
    
#sub-mid li a:link,
#sub-mid li a:visited,
#sub-mid li a:hover,
#sub-mid li a:active{ 
	height: 28px;
    width: 216px; 
	display:block;  
	background-image:none;
	color: #006699;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
#sub-mid li a:hover,
#sub-mid li a:active{ 
	background-color:#BAD2DE;
    color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
#sub-mid li.selected a:link,
#sub-mid li.selected a:visited{ 
	background-color:#BAD2DE!important; 
	color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
/* adults */
.adults #sub-top{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
.adults #sub-top li a:link,
.adults #sub-top li a:visited{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-adults.gif);
	color: #333333;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.adults #sub-top li a:hover,
.adults #sub-top li a:active{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-adults.gif);
	color: #ffffff;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.adults#sub-top li a:link,
.adults #sub-top li a:visited{ 
	background-position:0 0; 
	}
	
.adults #sub-top li a:hover,
.adults #sub-top li a:active{ 
	background-position:0 -29px; 
	}
	
.adults #sub-top li.selected a:link,
.adults #sub-top li.selected a:visited{ 
	background-position:0 -29px!important; 
	}
	
/* sub 2nd level */
.adults #sub-mid{
    list-style: none;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 0;
    background-color:#DADEE4;
    }
   
.adults #sub-mid li{
    border-bottom: 1px dotted #ffffff;
    width: 226px; 
    padding: 0;
    margin: 0;
    }
    
.adults #sub-mid li a:link,
.adults #sub-mid li a:visited,
.adults #sub-mid li a:hover,
.adults #sub-mid li a:active{ 
	
    width: 216px; 
	display:block;  
	background-image:none;
	color: #0A2C6C;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
.adults #sub-mid li a:hover,
.adults #sub-mid li a:active{ 
	background-color:#BCC4D3;
    color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
.adults #sub-mid li.selected a:link,
.adults #sub-mid li.selected a:visited{ 
	background-color:#BCC4D3!important; 
	color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
	
/* young people */
.young-people #sub-top{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
.young-people #sub-top li a:link,
.young-people #sub-top li a:visited{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-young-people.gif);
	color: #333333;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.young-people #sub-top li a:hover,
.young-people #sub-top li a:active{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-young-people.gif);
	color: #ffffff;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.young-people #sub-top li a:link,
.young-people #sub-top li a:visited{ 
	background-position:0 0; 
	}
	
.young-people #sub-top li a:hover,
.young-people #sub-top li a:active{ 
	background-position:0 -29px; 
	}
	
.young-people #sub-top li.selected a:link,
.young-people #sub-top li.selected a:visited{ 
	background-position:0 -29px!important; 
	}
	
/* sub 2nd level */
.young-people #sub-mid{
    list-style: none;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 0;
    background-color:#EDE9ED;
    }
   
.young-people #sub-mid li{
    border-bottom: 1px dotted #ffffff;
    height: 28px;
    width: 226px; 
    padding: 0;
    margin: 0;
    }
    
.young-people #sub-mid li a:link,
.young-people #sub-mid li a:visited,
.young-people #sub-mid li a:hover,
.young-people #sub-mid li a:active{ 
	height: 28px;
    width: 216px; 
	display:block;  
	background-image:none;
	color: #7B3F7D;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
.young-people #sub-mid li a:hover,
.young-people #sub-mid li a:active{ 
	background-color:#E0D6E1;
    color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
.young-people #sub-mid li.selected a:link,
.young-people #sub-mid li.selected a:visited{ 
	background-color:#E0D6E1!important; 
	color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
/* parents-carers */
.parents-carers #sub-top{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
.parents-carers #sub-top li a:link,
.parents-carers #sub-top li a:visited{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-parents.gif);
	color: #333333;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.parents-carers #sub-top li a:hover,
.parents-carers #sub-top li a:active{ 
	height: 29px;
    width: 216px; 
	display:block; 
	background-repeat:no-repeat; 
	background-image:url(../images/navigation/sub-nav-parents.gif);
	color: #ffffff;
	font-size: 1.4em;
	font-weight:normal;
	text-decoration: none; 
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.parents-carers #sub-top li a:link,
.parents-carers #sub-top li a:visited{ 
	background-position:0 0; 
	}
	
.parents-carers #sub-top li a:hover,
.parents-carers #sub-top li a:active{ 
	background-position:0 -29px; 
	}
	
.parents-carers #sub-top li.selected a:link,
.parents-carers #sub-top li.selected a:visited{ 
	background-position:0 -29px!important; 
	}
	
/* sub 2nd level */
.parents-carers #sub-mid{
    list-style: none;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 0;
    background-color:#DFE9E4;
    }
   
.parents-carers #sub-mid li{
    border-bottom: 1px dotted #ffffff;
    height: 28px;
    width: 226px; 
    padding: 0;
    margin: 0;
    }
    
.parents-carers #sub-mid li a:link,
.parents-carers #sub-mid li a:visited,
.parents-carers #sub-mid li a:hover,
.parents-carers #sub-mid li a:active{ 
	height: 28px;
    width: 216px; 
	display:block;  
	background-image:none;
	color: #339966;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
.parents-carers #sub-mid li a:hover,
.parents-carers #sub-mid li a:active{ 
	background-color:#C5DED2;
    color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
.parents-carers #sub-mid li.selected a:link,
.parents-carers #sub-mid li.selected a:visited{ 
	background-color:#C5DED2!important; 
	color: #ffffff;
    width: 216px; 
	display:block; 
	}
	
/* = Secondary pages main divs - 
sub nav-column 1 
main content column 2
column 3 is .sexual-health #content-right
--------------------------------------------------------------*/
#sub-nav{
    width: 226px;
	float: left;
	position:relative;
	margin: 0 14px 0 14px;
	display: inline;
    }

#main-content
{
    width: 466px;
	float: left;
	position:relative;
	margin: 0 14px 0 0;
	padding: 0;
	display: inline;
    }
    
.sexual-health #content-right{
    width: 226px;
	float: left;
	position:relative;
    }
    
/* main contet for 2 column page */
 #main-content-secondary{
    width: 706px;
	float: left;
	position:relative;
	margin: 0 14px 0 14px;
	padding: 0;
	display: inline;
    }
    
/* = Top hero banners, top of main content, secondary pages
--------------------------------------------------------------*/ 

.sexual-health #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/sexual-health-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	} 
	
.relationships #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/relationships-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	}
	
.young-people #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/young-people-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	}
	
.adults #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/adults-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	}
	
.parents-carers #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/parents-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	}
	
.professionals #top-hero-banner{
	margin:0 0 15px 0;
	padding: 0;
	background:url(../images/common/professionals-hero.jpg) top left no-repeat; 
	width:466px; 
	height:131px;
	}
	 

/* styling for inside hero banner*/	
#top-hero-banner h1{
    color:#ffffff;
    font-weight: bold;
    font-size: 1.6em;
    padding: 10px 0 5px 0;
    margin: 0 0 0 10px;
    border-bottom: 1px solid;
    width: 200px;
    }
    
#top-hero-banner p{
    color:#ffffff;
    font-weight: normal;
    font-size: 1.3em;
    padding: 5px 0 0 10px;
    margin: 0;
    width: 200px;
    line-height: 1.4em;
    }
    
/* = Secondary page link styles
--------------------------------------------------------------*/
.sexual-health #main-content a,
.relationships #main-content a,
.professionals #main-content a{
    color: #22A7FF;
    text-decoration: underline;
    }
    
.young-people #main-content a{
    color: #FF3399;
    text-decoration: underline;
    }
    
.adults #main-content a{
    color: #0054B4;
    text-decoration: underline;
    }
    
.parents-carers #main-content a{
    color: #13B6A8;
    text-decoration: underline;
    }
    
.sexual-health #main-content a:hover,
.relationships #main-content a:hover,
.professionals #main-content a:hover,
.young-people #main-content a:hover,
.adults #main-content a:hover,
.parents-carers #main-content a:hover{
    text-decoration: none;
    }
    
/* = Secondary page h1 & p styles
--------------------------------------------------------------*/
/* sexual-health */
.sexual-health h1,
.relationships h1,
.professionals h1{
    color: #22A7FF;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
 #main-content-secondary h1{
    color: #22A7FF;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 20px 0 10px 0;
    }
    
.sexual-health h2,
.relationships h2,
.professionals h2{
    color: #22A7FF;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
 #main-content-secondary h2{
    color: #22A7FF;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
    }
    
.services h2{color:#0C3372; font-size:1.5em; font-weight:bold; margin:0; padding:0;}
    
.sexual-health h3,
.services h3,
.relationships h3,
.professionals h3{
    color: #22A7FF;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
#main-content-secondaryh3{
    color: #22A7FF;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.sexual-health p,
.relationships p,
.young-people p,
.adults p,
.parents-carers p,
.professionals p{
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 15px 0;
    } 
    
#main-content-secondary p{
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 15px 0;
    } 

/* adults */ 
.adults h1{
    color: #0054B4;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.adults h2{
    color: #0054B4;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.adults h3{
    color: #0054B4;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }

/* young people */ 
.young-people h1{
    color: #FF3399;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.young-people h2{
    color: #FF3399;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.young-people h3{
    color: #FF3399;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
/* parents-carers */ 
.parents-carers h1{
    color: #13B6A8;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.parents-carers h2{
    color: #13B6A8;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
.parents-carers h3{
    color: #13B6A8;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
/* = Text standout - secondary pages
--------------------------------------------------------------*/	
.sexual-health .text-standout p,
.relationships .text-standout p,
.professionals .text-standout p{
   background-color: #B2D1E0;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   margin: 0 0 20px 0;
   }

.young-people .text-standout p{
   background-color: #D7C5D8;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   }
   
.adults .text-standout p{
   background-color: #B5BFD3;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   }
   
.parents-carers .text-standout p{
   background-color: #C1E0D1;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   }
   
   
/**/
.sexual-health span.text-standout,
.relationships span.text-standout,
.professionals span.text-standout{
   background-color: #B2D1E0;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   margin: 0 0 20px 0;
   display: block;
   }

.young-people span.text-standout{
   background-color: #D7C5D8;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   margin: 0 0 20px 0;
   display: block;
   }
   
.adults span.text-standout{
   background-color: #B5BFD3;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   margin: 0 0 20px 0;
   display: block;
   }
   
.parents-carers span.text-standout{
   background-color: #C1E0D1;
   color: #000000;
   font-size: 1.8em;
   padding: 10px;
   margin: 0 0 20px 0;
   display: block;
   }

    
/* = Main content lists Secondary pages
--------------------------------------------------------------*/
/* sexual-health, relationships, professionals */
.sexual-health #main-content ul,
.services #main-content ul,
.relationships #main-content ul,
.young-people #main-content ul,
.adults #main-content ul,
.parents-carers #main-content ul,
.professionals #main-content ul,
#main-content-secondary ul{
    list-style: none;
    padding: 0;
    margin: 5px 0 20px 0;
    margin-left: 1em;
    }	

.sexual-health #main-content ul li,
.services #main-content ul li,
.relationships #main-content ul li,
.young-people #main-content ul li,
.adults #main-content ul li,
.parents-carers #main-content ul li,
.professionals #main-content ul li,
#main-content-secondary li{
    background-image: url(../images/common/bullit-square.jpg);
    background-repeat: no-repeat;
    background-position: 0 .6em;
    padding-left: 1em;
   /* font-size: 1.3em;*/
    color: #333333;
    line-height: 1.5em;
    display:block;
    }
    
.services #main-content ul li a{color:#22A7FF; text-decoration: underline;}
.services #main-content ul li a:hover{text-decoration: none;}
    
/* = generic box for main landing pages
--------------------------------------------------------------*/

.generic-box{ 
	background:url(../images/common/box-repeat-generic-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 0 10px 0; 
	width: 226px;
	}
	
.adults .generic-box{ 
	background:url(../images/common/box-repeat-adults-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 0 10px 0; 
	width: 226px;
	}
	
.young-people .generic-box{ 
	background:url(../images/common/box-repeat-young-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 0 10px 0; 
	width: 226px;
	}
	
.parents-carers .generic-box{ 
	background:url(../images/common/box-repeat-carers-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 0 10px 0; 
	width: 226px;
	}

.generic-box .top-box, 
.generic-box .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.generic-box .top-box{ 
	background:url(../images/common/box-top-generic.jpg) top left no-repeat; 
	height:12px;
	}
	
.adults .generic-box .top-box{ 
	background:url(../images/common/box-top-adults-landing.jpg) top left no-repeat; 
	height:12px;
	}
	
.young-people .generic-box .top-box{ 
	background:url(../images/common/box-top-young-landing.jpg) top left no-repeat; 
	height:12px;
	}
	
.parents-carers .generic-box .top-box{ 
	background:url(../images/common/box-top-carers-landing.jpg) top left no-repeat; 
	height:12px;
	}

.generic-box .content-box{ 
	width: 206px;
	margin:0 9px 0 9px;
	height: 240px; 
	}
	
.generic-box .content-box h1{ 
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.generic-box .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	font-size:1.2em;
	}
	
.generic-box .content-box p.image{ 
	border: 1px solid;
	margin: 0 0 3px 0;
	padding:0;
	height: 75px;
	width: 206px;
	}
	
.generic-box .content-box p img{
    border-color:#22A7FF;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.adults .generic-box .content-box p img{
    border-color:#0054B4;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.young-people .generic-box .content-box p img{
    border-color:#FF3399;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.parents-carers .generic-box .content-box p img{
    border-color:#13B6A8;
    border-style:solid;
    border-width:10px 1px 1px;
    }
	
.generic-box .content-box p.spacer{ 
	height: 20px;
	padding: 0;
	margin: 0;
	}
	
/* list start */	
.generic-box ul{
	list-style-type:none;
	padding: 0;
	margin-left: .1em;
	}
	
.generic-box ul li{
	font-size: 1.4em;
	padding-bottom: 11px;
	background-image: url(../images/common/list-image.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1em;
	}
	
.generic-box ul li a{
	text-decoration: none;
	}	
	
.generic-box ul li a:hover{
	text-decoration: underline;
	}	
/* list end */ 
	
.generic-box .content-box p.more-info{
	font-size: 1.1em;
	text-align:left;
	margin: 0;
	padding: 0;
	}
	
span.more-info a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}

.generic-box .content-box p.more-info a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
.generic-box .content-box a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
.generic-box .content-box p.more-info a:hover{
	text-decoration:underline;
	}
	
.generic-box .bottom-box{ 
	background:url(../images/common/box-bottom-generic.jpg) top left no-repeat; 
	height:12px; 
	}
	
.adults .generic-box .bottom-box{ 
	background:url(../images/common/box-bottom-adults-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
.young-people .generic-box .bottom-box{ 
	background:url(../images/common/box-bottom-young-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
.parents-carers .generic-box .bottom-box{ 
	background:url(../images/common/box-bottom-carers-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
/* = generic left side box for main landing pages
--------------------------------------------------------------*/	
.generic-box-left-box{ 
	background:url(../images/common/box-repeat-generic-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 10px 10px 0; 
	width: 226px;
	}

.adults .generic-box-left-box{ 
	background:url(../images/common/box-repeat-adults-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 10px 10px 0; 
	width: 226px;
	}
	
.young-people .generic-box-left-box{ 
	background:url(../images/common/box-repeat-young-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 10px 10px 0; 
	width: 226px;
	}
	
.parents-carers .generic-box-left-box{ 
	background:url(../images/common/box-repeat-carers-landing-tall.jpg) no-repeat left bottom; 
	position:relative;
	float:left;
	margin:0 10px 10px 0; 
	width: 226px;
	}
	
.generic-box-left-box .top-box, 
.generic-box-left-box .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.generic-box-left-box .top-box{ 
	background:url(../images/common/box-top-generic.jpg) top left no-repeat; 
	height:12px;
	}
	
.adults .generic-box-left-box .top-box{ 
	background:url(../images/common/box-top-adults-landing.jpg) top left no-repeat; 
	height:12px;
	}
	
.young-people .generic-box-left-box .top-box{ 
	background:url(../images/common/box-top-young-landing.jpg) top left no-repeat; 
	height:12px;
	}
	
.parents-carers .generic-box-left-box .top-box{ 
	background:url(../images/common/box-top-carers-landing.jpg) top left no-repeat; 
	height:12px;
	}

.generic-box-left-box .content-box{ 
	width: 206px;
	margin:0 9px 0 9px; 
	height: 240px;
	}
	
.generic-box-left-box .content-box h1{ 
	font-size: 1.6em;
	/*color: #0A2C6C;*/
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.generic-box-left-box .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	font-size:1.2em;
	}
	
.generic-box-left-box .content-box p.image{ 
	border: 1px solid;
	margin: 0 0 3px 0;
	padding:0;
	height: 75px;
	width: 206px;
	}
	
.generic-box-left-box .content-box p img{
    border-color:#22A7FF;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.adults .generic-box-left-box .content-box p img{
    border-color:#0054B4;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.young-people .generic-box-left-box .content-box p img{
    border-color:#FF3399;
    border-style:solid;
    border-width:10px 1px 1px;
    }
    
.parents-carers .generic-box-left-box .content-box p img{
    border-color:#13B6A8;
    border-style:solid;
    border-width:10px 1px 1px;
    }
	
.generic-box-left-box .content-box p.spacer{ 
	height: 20px;
	padding: 0;
	margin: 0;
	}
	
/* list start */	
.generic-box-left-box ul{
	list-style-type:none;
	padding: 0;
	margin-left: .1em;
	}
	
.generic-box-left-box ul li{
	font-size: 1.4em;
	padding-bottom: 11px;
	background-image: url(../images/common/list-image.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1em;
	}
	
.generic-box-left-box ul li a{
	text-decoration: none;
	}	
	
.generic-box-left-box ul li a:hover{
	text-decoration: underline;
	}	
/* list end */ 
	
.generic-box-left-box .content-box p.more-info{
	font-size: 1.1em;
	text-align:left;
	color:#0A2C6C;
	margin: 0;
	padding: 0;
	}
	
span.more-info{
	font-size: 0.9em;
	text-align:left;
	color:#0A2C6C;
	margin: 0;
	padding: 0;
	}

.generic-box-left-box .content-box p.more-info a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
.generic-box-left-box .content-box a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
span.more-info a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
p.more-info a{
	background: url(../images/common/link-arrow.gif) no-repeat right center;
  	padding: 2px 22px 2px 0;
	text-decoration:none;
	}
	
.generic-box-left-box .content-box p.more-info a:hover{
	text-decoration:underline;
	}
	
.generic-box-left-box .bottom-box{ 
	background:url(../images/common/box-bottom-generic.jpg) top left no-repeat; 
	height:12px; 
	}
	
.adults .generic-box-left-box .bottom-box{ 
	background:url(../images/common/box-bottom-adults-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
.young-people .generic-box-left-box .bottom-box{ 
	background:url(../images/common/box-bottom-young-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
.parents-carers .generic-box-left-box .bottom-box{ 
	background:url(../images/common/box-bottom-carers-landing.jpg) top left no-repeat; 
	height:12px; 
	}
	
/* = tag cloud styles
--------------------------------------------------------------*/	
.weight1 { font-size: 80%; }
.weight2 { font-size: 110%; }
.weight3 { font-size: 140%; font-weight: bold; }
.weight4 { font-size: 170%; font-weight: bold; }
.weight5 { font-size: 200%; font-weight: bold; }
.tagCloud {text-align: justify; display: block; }
.tagCloud a { text-decoration: none; color: #777777; }
.tagCloud a:hover, .tagCloud a:active, .tagCloud a:focus { color: #ccc; text-decoration: underline; }
.tagCloud, .tagCloud li { padding: 0; margin: 0; list-style-type: none; height: 137px; overflow: hidden; }
.tagCloud li { display: inline; padding-right: 5px; }
.tagCloud li span { display: none; }

.siteLogo{
    display: block;
    width: 250px;
    height: 95px;
    position: absolute;
    margin: 0;
    padding: 0;
    }
    
.siteLogo span{
    display: none;
    }
    
/* = form styles
--------------------------------------------------------------*/ 
/* widens the main content div only in the contact page */
.contact-us #main-content,
.services #main-content,
.search-results #main-content,
.appointment-request #main-content
{
    width: 706px;
    display:inline;
    float:left;
    margin:0 14px 0 14px;
    padding:0;
    position:relative;
    }
    
#main-content p{font-size: 1.3em;}
    

.news #main-content{
    width: 706px;
    display:inline;
    float:left;
    margin:0 14px 0 14px;
    padding:38px 0 0 0;
    position:relative;
    }
     
.contact-us #contact-us,
.appointment-request #contact-us,
.appointment-request #request-appointment,
.ptk-form{
    margin: 0;
    padding: 30px 0 0 0;
    } 
    
.contact-us #contact-us p,
.services #channelSelector p,
.appointment-request #request-appointment p{
    color:#333333;
    font-size:1.3em;
    font-weight:normal;
    line-height:1.4em;
    margin:0;
    padding:5px 0 5px 0;
    width: 100%;
    }  
    
.contact-us #contact-us p span
{
    font-size: 0.6em;
    font-weight: bold;
}

.contact-us #contact-us input,
.services #channelSelector input,
.appointment-request #request-appointment input,
.ptk-form input,
.appointment-request #request-appointment textarea
{
    width: 75%;
    padding: 5px;
   
    }
    
.appointment-request #request-appointment label#monthOfBirthLabel,
.appointment-request #request-appointment label#yearOfBirthLabel{text-indent: -9000em; width:0;}

.appointment-request #request-appointment select#dateOfBirth,
.appointment-request #request-appointment select#monthOfBirth{margin: 0 10px 0 0;}

.appointment-request #request-appointment p.spacer{display: block; height: 2px; margin: 0; padding: 0;}

/*inner fieldset 1 */
.appointment-request #request-appointment fieldset#st-inf ul{float: left; margin: 0; padding: 0; clear: left; width: 95%;}
.appointment-request #request-appointment fieldset#st-inf ul li{font-size:1.3em; list-style: none; padding: 0 0 5px 0;}

fieldset#st-inf legend{font-size: 1.2em;}
fieldset#st-inf h2{color:#333333; font-weight:normal; font-size:1.3em; margin: 0; padding: 0;}

fieldset#st-inf div {
    float:left;
    width:8em;
    }

fieldset#st-inf label {
    display:inline;
    float:none;
    }

fieldset#st-inf input.checkbox,
fieldset#st-inf input.radio{width:auto;}
/*inner fieldset 1 */

/*inner fieldset 2 */
.appointment-request #request-appointment fieldset#st-inf-2 ul{float: left; margin: 0; padding: 0; clear: left; width: 95%;}
.appointment-request #request-appointment fieldset#st-inf-2 ul li{font-size:1.3em; list-style: none; padding: 0 0 5px 0;}

fieldset#st-inf-2 legend{font-size: 1.2em;}
fieldset#st-inf-2 h2{color:#333333; font-weight:normal; font-size:1.3em; margin: 0; padding: 0;}

fieldset#st-inf-2 div {
    float:left;
    width:8em;
    }
 
fieldset#st-inf-2 label {
    display:inline;
    float:none;
    }

fieldset#st-inf-2 input.checkbox{width:auto;}

fieldset#st-inf-2 p.extra{display: block; float: left; font-size:1em;}

fieldset#st-inf-2 input.checkbox,
fieldset#st-inf-2 input.radio{width:auto;}

/*inner fieldset 2 */

/*inner fieldset 3 */
.appointment-request #request-appointment fieldset#st-inf-3 ul{float: left; margin: 0; padding: 0; clear: left; width: 95%;}
.appointment-request #request-appointment fieldset#st-inf-3 ul li{font-size:1.3em; list-style: none; padding: 0 0 5px 0;}

fieldset#st-inf-3 legend{font-size: 1.2em;}
fieldset#st-inf-3 h2{color:#333333; font-weight:normal; font-size:1.3em; margin: 0; padding: 0;}

fieldset#st-inf-3 div {
    float:left;
    width:8em;
    }

fieldset#st-inf-3 label {
    display:inline;
    float:none;
    }

fieldset#st-inf-3 input.checkbox{width:auto;}

fieldset#st-inf-3 p.extra{display: block; float: left; font-size:1em;}

fieldset#st-inf-3 input.checkbox,
fieldset#st-inf-3 input.radio{width:auto;}

/*inner fieldset 3 */

/*inner fieldset 4 */
.appointment-request #request-appointment fieldset#st-inf-4 ul{float: left; margin: 0; padding: 0; clear: left; width: 95%;}
.appointment-request #request-appointment fieldset#st-inf-4 ul li{font-size:1.3em; list-style: none; padding: 0 0 5px 0;}

fieldset#st-inf-4 legend{font-size: 1.2em;}
fieldset#st-inf-4 h2{color:#333333; font-weight:normal; font-size:1.3em; margin: 0; padding: 0;}

fieldset#st-inf-4 div {
    float:left;
    width:8em;
    }

fieldset#st-inf-4 label {
    display:inline;
    float:none;
    }

fieldset#st-inf-4 input.checkbox{width:auto;}

fieldset#st-inf-4 p.extra{display: block; float: left; font-size:1em;}

fieldset#st-inf-4 input.checkbox,
fieldset#st-inf-4 input.radio{width:auto;}

/*inner fieldset 4 */

/*inner fieldset 5 */
.appointment-request #request-appointment fieldset#st-inf-5 ul{float: left; margin: 0; padding: 0; clear: left; width: 95%;}
.appointment-request #request-appointment fieldset#st-inf-5 ul li{font-size:1.3em; list-style: none; padding: 0 0 5px 0;}

fieldset#st-inf-5 legend{font-size: 1.2em;}
fieldset#st-inf-5 h2{color:#333333; font-weight:normal; font-size:1.3em; margin: 0; padding: 0;}

fieldset#st-inf-5 div {
    float:left;
    width:8em;
    }

fieldset#st-inf-5 label {
    display:inline;
    float:none;
    }

fieldset#st-inf-5 input.checkbox{width:auto;}

fieldset#st-inf-5 p.extra{display: block; float: left; font-size:1em;}
fieldset#st-inf-5 input.checkbox,
fieldset#st-inf-5 input.radio{width:auto;}


/*inner fieldset 5 */


input#Chlamydia_Testing_Form_0_135d69c0b84e47018fa0f2b860001140_checkBoxDataProtection{padding: 0; height: auto; width: auto;}
    
.contact-us #contact-us label,
.services #channelSelector label,
.appointment-request #request-appointment label
{
    color: #333333;
    font-weight: normal;
}


.ptk-form label{font-size: 1em; font-weight: NORMAL; width: 100%;}
    
.contact-us #contact-us .submit-button,
.services #channelSelector .submit-button,
.appointment-request #request-appointment .submit-button,
.ptk-form .submit-button{
    width: 100px;
    }
     
#channelSelector{
    /*width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0 0 0;*/
    margin: 0;
    padding: 30px 0 0 0;
    } 
    
.services #channelSelector h1 {
  font-weight: bold;
  font-size: 2em;
  color: #0C3372;
  }
  
.services #channelSelector h2{
  font-weight: bold;
  font-size: 1.5em;
  color: #0C3372;
  }
  
.services #channelSelector ul{
  color: #0C3372;
  font-size: 1.3em;
  }
    
.services #channelSelector p {
    position: relative;
    width: 100%;
    font-weight: normal;
    font-size: 1.3em;
    color: #333333;
    }
    
.services #channelSelector p.error {
    border: 1px solid #ff0000;
    padding: 20px 30px 20px 60px;
    width: 615px;
    background: #ffcccc url(../images/common/error.gif) no-repeat left center;
    font-weight: bold;
    }
    
.services #channelSelector a{
    color: #0C3372;
    text-decoration: underline;
    }
    
.services #channelSelector a:hover{
    text-decoration: none;
    }

.channelSelector p.sep-line,
p.sep-line{
    height: 3px;
    border-top: 1px solid #ccc;
    }

    
.services #channelSelector p.google-link a{
	background: url(../images/common/mapicon.jpg) no-repeat left center;
  	padding: 6px 0 3px 28px;
  	font-size: 0.8em;
	}

/* style for  labels */
label {
  float: left;
  width: 8em;
} 
    
/* fieldset styling */

fieldset 
{
    
  margin:0 0 10px 0; 
  padding: 1em;
  border : 1px solid #ccc;
  background-color:#ffffff;
  background: #ffffff url(../images/common/footer-back.jpg) repeat-x scroll left bottom;
  }
   
.resluts-wrapper {
  margin:0 0 10px 0; 
  padding: 1em;
  border : 1px solid #ccc;
  background-color:#ffffff;
  background: #ffffff url(../images/common/footer-back.jpg) repeat-x scroll left bottom;
   }

/* legend styling */
legend {
  font-weight: bold;
  font-size: 1.5em;
  color: #0C3372;
  margin: 0;
  padding: 0;
  }
  
  
/* input */

input[type="text"], textarea {
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
    }
    
.text-area
{
    width: 95%;
}

/* = homepage news listyer styles styles
--------------------------------------------------------------*/  
.news-lister ul{margin: 0; padding: 0; list-style: none;}
.news-lister ul li span,
.news-lister ul li p{display: none;}
.news-lister ul li h3 a{color:#777777; text-decoration: none;}
.news-lister ul li h3 a:hover{color:#333333; text-decoration: underline;}

.news-lister ul li{border-bottom: 1px dotted #cccccc; }
.news-lister ul li + li{border-bottom: none;}



/* = rate this article & tag cloud wrapper styles
--------------------------------------------------------------*/  

.rate-this-entry,
.tag-cloud{ 
	background:url(../images/common/box-repeat-new.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:0; 
	width: 226px;
	margin-right: -3px;
	}
	
.news-lister{ 
	background:url(../images/common/box-repeat-new.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:0; 
	width: 226px;
	margin-right: -3px;
	margin-bottom: 14px;
	}

.news-lister .top-box, 
.news-lister .bottom-box,
.rate-this-entry .top-box, 
.rate-this-entry .bottom-box,
.tag-cloud .top-box, 
.tag-cloud .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.news-lister .top-box,
.rate-this-entry .top-box,
.tag-cloud .top-box{ 
	background:url(../images/common/box-top-new.jpg) top left no-repeat; 
	height:12px;
	}

.news-lister .content-box{ 
	width: 206px;
	margin:0 10px 5px 10px; 
	}
	

.tag-cloud .content-box{ 
	width: 206px;
	margin:0 10px 10px 10px; 
	}
	
.rate-this-entry .content-box{ 
	width: 206px;
	margin:0 10px 0 10px; 
	}
	
.news-lister .content-box h1,
.rate-this-entry .content-box h1,
.tag-cloud .content-box h1{ 
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	color: #333333;
	}
	
.rate-this-entry .content-box p{ 
	padding:0;
	margin: 0;
	font-size: 1.1em;
	}
	
.news-lister .content-box p
.tag-cloud .content-box p{ 
	padding: 0 0 5px 0;
	margin: 0;
	}
	
.news-lister .bottom-box,
.rate-this-entry .bottom-box,
.tag-cloud .bottom-box{
	background:url(../images/common/box-bottom-new.jpg) top left no-repeat; 
	height:12px; 
	}
	
/* comment anchor box */
.comment-anchor{ 
	background:url(../images/common/box-repeat-new.jpg) repeat-y; 
	position:relative;
	float:left;
	margin:10px 0 0 0; 
	width: 226px;
	margin-right: -3px;
	}

.comment-anchor .top-box, 
.comment-anchor .bottom-box{ 
	width: 226px;
	overflow:hidden; 
	}

.comment-anchor .top-box{ 
	background:url(../images/common/box-top-new.jpg) top left no-repeat; 
	height:12px;
	}

.comment-anchor .content-box{ 
	width: 206px;
	margin:0 10px 0 10px; 
	}
	
.comment-anchor .content-box h1{ 
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	color: #0A2C6C;
	}
	
	
.comment-anchor .bottom-box{
	background:url(../images/common/box-bottom-new.jpg) top left no-repeat; 
	height:12px; 
	}
	
.comment-anchor a {
    text-decoration: none; 
    color: #777777;
    background: url(../images/common/comment.jpg) no-repeat left center;
  	padding: 10px 0 10px 42px;
    }

.comment-anchor a:hover, 
.tagCloud a:active, 
.tagCloud a:focus  {
    color: #ccc; text-decoration: underline;
    }
	
.starRating {
    background:url('../images/vote/yellow.gif') no-repeat left top;
    height:30px;
    margin:0;
    padding:0;
    width:150px;
    float: left;
    overflow: hidden;
    }
    
.title-box{
    float: left;
    height: 30px;
    background: #ffffff url(../images/vote/rate-back.jpg) repeat-x scroll left top;
    border-right: 1px solid #ffffff;
    margin: 0;
    padding: 0;
    }
    
.title-box p{
    color: #ffffff;
    display: block;
    width: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    height: 30px;
    margin: 0;
    padding: 0;
    }
    
.rate-this-entry .title-box p{
    font-size: 1em;
    padding: 5px 0 0 0;
    font-weight: bold;
    } 
    
.starBar {
    background:url(../images/vote/starbar-bg.png) top left no-repeat;
    margin: 0;
    padding: 0;
    }
   
.contact-us .content-box p.intro-text{
    font-weight:normal;
    margin:0;
    padding:5px 0 0 0;
    }
    
.contact-us .content-box p.votestatus{
    font-weight:bold;
    margin:0;
    padding:5px 0 0 0;
    }
    
.contact-us #pnlInstructions{
    padding-top: 10px;
    }
    
/* = comments - uses form styles above for form elements
--------------------------------------------------------------*/  
.thankyou{
    margin: 10px 0 0 0;
    }

.comment-button{
    margin: 10px 0 10px 0;
    }
    
.contact-us #contact-us p.error {
    border: 1px solid red;
    padding: 15px 0 15px 55px;
    background:#f7d9d9 url(../images/common/forbidden.jpg) center left no-repeat;
    margin: 9px 0 10px 0;
    width: 651px;
    }

    
.contact-us #contact-us .status-message{
    border: 1px solid #2bc70c;
    padding: 15px 0 15px 55px;
    background:#c7fbbf url(../images/common/check.jpg) center left no-repeat;
    margin: 9px 0 10px 0;
    width: 651px;
    }
    
/* = search results
--------------------------------------------------------------*/    
.searchPage h2
{
    color: #333333;
    font-weight:bold;
}

ol.searchresult
{
    margin: 0 0 0 20px;
    padding: 0;
}

ol.searchresult li 
{
    margin: 0 0 10px 0;
    padding: 0 0 20px 0;
    color: #333333;
    border-bottom: 1px dotted #666666;
}

ol.searchresult li h3
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}

ol.searchresult li h3 a
{
    color:#0693B8;
    text-decoration: none;
}

ol.searchresult li h3 a:hover
{
    text-decoration: underline;
}



p.searchurl
{
    padding:0;
    margin: 0;
    font-size: 1.3em;
}

/* = news
--------------------------------------------------------------*/ 
.news #main-content ul.items
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.news #main-content ul.items li.news
{
    background:#FFFFFF url(../images/common/footer-back.jpg) repeat-x scroll left bottom;
    border:1px solid #CCCCCC;
    margin:0 0 10px;
    padding:1em;
    list-style: none;
}

.news ul.items li.news h3
{
    font-size: 1.3em;
    color:#22A7FF;
}

.news ul.items li.news h3 a
{
    color:#333333;
    text-decoration: none;
}

.news ul.items li.news h3 a:hover
{
    color:#333333;
    text-decoration: underline;
}

.news ul.items li.news span
{
    font-size: 1.2em;
    color:#666666;
    font-weight: bold;
}

.news ul.items li.news p
{
    font-size: 1.2em;
    color:#666666;
    font-weight: normal;
}

.text-standout .ptk-form h2
{
    padding-left: 10px;
}
#main-content .text-standout fieldset p input
{
    width: 72%;
}
#main-content .text-standout .ptk-form .checkbox input
{
    width: auto;
    padding: 0;
    margin: 0;
}
#main-content .text-standout .ptk-form .checkboxlabel
{
    width: auto;
    float: none;
}
.ptk-form .warning
{
    display: block;
    color: #c00;
    margin-left: 105px;
}
#main-content .text-standout fieldset p
{
    background-color: Transparent;
    font-size: 130%;
}
.news #main-content h1{
    color: #666666;
    font-size: 1.8em;
    font-weight:bold;
    }
    
.news #main-content h2{
    color: #666666;
    font-size: 1.6em;
    font-weight:bold;
    }
    
.news #main-content h3{
    color: #666666;
    font-size: 1.4em;
    font-weight:bold;
    }

.news #main-content p {
    color:#666666;
    font-size:1.2em;
    font-weight:normal;
    line-height: 1.4em;
    }
    
.news #main-content ul
{
    margin: 0 0 0 20px;
    padding: 0;
}

.news #main-content ul li
{
    list-style:disc;
    color: #666666;
}

.news #main-content a
{
    color:#22A7FF;
    text-decoration: underline;
}

.news #main-content a:hover
{
    color:#22A7FF;
    text-decoration: none;
}

.lister ul.items li.library h3{font-size: 1em; padding: 0 0 10px 0;}
.lister ul.items li.library span{padding: 0 0 10px 0;}
.lister ul.items li.library p{font-size: 1em;}

.checkBoxContainer label
{
    float: none;
    padding: 0 0 0 5px;
}


/* = Request Appointment 
--------------------------------------------------------------*/ 


.message {
	background-color:#CCCCCC;
	border:2px solid;
	margin:10px 0;
	padding:10px 10px 10px 10px;
	color:#333;
	clear:both;
}

.message p {
	font-size:93%;
	margin:0 0 0 30px;
}

.message ul 
{
	margin:0 0 0 40px;
}

.message span.icon {
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin:0 10px 0 0;
	background-image:url(../images/icons/sprite-icons.png);
}


.message a:hover 
{
	text-decoration:none;
}


.message.success {
	
	background-color:#E6EFC2;
	border-color:#C6D880;
	color:#264409;
}


.message.success p,
.message.success a {
	color:#264409;
	
}

.message.success span.icon {
	
	background-position:0 0;
}

.message.error {
	
	border-color:#FF0000;
	background-color:#FBE3E4;
	border-color:#FBC2C4;
	color:#8A1F11;
}

.message.error p,
.message.error a {
	
	color:#8A1F11;
}


.message.error span.icon {
	
	background-position:-16px 0;
}

.message.notice {
	
	background-color:#FFF6BF;
	border-color:#FFD324;
	color:#514721;
}

.message.notice p,
.message.notice a{
	
	color:#514721;
}

.message.notice span.icon {
	
	background-position:-32px 0;
}
