/*
	Common CSS
	April 2006, Coedit Limited - http://www.coedit.co.uk/
*/


/* Miscellaneous */
		html {

		}
		html, body, form {
			padding: 0px;
			margin: 0px;
		}
		html>body {
			font-size: 16px; 		/* IE can't read this */
		}
		body {
			background-color: #BFBECC;
			background: url(../images/backgroundGradientSlice.gif) #FFFFFF repeat-x 0px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 100%; 		/* For IE */
			text-align: center;		/* For IE 5.5 & 5.0 to centre the main display area - reverted in div#centreContent */
			color: #333333;
		}

		/*
			This causes a vertical scrollbar to always be present, which stops the "page jump" you see when going from
			a page with a scrollbar to one without. Doesn't work on IE/Mac, but every other browser tested works fine
		*/
		html {
			height: 100%;
			margin-bottom: 1px;
		}

		#centreContentOuter {
			text-align: left;
			margin: auto;
			background-color: #FFFFFF;
			width: 750px;
		}
		#centreContent {
			background-color: #FFFFFF;
			width: 748px;
			margin-left: 1px;
			position: relative;
		}

		a {
			background-color: #FFFFFF;
			color: #333399;
			color: #3B3B9D;
			text-decoration: none;
		}
		a:hover,
		a:focus {
			background-color: #333399;
			color: #FFFFFF;
		}

		.bold {
			font-weight: bold;
		}

		.invisible {
			/*
				While I could have used 'display: none;', this rule is really intended to hide content from
				a physical screen-based browser, rather than other user-agents such as screen readers.

				It has been found that some screen readers happily "emulate" 'display: none' by omitting to
				read content with that style. This should avoid that pitfall.
			*/
			position: absolute;
			width: 0px;
			height: 0px;
			overflow: hidden;
			line-height: 0px;
			font-size: 0px;
			_display: none;		/* Plus an IE-only catch-all, because the above doesn't work in IE! */
		}
		.clearer {
			display: block;
			height: 1px;		/* Needs to be 1px to work in NN7. Could be 0px for all other browsers, though */
			overflow: hidden;
			line-height: 0px;
			font-size: 0px;
		}


/* Top Section */
		#topSection {
			height: 125px;
			background: url(../images/homepage_world_background.gif) #9090C1 no-repeat 0px 0px;
			color: #FFFFFF;
			position: relative;
			overflow: hidden;
			z-index: 10;
		}

		#logo {
			position: absolute;
			top: 17px;
			left: 17px;
		}
		#logo,
		#logo a {
			width: 287px;
			height: 65px;
			display: block;
			background-color: transparent !important;
		}
		#logo a:hover {
			background-color: transparent !important;
		}

		#subTitle {
			position: absolute;
			z-index: 20;
			right: 15px;
			top: 15px;
			color: #FFFFFF;
			margin: 0px;
			padding: 0px;
		}


/* General Navigation */
		#topNavigation ul, #topNavigation li,
		#topNavReportAbuse ul, #topNavReportAbuse li,
		#rightNavigation ul, #rightNavigation li,
		#footerNavigation ul, #footerNavigation li {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			width: 100%;
		}

/* Top Navigation */
		#topNavigation {
			position: absolute;
			top: 99px;
			left: 23px;
			width: 720px;
			height: 26px;
		}

		#topNavigation li {
			float: left;
			width: auto;
			margin-right: 4px;
			overflow: hidden;
			height: 26px;
		}

		#topNavigation a {
			display: block;
			width: auto;
			line-height: 26px;
			background-color: #333399;
			color: #FFFFFF;
			position: relative;
			text-decoration: none;
			margin: 0px 4px 0px 4px;
			_display: inline;		/* Stop IE's double-margin bug (even though this isn't floated?!) */
			height: 26px;
			padding: 0px 3px 0px 3px;
			font-size: 0.9em;
			_float: left;
		}

		#topNavigation a {
			float: left;	/* Must be in for IE/Mac & IE/Win, but cannot be in for NN/Win */
		}
		/* Commented backslash hack for IE/Mac - it ignores the whole of the following rule \*/
		#topNavigation a {
			float: none;
			_float: left;
		}
		/* End hack */


		#topNavigation a:hover,
		#topNavigation a:focus,
		#topNavigation a.selected {
			background-color: #FFCC00;
			color: #484848;
		}

		#topNavigation a .cornerTL,
		#topNavigation a .cornerTR {
			position: absolute;
			display: block;
			top: 0px;
			width: 4px;
			height: 26px;
			overflow: hidden;
		}

		#topNavigation a .cornerTL {
			left: -4px;
			background: url(../images/topnav_curve_purple_tl.gif) transparent no-repeat 0px 0px;
		}

		#topNavigation a .cornerTR {
			right: -4px;
			background: url(../images/topnav_curve_purple_tr.gif) transparent no-repeat 0px 0px;
		}

		#topNavigation a:hover .cornerTL,
		#topNavigation a:focus .cornerTL,
		#topNavigation a.selected .cornerTL {
			background-image: url(../images/topnav_curve_yellow_tl.gif);
		}

		#topNavigation a:hover .cornerTR,
		#topNavigation a:focus .cornerTR,
		#topNavigation a.selected .cornerTR {
			background-image: url(../images/topnav_curve_yellow_tr.gif);
		}

/* Top Navigation "Report Abuse" Button */
		#topNavReportAbuse a {
			position: absolute;
			display: block;
			width: 104px;
			height: 40px;
			top: 44px;
			right: 15px;
			background: url(../images/report_abuse.gif) transparent no-repeat 0px 0px;
			z-index: 30;
		}

/* Right Navigation */
		#rightNavigation {
			width: 250px;
			float: right;
			margin-bottom: 50px;
			font-size: 75%;
		}

		#rightNavigation h3 {
			margin: 0px 0px 10px 25px;
			padding: 0px;
			color: #484848;
			font-size: 1.2em;
		}
		#relatedWebsites h3 {
			margin-bottom: 5px;
		}

		#rightNavigation li {
			_display: inline;		/* Stop IE's double-margin bug (even though this isn't floated?!) */
		}

		#rightNavigation a {
			background-color: transparent;
			color: #333399;
			padding-left: 25px;
			display: block;
			margin-bottom: 4px;
		}

		#rightNavigation a:hover,
		#rightNavigation a:focus {
			background-color: #333399;
			color: #FFFFFF;
		}
		#rightNavigation a.selected {
			background-color: #FFFFFF;
			color: #333399;
		}

		body.reportingSection #rightNavigation #inThisSection a,
		body.reportingSection #rightNavigation #inThisSection h3 {
			color: #FFFFFF;
		}
		body.reportingSection #rightNavigation #inThisSection a.selected,
		body.reportingSection #rightNavigation #inThisSection a:hover,
		body.reportingSection #rightNavigation #inThisSection a:focus {
			background-color: #FFFFFF;
			color: #333333;
		}

		#inThisSection,
		#moreOnThisSite,
		#relatedWebsites,
		#belowNavContainer {
			position: relative;
			width: 225px;
		}

		#inThisSection {
			padding: 25px 25px 12px 0px;
			background-color: #FFCC00;
			margin-bottom: 3px;
		}
		body.reportingSection #inThisSection {
			background-color: #D94E47;
		}

		/* Align the baseline of the "In this section" text with the baseline of the content header */
		#inThisSection h3 {
			margin-top: 1em;
		}

		/* And on the "Young people" page, which has no "In this section" box, align the baseline of the "Related websites" text */
		.youngPeopleSection #relatedWebsites {
			padding-top: 25px;
		}
		.youngPeopleSection #relatedWebsites h3 {
			margin-top: 1em;
		}

		#moreOnThisSite {
			padding: 12px 25px 12px 0px;
			min-height: 75px;	/* 99px - 12px top padding - 12px bottom padding == 75px */
			_height: 75px;
			background: url(../images/right_nav_gradient_yellow.gif) #FFF5CC repeat-x 0px 0px;
			margin-bottom: 3px;
		}

		#relatedWebsites {
			padding: 12px 25px 12px 0px;
			min-height: 55px;	/* 79px - 12px top padding - 12px bottom padding == 55px */
			_height: 55px;
			background: url(../images/right_nav_gradient_purple.gif) #FFFFFF repeat-x 0px 0px;
			margin-bottom: 3px;
		}

		#belowNavContainer {
			padding: 12px 25px 12px 25px;
			width: 200px;
		}

		#belowNavContainer p {
			margin-top: 0px;
		}


/* Content Section */
		#contentOuter {
			clear: left;
		}

		#mainContent {
			margin: 0px 304px 50px 25px;
			color: #333333;
			padding-top: 25px;
		}

		#mainContent p a,
		#mainContent li a,
		.newsTextContainer p a,	/* This one is for the homepage nwes items */
		#mainContent h3.vgtMember a {
			font-weight: bold;
		}
		#mainContent #sitemap ul li ul li a {
			font-weight: normal;
		}

		#mainContent h1 {
			color: #484848;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			font-size: 1.8em;
			font-weight: normal;
		}
		body.reportingSection #mainContent h1 {
			color: #C4423C;
		}

		#mainContent h2 {
			margin: 0px 0px 3px 0px;
			padding: 5px 0px 0px 0px;
			font-size: 0.9em;
		}
		#mainContent h2#faqHeader {
			margin-bottom: 8px;
		}
		#mainContent h2.newsHeading {
			margin-bottom: 14px;
		}

		#mainContent h2.standOut {
			font-size: 1.25em;
			font-weight: normal;
			margin: 12px 0px 6px 0px;
			padding-top: 0px;
			color: #2C2C88;
		}

		#mainContent .standFirst {
			font-size: 0.9em;
			font-weight: bold;
			color: #484848;
			margin-bottom: 10px;
		}
		body.reportingSection #mainContent .standFirst {
			color: #C4423C;
		}

		#mainContent h2.featureHeading {
			font-size: 1.25em;
			font-weight: normal;
			margin: 0px 0px 6px 0px;
			padding-top: 0px;
		}

		#mainContent h2.standOut a {
			padding-right: 23px;
			color: #2C2C88;
			min-height: 15px;
			_height: 15px;
			background: url(../images/content_blue_arrow.gif) #FFFFFF no-repeat bottom right;
		}

		#mainContent h2.standOut a:hover {
			color: #FFFFFF;
			background: url(../images/content_blue_arrow_rev.gif) #333399 no-repeat bottom right;
		}

		#mainContent h3,
		#mainContent h4 {
			margin: 0px 0px 6px 0px;
			font-size: 0.8em;
		}

		/* Main content font sizes */
		#mainContent p,
		#mainContent ul,
		#mainContent ol,
		#mainContent td,
		#mainContent th {
			font-size: 0.8em;
		}

		/* Stop paragraphs in table cells getting smaller */
		#mainContent td p,
		#mainContent th p {
			font-size: 1em;
		}

		#mainContent ul {
			margin-left: 1em;
			padding-left: 5px;
		}

		#mainContent ol {
			margin-left: 1.5em;
			padding-left: 2px;
			_padding-left: 5px;
		}

		#mainContent li {
			margin-bottom: 6px;
		}

		/* Stop nested lists getting smaller */
		#mainContent ul ul,
		#mainContent ol ol,
		#mainContent ul ol,
		#mainContent ol ul {
			margin-top: 6px;
			font-size: 1em;
		}

		#mainContent ul.linkList {
			list-style-type: none;
			margin-left: 0px;
			padding-left: 0px;
		}

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

		.noBottomSpacing,
		#mainContent .reportingQuestion {
			margin-bottom: 0px !important;
		}

		#thinkUKnowLogoAnchorContainer {
			margin-bottom: 30px !important;
		}

		#thinkUKnowLogoAnchorContainer a:hover {
			color: #FFFFFF !important;
			background-color: #FFFFFF !important;
		}

		#downloadContent {
			padding-top: 10px;
			padding-bottom: 5px;
		}

		#downloadContent img {
			float: left;
			margin: 0px 10px 30px 0px;
		}

		#downloadContent ul {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
		}
		#downloadContent .clearer {
			clear: left;
		}

		#mainContent hr {
			color: #C1C1E0;
			background-color: #C1C1E0;
			height: 1px;
			overflow: hidden;
			border: none;
		}

		#mainContent .doubleHeightDividerContainer {
			padding: 2px 0px 10px 0px;
		}
		#mainContent hr.doubleHeight {
			color: #989AC1;
			background-color: #989AC1;
			height: 2px;
			font-size: 0px;
		}

		h3.faqHeading,
		h3.partnerCountry {
			padding-top: 19px;
		}

		.partnerColumnLeft,
		.partnerColumnRight {
			width: 194px;
			float: left;
		}
		.partnerColumnLeft {
			margin-right: 15px;
		}


		.partnerContainer {
			padding-top: 6px;
			padding-bottom: 5px;
		}
		.partnerContainer .clearer {
			clear: left;
		}

		#mainContent p.backToTop a {
			padding: 0px 1px 0px 14px;
			background: url(../images/back_to_top_arrow.gif) #FFFFFF no-repeat left bottom;
			min-height: 10px;
			_height: 10px;
		}
		#mainContent p.backToTop a:hover {
			background: url(../images/back_to_top_arrow_rev.gif) #333399 no-repeat left bottom;
		}

		#mainContent h2.newsTitle {
			margin-bottom: 0px;
		}
		#mainContent h2.newsDate {
			margin-bottom: 0px;
			font-weight: normal;
			font-size: 0.8em;
		}

		#mainContent h2.vgtCountry {
			margin-bottom: 0px;
			margin-top: 22px;
		}
		#mainContent h3.vgtMember {
			color: #333399;
			font-weight: normal;
			padding-bottom: 7px;
		}


		.newsThumb {
			float: left;
			margin-right: 10px;
		}
		.newsText {
			color: #333399;
		}
		#mainContent .newsText .newsDate {
			margin-bottom: 0px;
			color: #333333;
		}
		.newsItem .clearer {
			clear: left;
			margin-bottom: 14px;
		}

		.redText {
			color: #D94E47;
		}


/* The map for the "Country Identification" reporting page */
		#notInUKMap {
			min-height: 108px;
			_height: 108px;
			border-bottom: 1px solid #C1C1E0;
			background: url(../images/world_map.gif) #FFFFFF no-repeat top right;
			margin-bottom: 15px;
		}

		#notInUKMap h3,
		#notInUKLogos h3 {
			margin-top: 10px;
		}
		#notInUKMap h3 label {
			font-size: 1em;
			font-weight: normal;
		}

		#notInUKLogos .clearer {
			clear: left;
			margin-bottom: 10px;
		}
		#notInUKLogos h3 {
			margin-bottom: 10px;
		}

		#notInUKMap h3 {
			width: 170px;
		}

		#goButtonRed {
			width: 26px;
			height: 21px;
			vertical-align: bottom;
			margin-bottom: 0.05em;
		}

		.logoContainer {
			width: 86px;
		}

		#notInUKLogos .logoContainer {
			width: 194px;
			height: auto;
			float: left;
			position: relative;		/* Needed for IE */
		}
		#notInUKLogos .logoContainer#logoAUContainer,
		#notInUKLogos .logoContainer#logoUKContainer {
			margin-right: 15px;
		}


		#notInUKLogos .logoContainer h4,
		#notInUKLogos .logoContainer p {
			margin: 0px 0px 3px 0px;
			padding: 0px;
		}

		#notInUKLogos .logoContainer p {
			font-size: 0.75em;
		}

		#logoUKContainer {
			height: 64px;
			padding-top: 74px;
			background: url(../images/logo/logo_ceop.jpg) #FFFFFF no-repeat 0px 0px;
		}
		#logoAUContainer {
			margin-right: 6px;
			height: 57px;
			padding-top: 67px;
			background: url(../images/logo/logo_ahtcc.jpg) #FFFFFF no-repeat 0px 0px;
		}
		#logoCAContainer {
			height: 72px;
			padding-top: 82px;
			background: url(../images/logo/logo_rcmp.jpg) #FFFFFF no-repeat 0px 0px;
		}
		#logoUSContainer {
			margin-right: 6px;
			height: 61px;
			padding-top: 71px;
			background: url(../images/logo/logo_dohs.jpg) #FFFFFF no-repeat 0px 0px;
		}
		#logoOtherContainer {
			height: 71px;
			padding-top: 81px;
			background: url(../images/logo/logo_interpol.jpg) #FFFFFF no-repeat 0px 0px;
		}


		#notInUKLogos #logoUKContainer {
			margin-top: 8px;
		}
		#notInUKLogos #logoAUContainer {
			margin-top: 15px;
		}
		#notInUKLogos #logoUSContainer {
			margin-top: 11px;
		}
		#notInUKLogos #logoOtherContainer {
			margin-top: 1px;
		}


/* Footer Section */
		#footer {
			clear: both;
			margin: 0px 0px 0px 25px;
			border-top: 1px solid #C1C1E0;
			padding-bottom: 3px;
		}

/* Footer Navigation */
#footerNavigation ul {
	width: 485px;
	position: relative;
}

		#footerNavigation li {
			width: auto;
			float: left;
			border-left: 1px solid #C1C1E0;
			padding: 8px 10px 2px 10px;
			font-size: 0.75em;
xbackground-color:red;
		}

		#footerNavigation li.firstItem {
			border-left: none;
			padding-left: 2px;
		}

		#footerNavigation a,
		#footerTagline {
			background-color: #FFFFFF;
		}

		#footerNavigation a:hover,
		#footerNavigation a:focus {
			background-color: #333399;
		}

		#footerNavigation #footerTagline {
position: absolute;
left: 488px;
top: 0px;
width: 215px;
			border-left: none;
			color: #636363;
xpadding-left: 26px;
		}

		#footer .clearer {
			clear: left;
		}

		#footerCopyright {
			color: #636363;
			font-size: 0.7em;
			margin: 10px 0px 10px 2px;
		}

/* Site-wide Corners */
		.yellowGradientCornerBL, .yellowGradientCornerBR,
		.purpleGradientCornerBL, .purpleGradientCornerBR,
		.yellowCornerBL, .yellowCornerBR,
		.redCornerBL, .redCornerBR {
			position: absolute;
			display: block;
			bottom: 0px;
			width: 4px;
			height: 4px;
			overflow: hidden;
		}

		.redCornerBL, .redCornerBR {
			_bottom: -1px;
		}

		#inThisSection .yellowCornerBL,
		#inThisSection .yellowCornerBR {
			_bottom: -1px;
		}

		.yellowGradientCornerTL, .yellowGradientCornerTR,
		.purpleGradientCornerTL, .purpleGradientCornerTR {
			position: absolute;
			display: block;
			top: -3px;
			width: 4px;
			height: 4px;
			overflow: hidden;
		}

		.yellowGradientCornerTL {
			left: 0px;
			background: url(../images/gradient_curve_yellow_tl.gif) transparent no-repeat 0px 0px;
		}
		.yellowGradientCornerTR {
			right: 0px;
			background: url(../images/gradient_curve_yellow_tr.gif) transparent no-repeat 0px 0px;
		}
		.yellowGradientCornerBL {
			left: 0px;
			background: url(../images/gradient_curve_yellow_bl.gif) transparent no-repeat 0px 0px;
		}

		.yellowGradientCornerBR {
			right: 0px;
			background: url(../images/gradient_curve_yellow_br.gif) transparent no-repeat 0px 0px;
		}

		.purpleGradientCornerTL {
			left: 0px;
			background: url(../images/gradient_curve_purple_tl.gif) transparent no-repeat 0px 0px;
		}
		.purpleGradientCornerTR {
			right: 0px;
			background: url(../images/gradient_curve_purple_tr.gif) transparent no-repeat 0px 0px;
		}
		.purpleGradientCornerBL {
			left: 0px;
			background: url(../images/gradient_curve_purple_bl.gif) transparent no-repeat 0px 0px;
		}
		.purpleGradientCornerBR {
			right: 0px;
			background: url(../images/gradient_curve_purple_br.gif) transparent no-repeat 0px 0px;
		}

		.yellowCornerBL {
			left: 0px;
			background: url(../images/curve_yellow_bl.gif) transparent no-repeat 0px 0px;
		}
		.yellowCornerBR {
			right: 0px;
			background: url(../images/curve_yellow_br.gif) transparent no-repeat 0px 0px;
		}

		.redCornerBL,
		body.reportingSection #inThisSection .yellowCornerBL {
			left: 0px;
			background: url(../images/curve_red_bl.gif) transparent no-repeat 0px 0px;
		}
		.redCornerBR,
		body.reportingSection #inThisSection .yellowCornerBR {
			right: 0px;
			background: url(../images/curve_red_br.gif) transparent no-repeat 0px 0px;
		}

		
		
		
/* css amends in-line with new content june 06 - lecb */
.cb {clear:both;}

img.snapshot {position:relative; left:-13px;}
p a img, .thmb-link a img {border:none;}
/*p a:hover, p a:focus,
.thmb-link p a:hover, .thmb-link p a:focus {padding:0; }*/

p.nr a:hover, p.nr a:focus {background:none;}

h2.launch-link {margin:4px 0 10px 0;}

.thmb-link {margin:24px 6px 0 1px;float:left;}
.thmb-link img {margin:0 0 5px -5px;}
.thmb-link a:hover, .thmb-link a:focus {background:none;}
.thmb-link p a:hover, .thmb-link p a:focus {background:#339; color:#fff;}
.first-thmb {margin-top:-10px;}

.make-height {display:block;min-height:24px;width:1px; line-height:0%; clear:both;}