@import url("reset.css");
@import url("typography.css");

/*
--------------------------------------------------------------------------------------------------------------------------
= ACKNOWLEDGEMENT
--------------------------------------------------------------------------------------------------------------------------
*/

/*
Author:		Christopher Taylor, Stephen Dupree, Tim Parmee
Date:		Copyright March 2009
*/

/*
--------------------------------------------------------------------------------------------------------------------------
= LAYOUT ELEMENTS
--------------------------------------------------------------------------------------------------------------------------
*/

html { background : #cceaef url(../images/html.jpg) repeat-y center top; }	
body { background : url(../images/top_bg.jpg) no-repeat center top; margin:0px auto; }

div#wrapper 		{ width:980px; margin:0 auto; }
.container 			{ width:980px; margin:0 auto; clear: both; }
.containerContent	{ width:960px; position: relative; left:10px; clear:both; background: #98d5de url(../images/content_bg.png) top center repeat-x; }

div#mast 			{ width:960px; height:200px; position: relative; left: 10px; background: url(../images/mast_bg.jpg) no-repeat; }
div#main_nav 		{ width:980px; height:34px; background: url(../images/main_navbg.jpg) no-repeat; }
div#main_navbase	{ width:980px; height:11px; background: url(../images/main_navbase.jpg) no-repeat; }

/* page columns */
div#columnLeft		{ width:620px; float:left; display:inline; padding-left:10px;}
div#columnRight		{ width:310px; float:right; display:inline; padding-right:10px;}

div#columnTop		{ width:620px; float:left; display:inline; padding:0; margin:0; }
div#columnBase		{ width:620px; float:left; display:inline; padding:0; margin:0; }


/*
--------------------------------------------------------------------------------------------------------------------------
= CLEAR FLOATED ELEMENTS
--------------------------------------------------------------------------------------------------------------------------
*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*
--------------------------------------------------------------------------------------------------------------------------
= MASTHEAD
--------------------------------------------------------------------------------------------------------------------------
*/

h1#logo 			{ text-indent:-9999px; }


/*
---------------------------------------------------------------------------------
= NAVIGATION
---------------------------------------------------------------------------------
*/

div#main_nav ul 		{ position:relative; left:0px; float:left; height:34px; margin:0; padding-left:20px; }
div#main_nav li 		{ float:left; display: inline; height:34px; color:#FFFFFF; padding:0; text-indent:-99999px; }
div#main_nav li a 		{ display: block; height: 100%; overflow: hidden; width: 100%; }


#nav_home 			{ width:63px; margin-right:17px; }
#nav_contraception 	{ width:172px; margin-right:17px; }
#nav_sti 			{ width:46px; margin-right:17px; }
#nav_pregnancy		{ width:127px; margin-right:16px; }
#nav_lgbt 			{ width:56px; margin-right:17px; }
#nav_skooldaze 		{ width:130px; margin-right:18px; }
#nav_news 			{ width:160px; margin-right:18px; }
#nav_links 			{ width:61px; }

#nav_home a, #nav_contraception a, #nav_sti a, #nav_pregnancy a, #nav_lgbt a, #nav_skooldaze a, #nav_news a, #nav_links a { background:url(../images/main_nav_btns.jpg); }

#nav_home a 					{ background-position: -22px 34px; }
#nav_home a:hover 				{ background-position: -22px 68px; }
#nav_home.current a 			{ background-position: -22px 0px; }

#nav_contraception a 			{ background-position: -102px 34px; }
#nav_contraception a:hover 		{ background-position: -102px 68px; }
#nav_contraception.current a 	{ background-position: -102px 0px; }

#nav_sti a 						{ background-position: -291px 34px; }
#nav_sti a:hover 				{ background-position: -291px 68px; }
#nav_sti.current a 				{ background-position: -291px 0px; }

#nav_pregnancy a 				{ background-position: -354px 34px; }
#nav_pregnancy a:hover 			{ background-position: -354px 68px; }
#nav_pregnancy.current a 		{ background-position: -354px 0px; }

#nav_lgbt a 					{ background-position: -497px 34px; }
#nav_lgbt a:hover 				{ background-position: -497px 68px; }
#nav_lgbt.current a 			{ background-position: -497px 0px; }

#nav_skooldaze a 				{ background-position: -570px 34px; }
#nav_skooldaze a:hover 			{ background-position: -570px 68px; }
#nav_skooldaze.current a 		{ background-position: -570px 0px; }

#nav_news a 					{ background-position: -718px 34px; }
#nav_news a:hover 				{ background-position: -718px 68px; }
#nav_news.current a 			{ background-position: -718px 0px; }

#nav_links a 					{ background-position: -896px 34px; }
#nav_links a:hover 				{ background-position: -896px 68px; }
#nav_links.current a 			{ background-position: -896px 0px; }


/*
---------------------------------------------------------------------------------
= MAIN CONTENT
---------------------------------------------------------------------------------
*/

/* content images */
.imgleft { float:left; padding:0px; border:1px solid #FFF; outline:2px solid #aed9e2; margin: 6px 16px 6px 2px; clear:both; }
.imgright { float:right; padding:0px; border:1px solid #FFF; outline:2px solid #aed9e2; margin: 6px 2px 6px 16px; clear:both; }

.imgSkooldaze { float:right; padding:0px; border:1px solid #FFF; outline:1px solid #f4c88c; margin: 6px 2px 6px 16px; clear:both; }

/* new features carousel */

#loopedSlider				{ width:300px; height:365px; position:relative;  clear:both; padding:15px 0 8px 0; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_thin.jpg) bottom center no-repeat;  }
.containerSlider 			{ position:relative; width:300px; height:160px; margin-top:20px;  overflow:hidden;  cursor:pointer;  }

.slides 					{ position:absolute; top:0; left:0; }
.slides > div 				{ position:absolute; top:0; width:300px; display:none; }
ul.pagination 				{ list-style:none; padding:0; margin:8px 0 0 10px;; float:left; }
ul.pagination li  			{ float:left; }
ul.pagination li a 			{ padding:2px 4px; }
ul.pagination li.active a 	{ background:#e58731; color:white; }
.previous					{ float:left; display:block; margin:2px 0 0 2px; width:30px; height:30px; text-indent:-9999px; background:url(../images/carousel/arrow_prev.jpg) no-repeat top; }
.next    					{ float:right; display:block; margin:2px 2px 0 0; width:30px; height:30px; text-indent:-9999px; background:url(../images/carousel/arrow_next.jpg) no-repeat top; }

/* Flash media gallery */
#flashMediaPlayer 	{ margin:2em 0 2em 0;  }
#flashVideo 		{ display:block; margin:0 auto 0 auto; }

/* hr break */
div#columnLeft div.hr { height: 1px; background: #66C4CE url(../images/hr.png) no-repeat center; margin:16px 8px 16px 12px; }
div#columnLeft div.hr hr { display: none; }

/*
--------------------------------------------------------------------------------------------------------------------------
= CONTENT BLOCKS - LEFT COLUMN
--------------------------------------------------------------------------------------------------------------------------
*/

/* block element */
.blockContainer 	{ position:relative; border:none; margin:0; }
.blockImg 			{ position: relative; float:left; padding:0px; border:3px solid #AED9E2; margin-right:15px; }

.blockYoutube		{ text-align:center; padding:6px 0 6px 0; }

.blockContent 		{ display:block; border:1px solid #FFF; padding:0 8px 8px 8px; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_wide.jpg) bottom center no-repeat; overflow:auto; }
.blockContent_NoPad	{ display:block; border:1px solid #FFF; padding:0; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_wide.jpg) bottom center no-repeat; overflow:auto; }

.textIndent			{ margin-left: 20px; margin-bottom:12px; }

/* BLOCK TITLES */
h2#blockTitle_Qlinks 			{ width:620px; height:32px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_qlinks.jpg) top center no-repeat; clear:both; }
h2#blockTitle_SummerEssentials 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_summeressentials.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Time4U		 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_time4u.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ChlamydiaTestKits	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_chlamydiatestkits.jpg) top center no-repeat; clear:both; }
h2#blockTitle_EmailThanks	 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_thanksemail.jpg) top center no-repeat; clear:both; }
h2#blockTitle_RequestThanks 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_thanksrequest.jpg) top center no-repeat; clear:both; }
h2#blockTitle_QuestionThanks 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_thanksquestion.jpg) top center no-repeat; clear:both; }
h2#blockTitle_EnquiryThanks 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_thanksenquiry.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Oops			 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_oops.jpg) top center no-repeat; clear:both; }


h2#blockTitle_Welcome 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_welcome.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Ccard 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_ccard.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Disclaimer		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_disclaimer.jpg) top center no-repeat; clear:both; }
h2#blockTitle_FindaService 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_findaservice.jpg) top center no-repeat; clear:both; }
h2#blockTitle_AskaQuestion		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_askaquestion.jpg) top center no-repeat; clear:both; }
h2#blockTitle_NewsEvents		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_newsevents.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Links 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_links.jpg) top center no-repeat; clear:both; }
h2#blockTitle_RuReady 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_ruready.jpg) top center no-repeat; clear:both; }
h2#blockTitle_StaffDownloads 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_staffdownloads.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Counselling 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_counselling.jpg) top center no-repeat; clear:both; }

/* contraception */
h2#blockTitle_Contra 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_contraception.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ContraFlowchart	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_contraflowchart.jpg) top center no-repeat; clear:both; }
h2#blockTitle_CombinedPill 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_combinedpill.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Condoms	 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_condoms.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Contrapatch		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_contrapatch.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Diaphragm 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_diaphragm.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Morningafterpill 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_morningafterpill.jpg) top center no-repeat; clear:both; }
h2#blockTitle_EmergencyIUD		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_emergencyiud.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Femalecondom		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_femalecondom.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Femalesterile 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_femalesterile.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Implant			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_implant.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Injection			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_injection.jpg) top center no-repeat; clear:both; }
h2#blockTitle_IUD				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_iud.jpg) top center no-repeat; clear:both; }
h2#blockTitle_IUS				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_ius.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Vasectomy			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_vasectomy.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Familyplan	 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_familyplan.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Progpill 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_progpill.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Contraring 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_contraring.jpg) top center no-repeat; clear:both; }
h2#blockTitle_LARC		 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_larc.jpg) top center no-repeat; clear:both; }

/* sti */
h2#blockTitle_STIs 				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_stis.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Chlamydia 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_chlamydia.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Herpes			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_herpes.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Gonorrhoea		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_gonorrhoea.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Hepatitis 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_hepatitis.jpg) top center no-repeat; clear:both; }
h2#blockTitle_HIV		 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_hiv.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Pubiclice 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_pubiclice.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Scabies			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_scabies.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Syphilis			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_syphilis.jpg) top center no-repeat; clear:both; }
h2#blockTitle_TV				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_tv.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Warts				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_warts.jpg) top center no-repeat; clear:both; }

/* pregnancy */
h2#blockTitle_Pregnancy 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_pregnancy.jpg) top center no-repeat; clear:both; }
h2#blockTitle_PregnancyMyths 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_pregnancymyths.jpg) top center no-repeat; clear:both; }
h2#blockTitle_PregnancyAlcohol 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_pregnancy_alcohol.jpg) top center no-repeat; clear:both; }

/* lgbt */
h2#blockTitle_LGBT				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_lgbt.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WGMHProject		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_wgmhproject.jpg) top center no-repeat; clear:both; }
h2#blockTitle_LGBTContacts 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_lgbtcontacts.jpg) top center no-repeat; clear:both; }
h2#blockTitle_LesbianSex 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_lesbiansex.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GaymenAnaloral	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_men_analoral.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GaymenIntro 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_men_intro.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GaymenRelations 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_men_relationships.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GaymenRisk 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_men_risk.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Sexuality			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_sexuality.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ComingOut			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_comingout.jpg) top center no-repeat; clear:both; }
h2#blockTitle_BeingBisexual		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_beingbisexual.jpg) top center no-repeat; clear:both; }

/* skool daze */
h2#blockTitle_Skooldaze		 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_skooldaze.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Boys 				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_forboys.jpg) top center no-repeat; clear:both; }
h2#blockTitle_BoysBalls			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_boysballs.jpg) top center no-repeat; clear:both; }
h2#blockTitle_BoysPenis			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_boyspenis.jpg) top center no-repeat; clear:both; }
h2#blockTitle_BoysMasturbation	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_boysmasturbation.jpg) top center no-repeat; clear:both; }
h2#blockTitle_BoysFurther		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_goingfurther.jpg) top center no-repeat; clear:both; }
h2#blockTitle_Girls				{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_forgirls.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GirlsBody			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_girlsbody.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GirlsBreasts		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_girlsbreasts.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GirlsPeriods		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_girlsperiods.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GirlsContra		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_girlscontra.jpg) top center no-repeat; clear:both; }
h2#blockTitle_GirlsFurther		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_goingfurther.jpg) top center no-repeat; clear:both; }

/* findn a service */
h2#blockTitle_ServJAC 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_jac.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServARROWSIDE 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_arrowside.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServSMALLWOOD 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_smallwood.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServMOORSTREET 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_moorstreet.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServKIDDERMINSTER { width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_kidderminster.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServSHEU 			{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_sheu.jpg) top center no-repeat; clear:both; }
h2#blockTitle_ServWGMHP	 		{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_serv_wgmhp.jpg) top center no-repeat; clear:both; }

/* willy style */
h2#blockTitle_WillyEpisode1 	{ width:593px; height:209px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_episode1.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyEpisode2 	{ width:593px; height:209px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_episode2.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyEpisode3 	{ width:593px; height:209px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_episode3.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyEpisode4 	{ width:593px; height:209px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_episode4.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillySummerEssen 	{ width:593px; height:218px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_summer_ess.png) top center no-repeat; clear:both; }

h2#blockTitle_WillyProtection 	{ width:593px; height:35px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_protection.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyRespect 		{ width:593px; height:35px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_respect.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyRisk 		{ width:593px; height:35px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_risk.jpg) top center no-repeat; clear:both; }
h2#blockTitle_WillyServices		{ width:593px; height:35px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_willy_services.jpg) top center no-repeat; clear:both; }


h2#blockTitle_x 	{ width:620px; height:37px; display:block; text-indent:-9999px; padding:0; background: url(../images/titles/title_x.jpg) top center no-repeat; clear:both; }


/*
--------------------------------------------------------------------------------------------------------------------------
= CONTENT BLOCKS - RIGHT COLUMN
--------------------------------------------------------------------------------------------------------------------------
*/

/* FEATURES */
.blockTitle_Features_side 			{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_features.jpg) top center no-repeat; }


/* NEWS EVENTS */
.blockTitle_NewsEvents_side 		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_newsevents.jpg) top center no-repeat; }
.blockTitle_News_side 				{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_news.jpg) top center no-repeat; }
.blockTitle_Events_side 			{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_events.jpg) top center no-repeat; }
.blockTitle_LatestNews_side 		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_latestnews.jpg) top center no-repeat; }
.blockTitle_LatestEvents_side 		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_latestevents.jpg) top center no-repeat; }
.blockTitle_LatestEvent_side 		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_latestevent.jpg) top center no-repeat; }


.blockContent_NewsEvents_side 		{ display:block; border:1px solid #FFF; padding:0 0 8px 0; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_thin.jpg) bottom center no-repeat; overflow:auto; }
.blockContent_NewsEvents_side h5 	{ color:#459dad; font-size:1.5em; line-height:1.15em; font-weight:normal; margin: 4px 8px 4px 8px; }
.blockContent_NewsEvents_side p 	{ color:#757575; font-size:1.1em; line-height:1.35em; font-weight:normal; margin: 0 8px 5px 8px; }
.date 								{ color:#999999; }


.blockContent_NewsEvents_side div.hr { height:1px; background: #f0f0f0; margin:8px 0px 8px 0px; }
.blockContent_NewsEvents_side div.hr hr { display: none; }


/*
--------------------------------------------------------------------------------------------------------------------------
= SUBMENU BLOCKS - RIGHT COLUMN
--------------------------------------------------------------------------------------------------------------------------
*/

.blockSubmenu 		{ display:block; border:1px solid #47a9ba; padding:0 0px 30px 0px; margin:0 5px 8px 5px; background:#47a9ba url(../images/block/block_menubase_thin.jpg) bottom center no-repeat; overflow:auto; }

.blockSubmenu ul 	{ font-size:1.2em; color:#cceaef; line-height:26px; margin:0; }
.blockSubmenu li 	{ list-style:none; margin:0; height:26px; background:url(../images/block/block_menubg_rows.png) repeat-x; text-indent:8px; }

.blockSubmenu li.sub 	{ text-indent:24px; }


.blockSubmenu a 		{ color:#e2f3f6; text-decoration:none; }
.blockSubmenu a:hover 	{ color:#FFFFFF; text-decoration:underline; }

/* BLOCK TITLES */
.blockTitle_Contra_Menu		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_contra.jpg) top center no-repeat; }
.blockTitle_STI_Menu		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_stis.jpg) top center no-repeat; }
.blockTitle_Pregnancy_Menu	{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_pregnancy.jpg) top center no-repeat; }
.blockTitle_LGBT_Menu		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_lgbt.jpg) top center no-repeat; }
.blockTitle_Skooldaze_Menu	{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_skooldaze.jpg) top center no-repeat; }
.blockTitle_Services_Menu	{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_menu_services.jpg) top center no-repeat; }


/*
--------------------------------------------------------------------------------------------------------------------------
= WILLY STYLE
--------------------------------------------------------------------------------------------------------------------------
*/

#willy h3 { color:#4a1866; }

div#columnTop_Willy				{ width:593px; float:left; display:inline; padding:0; margin:0; }

.blockTitle_WillyNews_side 		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_willynews.jpg) top center no-repeat; }
.blockTitle_WillyEpisodes_side 	{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_willyepisodes.jpg) top center no-repeat; }
.blockTitle_WillyServices_side 	{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_willyservices.jpg) top center no-repeat; }
.blockTitle_WillySummerEss		{ width:310px; height:37px; display:block; text-indent:-9999px; padding:0; background:#0095AF url(../images/titles/title_side_willysummeress.jpg) top center no-repeat; }

.blockContent_Willy 			{ display:block; border:1px solid #FFF; padding:0 8px 8px 8px; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_willy.jpg) bottom center no-repeat; overflow:auto; }
.blockContent_WillyPostcard		{ display:block; border:1px solid #FFF; padding:0 8px 0px 8px; margin:0 5px 0px 5px; background:#FFF url(../images/willystyle/willy_postcard_content.jpg) top center no-repeat; overflow:auto; }
#postcardText					{ margin:30px 20px 20px 20px; width:270px; }
#postcardFooter					{ display:block; padding:0 8px 0px 8px; margin:0 5px 8px 5px; height:16px; background:#FFF url(../images/willystyle/willy_postcard_footer.jpg) top center no-repeat; overflow:auto; }

.blockContent_WillyNewsEvents_side 		{ display:block; border:1px solid #FFF; padding:0 0 8px 0; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_thin.jpg) bottom center no-repeat; overflow:auto; }
.blockContent_WillyNewsEvents_side h5 	{ color:#4a1866; font-size:1.5em; line-height:1.15em; font-weight:normal; margin: 4px 8px 4px 8px; }
.blockContent_WillyNewsEvents_side p 	{ color:#757575; font-size:1.1em; line-height:1.35em; font-weight:normal; margin: 0 8px 5px 8px; }
.date 									{ color:#999999; }

.blockContent_WillyEpisodes_side 		{ display:block; border:1px solid #FFF; padding:0 0 140px 0; margin:0 5px 8px 5px; background:#FFF url(../images/willystyle/episode_side_footer.jpg) bottom center no-repeat; overflow:auto; }
.blockContent_WillyEpisodes_side h5 	{ color:#4a1866; font-size:1.2em; line-height:1.15em; font-weight:bold; margin: 0px 8px 4px 0px; }


.blockContent_WillyServices_side 		{ width:300px; height:150px; display:block; border:1px solid #FFF; padding:0 0 8px 0; margin:0 5px 8px 5px; background:#FFF url(../images/block/block_wbase_thin.jpg) bottom center no-repeat; overflow:auto; }

.blockContent_WillyEpisodes_side ul 		{ list-style:none; margin:0 8px 0 8px; }
.blockContent_WillyEpisodes_side ul li 		{ border-bottom:solid 1px #CCC; margin-bottom:8px; }
.blockContent_WillyEpisodes_side ul p		{ color:#757575; font-size:1em; font-weight:normal; line-height:1.35em; }
.blockContent_WillyEpisodes_side img 		{ float:left; margin:0 8px 8px 0;}

.previousEpisode 	{ display:block; float:left; }
.nextEpisode 		{ display:block; float:right; }
.transcript 		{ display:block; position:absolute; left:270px; }


/*
--------------------------------------------------------------------------------------------------------------------------
= QUICK LINKS
--------------------------------------------------------------------------------------------------------------------------
*/

div#columnBaseQlinks	{ width:620px; float:left; display:inline; padding:0; margin:0; background:url(../images/qlinks/qlink_bg.jpg) top center no-repeat; }

.blockQlinks 			{ display:block; padding:0; margin:0 10px 8px 10px; overflow:auto; }

div#blockQlink_Contraception			{ width: 190px; height: 179px; text-indent: -9999px; margin:0 5px 0 5px; float:left; }
div#blockQlink_Contraception a			{ display: block; background:url(../images/qlinks/qlink_contraception.jpg) no-repeat; width: 190px; height: 179px; }
div#blockQlink_Contraception a 			{ background-position:0px 0px; }
div#blockQlink_Contraception a:hover	{ background-position:0px -179px; }

div#blockQlink_STI						{ width: 190px; height: 179px; text-indent: -9999px; margin:0 5px 0 5px; float:left; }
div#blockQlink_STI a					{ display: block; background:url(../images/qlinks/qlink_sti.jpg) no-repeat; width: 190px; height: 179px; }
div#blockQlink_STI a 					{ background-position:0px 0px; }
div#blockQlink_STI a:hover				{ background-position:0px -179px; }

div#blockQlink_LGBT						{ width: 190px; height: 179px; text-indent: -9999px; margin:0 5px 0 5px; float:left; }
div#blockQlink_LGBT a					{ display: block; background:url(../images/qlinks/qlink_lgbt.jpg) no-repeat; width: 190px; height: 179px; }
div#blockQlink_LGBT a 					{ background-position:0px 0px; }
div#blockQlink_LGBT a:hover				{ background-position:0px -179px; }


/*
--------------------------------------------------------------------------------------------------------------------------
= BUTTONS
--------------------------------------------------------------------------------------------------------------------------
*/

div#btnFooter_Ruready				{ width: 302px; height: 130px; text-indent: -9999px; margin:0 13px 0 0; float:left; }
div#btnFooter_Ruready a				{ display: block; background:url(../images/btns/btn_footer_ruready.jpg) no-repeat; width: 302px; height: 130px; }
div#btnFooter_Ruready a 			{ background-position:0px 0px; }
div#btnFooter_Ruready a:hover		{ background-position:0px -130px; }

div#btnFooter_Findaservice			{ width: 302px; height: 130px; text-indent: -9999px; margin:0 13px 0 0; float:left; }
div#btnFooter_Findaservice a		{ display: block; background:url(../images/btns/btn_footer_findaservice.jpg) no-repeat; width: 302px; height: 130px; }
div#btnFooter_Findaservice a 		{ background-position:0px 0px; }
div#btnFooter_Findaservice a:hover	{ background-position:0px -130px; }

div#btnFooter_Askaquestion			{ width: 302px; height: 130px; text-indent: -9999px; margin:0 13px 0 0; float:left; }
div#btnFooter_Askaquestion a		{ display: block; background:url(../images/btns/btn_footer_askaquestion.jpg) no-repeat; width: 302px; height: 130px; }
div#btnFooter_Askaquestion a 		{ background-position:0px 0px; }
div#btnFooter_Askaquestion a:hover	{ background-position:0px -130px; }


div#btnBacktag_Contra				{ width: 191px; height: 21px; text-indent: -9999px; margin:12px 0 0 0; float:left; }
div#btnBacktag_Contra a				{ display: block; background:url(../images/btns/btn_backtag_contra.jpg) no-repeat; width: 191px; height: 21px; }
div#btnBacktag_Contra a 			{ background-position:0px 0px; }
div#btnBacktag_Contra a:hover		{ background-position:0px -21px; }


/*
--------------------------------------------------------------------------------------------------------------------------
= FORM ELEMENTS
--------------------------------------------------------------------------------------------------------------------------
*/

form {  padding: 1em 1.5em 1.5em 1.5em; border: 1px solid #e3e3e3; background: #fdfdfd; margin-bottom:1.5em; 	}
form p { margin-bottom:0; }
label { display: block; font-weight: bold; margin: 8px 0 5px 0; color: #459DAD; }
label .inline { display: inline; font-weight: bold; margin: 8px 0 5px 0; color: #459DAD; }
input, select { padding: 4px; font-family: Arial, Helvetica, Geneva, sans-serif; color: #757575; background: #fff; }
textarea { width: 350px; padding: 4px; font-family: Arial, Helvetica, Geneva, sans-serif; height: 100px; display: block; color: #666666; }
input, textarea, select { background: #fff; border-width: 1px; border-style: solid; border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; }
input.button { font-family: Arial, Helvetica, Geneva, sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #555; background: #E6E6E6; border-width: 1px; border-style: solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb; }


/*
--------------------------------------------------------------------------------------------------------------------------
= FOOTER
--------------------------------------------------------------------------------------------------------------------------
*/

/*div#wrapperFooter { background: #eec188 url(../images/bg_footer.png) center top no-repeat; }*/
div#wrapperBtnfooter 	{ width: 980px; height:160px; background: url(../images/footer_bg.jpg) center top no-repeat; }
div#btnfooter 			{ width: 945px; position: relative; left: 25px; top: 17px;}
div#footer 				{ width: 960px; height:100px; margin:0 10px 0 10px; background: #98d5de; }

div#contactDetails			{ float: left; padding: 10px 0 0 15px; }
div#partnerLinks			{ float: right; padding: 3px 0 0 10px; }
div#contactDetails p		{ color: #d2edf1; font-weight: bold; font-size:1em; text-transform: uppercase; }
div#contactDetails a 		{ color: #3ca2b7; font-weight: bold; text-decoration:none; }
div#contactDetails a:hover	{ color: #158ca6; font-weight: bold; text-decoration:underline; }
.created					{ text-transform:lowercase; }

div#btnPartner_nhs 		{ width: 192px; height: 70px; text-indent: -9999px; margin:0; float:right; background:url(../images/btns/btn_partner_nhs.jpg) no-repeat; }
div#btnPartner_nhs a 	{ display: block; width: 102px; height: 70px; }

div#btnPartner_wtpp		{ width: 123px; height: 70px; text-indent: -9999px; margin:0; float:right; background:url(../images/btns/btn_partner_wtpp.jpg) no-repeat; }
div#btnPartner_wtpp a 	{ display: block; width: 123px; height: 70px; }