* {
	padding: 0;
	margin: 0;
}

body {
	background: #000000;
	font-family: trebuchet MS, arial, Helvetica, sans-serif;
}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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


/*--------- MAIN NAV AREA-------------- */

#mainNav {
	margin:30px auto;
	padding: 0 0 0 7px;
	width: 955px;
	font-size: 16px;
	list-style: none;
	text-align: center;
}

#mainNav a {
	display: block;
	padding: 0 21px 0 8px;
	line-height: 17px;
	text-decoration: none;
	color: #fff;
	background: url(../imgs/pinkdot.gif) no-repeat right center;
	overflow:visible;
}

/* ---- no dot on final menu item ---- */
#mainNav .links a {
	background: none;
}

#mainNav a:hover {
	text-decoration: underline;
	color: #FF0066;
}

#mainNav li {
	float: left;
}

/*----highlight current page-------*/

#home #mainNav .home a, #about #mainNav .about a, #registration #mainNav .registration a, #pickUp #mainNav .pickUp a, #sexualHealth #mainNav .sexualHealth a, #faq #mainNav .faq a, #healthServices #mainNav .healthServices a, #advice #mainNav .advice a, #links #mainNav .links a, #contraceptionMain #mainNav .contraception a, #resources #mainNav .resources a, #faq #mainNav .faq a {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-decoration: underline;
}

/*-------Secondary Nav ------------*/

 #secondNav {
	font-size: 14px;
	background-image: none;
	color: #FFFFFF;
	list-style: none;
	text-align: left;
	width: 220px;
	clear: both;
	float: left;
	margin: 10px 10px 0 20px;
	display: block;
}

 #secondNav  a {
	display: block;
	padding: 0;
	margin-top: 26px;
	text-decoration: none;
	color: #fff;
	
}

 #secondNav  a:hover {
color: #000;
}

/*----highlight current page local -------*/

.aboutScheme #secondNav .aboutCcard a, .aboutGetCard #secondNav .getCcard a, .aboutReg #secondNav .happensReg a, .condomdos #secondNav .condomDoDont a, .condoms #secondNav .condomPutOn a, .whatislube #secondNav .lubricant a, .thelaw #secondNav .law a, .abortion #secondNav .adviceAbortion a, .confidential #secondNav .adviceConfidential a, .advcontraception #secondNav .adviceContraception a, .drugs #secondNav .adviceDrugs a, .fancy #secondNav .adviceFancy a, .no #secondNav .adviceNo a, .pregnant #secondNav .advicePregnant a, .relationships #secondNav .adviceRelationships a, .advServices #secondNav .adviceServices a, .sti #secondNav .sti a, .chlamydia #secondNav .chlamydia a,
.hiv #secondNav .hiv a, .gonorrhoea #secondNav .gonorrhoea a, .syphilis #secondNav .syphilis a, .warts #secondNav .warts a, .herpes #secondNav .herpes a, .rape #secondNav .adviceRape a{
font-weight: bold;
text-decoration: underline;
}

/*------------ MAIN SECTION and HEADER------------------*/

#mainCont {
	background: #2c60b3 url(../imgs/maintop.gif) no-repeat; 
	clear: both;
	padding: 30px 0;
	margin: 0;
	width: 960px;
}

.aboutGetCard #mainCont {
height: 900px;
}

#pickUp #mainText {
height: 500px;
}


#header {
	width: 900px;
	margin: 10px auto;
	border: #FFFFFF solid 10px;
	background: #2c60b3 url(../imgs/grad1.jpg) repeat-x;
	height: 305px;
	color: #FFFFFF;
	font-size: 14px;
}

#header p, #header h1 {
	width: 330px;
	padding: 0 20px 0 40px;
}

#header p {
	float: left;
}

#header h1 {
	padding-top: 80px;
}

#headerImg {
	background:url(../imgs/header.gif) no-repeat;
	width: 421px;
	height: 327px;
	margin-left: 47%;
	margin-top: -351px;
	margin-bottom: 20px;
}

#border{
	background: url(../imgs/bluedotrepeat.gif) repeat-x;
	height: 26px;
	margin-top: 100px;
}


/*--------pagetitles------*/
#pagetitle {
	float: right;
}

#logo {
	float: left;
	padding-left: 0px;
}

#about #pagetitle, #sexualHealth #pagetitle, #pickUp #pagetitle, #healthServices #pagetitle, #links #pagetitle, #advice #pagetitle, #contraceptionMain #pagetitle, #faq #pagetitle {
	padding: 10px 25px 10px 0;
}

#pickUp #pagetitle {
	padding-right: 30px;
}

/*-----------HOME PAGE LINK BOXES ---------*/


.linkbox {
	float: left;
	margin-right: 10px;
}

/*****more padding for left most box (firefox) *******/
.lilguy {
	background: #66cccc url(../imgs/lilguy.gif) no-repeat 30px 10px;
	margin-left: 20px;	
}

.monster {
	background: #66cccc url(../imgs/monsterlink.gif) no-repeat 10px 10px;
}

.flag {
	background: #66cccc url(../imgs/flag.gif) no-repeat 45px 10px;
}

.linkbox a {
	height: 123px;
	width: 280px;
	display: block;
	border: #FFFFFF solid 10px;		
} 

.linkbox a:hover {
	border: #FF0066 solid 10px;
}

#mainLinks a {
	color: white;
	display: block;
	width: 280px;
	margin-left: 30px;
	text-align: center;
	float: left;
	font-weight: bold;
	text-decoration: none;
}

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

/*------------Main Area Styling-------------*/
#mainText, #serviceLinks {
		width: 660px;
		margin-left: 10px;
		border: #FFFFFF solid 10px;
		background: #2c60b3 url(../imgs/maintextgrad.jpg) repeat-x;
		color: #FFFFFF;
		font-size: 14px;
		float: left;
		margin-top: 0px;
		padding-bottom: 20px;
}

.whatislube #mainText, .thelaw #mainText, .condomdos #mainText, .condoms #mainText, #advice #mainText, .hiv #mainText, #sexualHealth #mainText, #contraceptionMain #mainText, #faq #mainText{
	width: 690px;
	margin-left: -20px;
}

#links #serviceLinks {
	width: 880px;
}

#mainText p, #mainText blockquote, #serviceLinks p, #pickUp form {
	text-align: justify;
	padding: 10px 0;
	margin: 0 40px 0 220px;
}

#serviceLinks p {
	margin-left: 420px;
}


/*sexual health main text */

.condoms #mainText p{
	margin-left: 10px;
}

/*sexual health main text end*/

#mainText blockquote {
	background: transparent url(../imgs/c-card.gif) no-repeat right;
	color: #84ecec;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 120px 20px 0;
	margin: 0 50px 0 230px;
}

#mainText a, #serviceLinks a {
	color: #FFFFFF;
	border-bottom: dashed 1px;
	text-decoration: none;
}

#mainText a:hover, #serviceLinks a:hover {
	color: #FFFFFF;
	border-bottom: solid 1px;
	text-decoration: none;
}

#mainText ol, #mainText h4, #mainText h3, #mainText ul, #serviceLinks h3, #serviceLinks h4{
	list-style-position: inside;
	margin-left: 220px;
	margin-right: 40px;
	text-align: justify;
}



#serviceLinks h3, #serviceLinks h4 {
	 margin-left: 420px;
}

/*sexual health main text ul*/

.condoms #mainText ul{
	margin-left: 10px;
}

/*sexual health main text ol end*/

#mainText h3 {
	margin-top: 260px;
	font-size: 16px;
}

#mainText h3.faq {
margin-top: 40px;
}

#mainText span {
	font-weight: bold;
}

.advServices h4 {
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 0px;
}

/*----------Balloon position-------------*/
#balloon {
	background:  url(../imgs/balloon.gif) no-repeat;
	height: 281px;
	width: 676px;
	margin-top: 20px;
	margin-left: 260px;
	position: absolute;
	
}

#links #balloon {
margin-top: -20px;
}

#about #balloon h1, #sexualHealth #balloon h1, #links h1, #advice h1, #contraceptionMain h1, #pickUp #balloon h1, #faq #balloon h1 {
	padding-top: 90px;
	text-align: center;
	font-size: 40px;
}

#pickUp #balloon {
position: absolute;
top: 230px;
}
/*-----------EMOBOY POSITION -----------*/

#emoboy, #hoodyguy, #hatgirl, #pinkgirl, #emoboysmall, #hoodyguysmall, #hatgirlsmall, #pinkgirlsmall, #ribbon, #syphilis, #herpes, #warts,  #chlamydia, #gonorrhoea {
	background-repeat: no-repeat;
	float: left;
	position: absolute;
}

#emoboy, #hoodyguy, #hatgirl, #pinkgirl {
	margin-left: 70px;
	margin-top: 190px;
}

#emoboy {
	background-image: url(../imgs/emoboy.gif);
	height:571px;
	width: 341px;
}

#hoodyguy {
	background-image: url(../imgs/hoodyguy.gif);
	width: 360px;
	height:576px;
}

#hatgirl {
	background-image: url(../imgs/hatgirl.gif);
	width: 351px;
	height: 596px;
}

#pinkgirl {
	background-image: url(../imgs/pinkgirl.gif);
	width: 352px;
	height: 586px;
}

#emoboysmall, #hoodyguysmall, #syphilis, #warts, #chlamydia {
	margin-left: 255px;
	margin-top: 230px;
}

#hatgirlsmall, #pinkgirlsmall, #ribbon, #herpes, #gonorrhoea {
	margin-left: 260px;
	margin-top: 230px;
} 

#emoboysmall {
	background-image: url(../imgs/lilguysmall.gif);
	height:296px;
	width: 176px;
}

#hoodyguysmall {
	background-image: url(../imgs/hoodyguysmall.gif);
	width: 186px;
	height: 297px;
}

#hatgirlsmall {
	background-image: url(../imgs/hatgirlsmall.gif);
	width: 171px;
	height: 295px;
}

#pinkgirlsmall {
	background-image: url(../imgs/pinkgirlsmall.gif);
	width: 180px;
	height: 295px;
}

#ribbon {
	background-image: url(../imgs/ribbonnoo.gif);
	width: 167px;
	height:326px;
}

#syphilis {
	background-image:url(../imgs/syphillis.gif);
	width: 180px;
	height: 216px;
}

#herpes {
	background-image:url(../imgs/herpes.gif);
	width: 176px;
	height: 270px;
}

#warts {
	background-image:url(../imgs/warts.gif);
	width: 181px;
	height: 290px;
}

#chlamydia{
	background-image: url(../imgs/chlamydia.gif);
	width: 164px;
	height:333px;
}

#gonorrhoea{
	background-image: url(../imgs/gonorrhoea.gif);
	width: 157px;
	height:346px;
}

#pickUp #emoboysmall {
position: absolute;
top: 230px;
}

/*-------------table styles--------------*/
table {
	clear: both;
	font-size: 12px;
	border-collapse: collapse;
	width: 900px;
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

th, td {
	padding: 0.2em 1em;
}

th {
	border-right: 1px solid #ccc;
}

caption {
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

td {
	border-right: 1px solid #ccc;
}

thead {
	background: #ff0066;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-size: 14px;
	color: #FFFFFF;
}

.odd {
	background-color: #edf5ff;
}

tr:hover {
	background-color: #3d80df;
	color: white;
}

thead tr:hover{
	background-color: transparent;
	color: inherit;
}

table h4 {
	font-size: 12px;
}

td {
	width: 70px;
}

td.service {
	width: 200px;
}



/*----------------pickup and sexual health download areas----------*/
#alinker {
position: absolute;
top: 810px;

}

#download a{
	background-image:url(../imgs/download.gif);
	width: 95px;
	height: 158px;
	background-repeat: none;
	float: left;
	display: block;
	border: none;
	margin-top: 10px;
	margin-bottom:10px;

}

#download a:hover {
		background-image:url(../imgs/download.gif);
		background-position:bottom;
		width: 95px;
		height: 158px;
		border: none;
}

#mainText #downloadText{
margin-left: 165px;
	padding-left: 0px;
	padding-top: 40px;
	float: left;
	width: 400px;
	margin-right: 50px;
	
}

#pickUp #mainText{
width: 690px;
	margin-left: -20px;
	
}

 #healthServices #mainText  {
	width: 900px;
	margin-left: 20px;
}

#secondmenu {
	float: left;
	clear: both;
	margin-left: 165px;
	margin-top: -40px;
}


#healthServices #wrapper #mainCont #mainText .secondarylinks {
	padding-right: 30px;
	color: #FFFFFF;
	float: left;
	border-bottom: none;
	font-weight: bold;
	text-decoration: underline;
}


#healthServices #wrapper #mainCont #mainText .secondarylinks:hover{
	color: #000000;
	text-decoration: underline;
}

.topLinker {
	color: white;
	float: right;
	margin-right: 30px;
}

.faqmenu {
width: 180px;
}

/*------------sexual health condoms----------*/
#sexualHealth .puttingoncondoms {
	list-style-type: none;
	color: #FFFFFF;
	font-size: 14px;
}

.kite, .rollcondom, .putcondom, .lube, .checkcondom, .toilet {
	background-repeat: no-repeat;
	width: 300px;
	margin-top: 20px;
	padding-bottom: 40px;
	margin-left: 10px;
}

.kite, .putcondom, .toilet {
	float: right;
	padding-left: 250px;
}

.rollcondom, .lube, .checkcondom {
	background-position: top right;
	float: left;
	padding-right: 250px;
}

.kite {
	background-image: url(../imgs/kitemark.gif);
}

.rollcondom {
	background-image: url(../imgs/rolledcondom.gif);
}

.putcondom {
	background-image: url(../imgs/putcondom.gif);
}

.toilet {
	background-image: url(../imgs/toilet.gif);
}

.lube {
	background-image: url(../imgs/lube.gif);
}

.condoms #mainText h3 {
	margin-top: 10px;
	color: #000000;
	font-size: 18px;
}

.condoms #mainText p {width: 500px;
	font-size: 14px;
	margin: 0 auto 20px auto;
	color: #000000;
	text-align: center;
}

.condomdos #secondhead,
.thelaw #secondhead, .relationships #secondhead {
	margin-top: 40px;
	padding-top: 0;
}

/*-------------- LINKS PAGE ------------------*/
#serviceLinks {
	padding-top: 300px;	
	margin-left: 30px;
}

#links #border{
	padding-bottom: 30px;
}

/*-------------- Footer------------------*/
.footer {
color: #333333;
font-size: 10px;
text-align: center;
background: #000;
padding-top: 30px;
padding-bottom: 10px;
}

.footer a{
color: #333333;
}

.footer a:hover{
color: #999;
}