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

/* --GENERAL-- */
body {
	font: 12px/20px verdana, sans-serif;
}

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	font-size: 18px;
	margin: 0 0 10px;
}

h3 {
	font-weight: normal;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0 20px;
}

label {
	font-weight: bold;
}

ol li {
	list-style: decimal;
}

#content p {
	margin: 0 0 10px;
}

#content ul {
	margin: 0 0 10px;
}


#content ul li {
	padding: 0 0 0 20px;
	background-position: 4px 8px;
	background-repeat: no-repeat;
}

#content li {
	margin: 0 0 5px;
}


#contraception #content ul li,
#talk #content ul li {
	background-image: url(/style/bullet_blue.png);
}

#health #content ul li,
#home #content ul li,
#contra35 #content ul li {
	background-image: url(/style/bullet_yellow.png);
}

#stis #content ul li,
#quiz #content ul li {
	background-image: url(/style/bullet_green.png);
}

#emergency #content ul li,
#info #content ul li {
	background-image: url(/style/bullet_pink.png);
}

#contraception #content ul.advantage li {
	background-position: 2px 6px;
	background-image: url(/style/advantage.png);
}

#contraception #content ul.disadvantage li {
	background-position: 2px 6px;
	background-image: url(/style/disadvantage.png);
}

.hidden {
	display: none;
}

.floatleft {
	float: left;
	margin: 0 5px 0 0;
}

.footnote {
	font-size: 11px;
	color: #666;
}

.centre {
	text-align: center;
}

/* --SCREEN-- */
@media screen {

body {
	background: url(/style/header.png) no-repeat center top;
}

#page {
	width: 940px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 155px;
	margin: 0 0 10px;
}

#header #cpa {
	position: absolute;
	top: 100px;
	left: 0;
}

#header #tagline {
	position: absolute;
	top: 62px;
	left: 230px;
}

#header #logo {
	position: absolute;
	top: 12px;
	right: 30px;
}

#main {
	overflow: auto;
}

#nav {
	font-weight: bold;
	width: 200px;
	float: left;
	margin: 0 30px 0 0;
	font-size:11px;
}

#nav p {
	margin: 0 0 10px;
}


#nav li {
	margin: 0 0 8px;
}

#nav li a {
	color: #000;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	line-height: 18px;
	height: 18px;
	padding: 0 0 0 22px;
	/*margin: 0 0 8px;*/
	text-decoration: none;
}

#nav li ul {
	padding: 4px 0 0;
	font-size: 12px;
}

#nav li li a:hover {
	text-decoration: underline;
}

#nav li li a {
	font-weight: normal;
	background-image: none !important;
	background-color: #fff !important;
	color: #000 !important;
	height: auto;
	line-height: 14px;
}

.condoms #nav ul ul li.condoms a,
.pill #nav ul ul li.pill a, 
.injection #nav ul ul li.injection a, 
.coil #nav ul ul li.coil a, 
.ius #nav ul ul li.ius a, 
.implant #nav ul ul li.implant a, 
.patch #nav ul ul li.patch a, 
.vaginal-ring #nav ul ul li.vaginal-ring a, 
.diaphragm-cap #nav ul ul li.diaphragm-cap a, 
.natural-methods #nav ul ul li.natural-methods a, 
.sterilisation #nav ul ul li.sterilisation a, 
.abstinence #nav ul ul li.abstinence a, 
.dual #nav ul ul li.dual a, 
.preg35 #nav ul ul li.preg35 a,
.fert35 #nav ul ul li.fert35 a,
.cont35 #nav ul ul li.cont35 a,
.know #nav ul ul li.know a,
.clinic #nav ul ul li.clinic a,
.dos #nav ul ul li.dos a,
.chlamydia #nav ul ul li.chlamydia a,
.gonorrhoea #nav ul ul li.gonorrhoea a,
.genital-warts #nav ul ul li.genital-warts a,
.pelvic-inflammatory-disease #nav ul ul li.pelvic-inflammatory-disease a,
.pubic-lice #nav ul ul li.pubic-lice a,
.non-specific #nav ul ul li.non-specific a,
.thrush #nav ul ul li.thrush a,
.tv #nav ul ul li.tv a,
.molluscum-contagiosum #nav ul ul li.molluscum-contagiosum a,
.syphilis #nav ul ul li.syphilis a,
.scabies #nav ul ul li.scabies a, 
.hepatitis-b #nav ul ul li.hepatitis-b a,
.bacterial-vaginosis #nav ul ul li.bacterial-vaginosis a,
.hiv #nav ul ul li.hiv a,
.herpes #nav ul ul li.herpes a,
.hepatitis-a #nav ul ul li.hepatitis-a a,
.facts-pregnancy #nav ul ul li.facts-pregnancy a,
.facts-stis #nav ul ul li.facts-stis a,
.facts-contraception #nav ul ul li.facts-contraception a,
.facts-emergency #nav ul ul li.facts-emergency a,
.myths-pill #nav ul ul li.myths-pill a,
.sexual-rights #nav ul ul li.sexual-rights a,
.oxegen #nav ul ul li.oxegen a,
.links #nav ul ul li.links a,
.contacts #nav ul ul li.contacts a,
.glossary #nav ul ul li.glossary a,
.fertility #nav ul ul li.fertility a,
.life-stages #nav ul ul li.life-stages a,
.partner #nav ul ul li.partner a,
.doctor #nav ul ul li.doctor a {
	font-weight: bold;
}

#nav ul ul {
	display: none;
	margin: 0;
}

#contraception #nav ul li.contraception ul,
#stis #nav ul li.stis ul,
#info #nav ul li.info ul,
#talk #nav ul li.talk ul,
#health #nav ul li.health ul,
#contra35 #nav ul li.contra35 ul {
	display: block;
}



#nav li li a:hover {
	color: #000;
	background-color: #fff;
}

#nav li.home a,
#nav li.contra35 a,
#nav li.info a {
	background-image: url(/style/nav_yellow.png);
}

#nav li.contraception a,
#nav li.health a
 {
	background-image: url(/style/nav_blue.png);
}

#nav li.stis a,
#nav li.talk a {
	background-image: url(/style/nav_green.png);
}

#nav li.emergency a,
#nav li.quiz a
 {
	background-image: url(/style/nav_pink.png);
}

#home #nav li.home a,
#contraception #nav li.contraception a,
#stis #nav li.stis a, 
#emergency #nav li.emergency a, 
#health #nav li.health a,
#contra35 #nav li.contra35 a,
#talk #nav li.talk a, 
#quiz #nav li.quiz a,
#info #nav li.info a,
#nav li a:hover {
	color: #fff;
	background-color: #000;
	background-position: 0 -18px;
}

#banner {
	float: left;
	width: 710px;
	height: 90px;
	margin: 0 0 20px;
	overflow: hidden;
}

#fact {
	float: left;
	width: 710px;
	height: 90px;
	overflow: hidden;
	margin: 0 0 20px;
	background: url(/style/fact_yellow.png) no-repeat;
}

#gameb {
	float: left;
	width: 710px;
	height: 470px;
	overflow: hidden;
	
}

#home #fact,
#health #fact,
#contra35 #fact {
	background-image: url(/style/fact_yellow.png);
}

#stis #fact,
#quiz #fact {
	background-image: url(/style/fact_green.png);
}

#contraception #fact,
#talk #fact {
	background-image: url(/style/fact_blue.png);
}

#emergency #fact,
#info #fact {
	background-image: url(/style/fact_pink.png);
}

#fact img {
	display: none;
	vertical-align: bottom;
	padding: 1px 10px 1px 100px;
}

#content {
	float: left;
	width: 500px;
	margin: 0 30px 0 0;
}

#content .info {
	color: #666;
	padding: 0 40px 0 60px;
	background-position: 10px 2px;
	background-repeat: no-repeat;
}

#contraception #content .info,
#talk #content .info {
	background-image: url(/style/info_blue.png);
}

#stis #content .info,
#quiz #content .info {
	background-image: url(/style/info_green.png);
}

#emergency #content .info,
#info #content .info {
	background-image: url(/style/info_pink.png);
}

#home #content .info,
#health #content .info {
	background-image: url(/style/info_blue.png);
}

/*#home h1,
#health h1 {
	color: #ffe500;
}

#contraception h1,
#talk h1 {
	color: #09f;
}

#stis h1,
#quiz h1 {
	color: #19c919;
}

#emergency h1,
#info h1 {
	color: #ec008c;
}*/

#content .message {
	color: #fff;
	padding: 6px 40px 0 60px;
	height: 62px;
	background-repeat: no-repeat;
	font-weight: bold;
}

#contraception #content .message {
	background-image: url(/style/message_blue.png);
}

#content .warning {
	color: #fff;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content .warning strong {
	padding: 6px 40px 6px 60px;
	font-weight: bold;
}

#home #content .warning,
#contraception #content .warning {
	background-image: url(/style/warning_bottom_blue.png);
}

#home #content .warning strong,
#contraception #content .warning strong {
	display: block;
	background: url(/style/warning_top_blue.png) no-repeat left top;
}

#stis #content .warning {
	background-image: url(/style/warning_bottom_green.png);
}

#stis #content .warning strong {
	display: block;
	background: url(/style/warning_top_green.png) no-repeat left top;
}

#intro {
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 28px;
}

#featured {
	font-size: 16px;
	line-height: 28px;
}

ul#featured li {
	padding: 0;
}

#featured a {
	display: block;
	padding: 0 50px 0 90px;
	margin: 0 0 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
	line-height: 70px;
	height: 70px;
}

#featured a:hover {
	background-position: 0px -70px;
	color: #fff;
}

#featured #condom a {
	background-image: url(/style/condom.png);
}

#featured #stis a {
	background-image: url(/style/stis.png);
}

#featured #quiz a {
	background-image: url(/style/quiz.png);
}

#featured #links a {
	background-image: url(/style/links.png);
}

#icons {
	background: url(/style/icons_bottom.png) no-repeat left bottom;
	margin: 0 0 10px;
}

#icons h2 {
	background: url(/style/icons_top.png) no-repeat left top;
	padding: 10px;
}

#icons a {
	color: #000;
}


#icons img {
	vertical-align: bottom;
}

#icons div {
	padding: 0 10px;
	overflow: auto;
}

#icons div p {
	float: left;
	width: 160px;
	text-align: center;
}

#clipping {
	border: 2px dashed #ccc;
	padding: 10px 20px;
	margin: 0 0 10px;
}

#print-clipping {
	cursor: pointer;
	padding: 10px 0 0;
}

#map {
	width: 500px;
	height: 620px;
}


#sidebar {
	float: left;
	width: 180px;
	text-align: center;
	padding: 0 0 10px;
	background: url(/style/sidebar_bottom.png) no-repeat left bottom;
}

#sidebar h2 {
	padding: 10px;
	background: url(/style/sidebar_top.png) no-repeat left top;
}

#sidebar p {
	padding: 0 10px;
	margin: 0 0 10px;
}

#sidebar a {
	color: #000;
}

#sidebar img {
	vertical-align: bottom;
}

.right {
	color: #090;
	font-weight: bold;
	padding: 0 0 0 25px;
	background: url(/style/right.png) no-repeat left top;
}

.wrong {
	color: #c00;
	font-weight: bold;
	padding: 0 0 0 25px;
	background: url(/style/wrong.png) no-repeat left top;
}

.col {
	width: 240px;
	margin: 0 10px 0 0;
	float: left;
}

#footer {
	border: dashed #ccc;
	border-width: 1px 0 0;
	padding: 10px 0 0;
	margin: 9px 0 20px;
	color: #666;
	overflow: auto;
	font-size: 11px;
	line-height: 16px;
}

#footer #wai {
	float: left;
	width: 200px;
	margin: 0 30px 0 0;
}

#footer #disclaimer {
	float: left;
	width: 500px;
}

#footer #footerlinks {
	float: left;
	width: 500px;
}

#footer #footerlinks li {
	display: inline;
	margin: 0 10px 0 0;
}


#footer #footerlinks a {
	color: #666;
}

#footer p,
#footer li {
	margin: 0 0 10px;
}

#valentine #content {
	width: 700px;
	margin: 0;
	background: url(/style/valentine-top.png) no-repeat #ffe500;
}

#valentine #content a {
	color: #000;
}

#valentine #content div {
	padding: 20px 30px;
	background: url(/style/valentine-bottom.png) no-repeat left bottom;
	height: 1%;
}

#valentine #content div:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

#valentine #content div#competition-description,
#valentine #content div#competition-poem,
#valentine #content div#competition-prizes {
	padding: 0;
	background-image: none;
}

#competition-description {
	width: 400px;
	float: left;
	margin: 0 40px 0 0;
}

#valentine #content div#competition-prizes {
	width: 200px;
	float: left;
	background: url(/style/competition-prizes.png) no-repeat #fffacc;
	font-size: 11px;
}

#valentine #content div#competition-prizes div {
	background: url(/style/competition-prizes-bottom.png) no-repeat left bottom;
	padding: 100px 20px 20px;
}

#valentine #content div#competition-poem {
	background: url(/style/competition-poem.png) no-repeat;
	padding: 10px 20px;
}

#valentine #content div#winning-poem {
	background: url(/style/winning-poem.png) no-repeat;
	padding: 20px;
	line-height: 24px;
}

.getFlash {
	padding: 40px;
	text-align: center;
	border: 1px solid #ccc;
}

}

/* --PRINT-- */
@media print {
#nav,
#sidebar {
	display: none;
}
}