/* 
----- 1^ page structure 
----- 2^ text styles 
----- 3^ general classes
----- 4^ Navigation
		 4a^ Page links
		 	4ai^ colour target links anchors 
		 4b^ left-hand links
		 4c^ footer navigation
		 4e^ anchorLInkContainers links and faq navigation
		 4d^ individual page site navigation
----- 5^ individual page structure
		 5a^ Home page box / images
		 5b^ download page
		 5c^ page colour background image
		 5d^ faq article boxes
*/
/* 1^ general page structure */
body{
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #999;
	text-align: center;
}
#wrapper {
	position:relative;
	width: 800px;
	background-color: #000;
	margin: 3% auto;
	z-index: 0;
	border: 5px solid #000;
	text-align: left;
}
nav {
	float:left;
	width: 202px;
	background-color: #000;
}
#mainContent{
 float: right;
 width: 588px;
 border: 5px solid #fff;  
}
/*#mainContent {
	border-left: 4px solid #FFFFFF;
	border-top: 4px solid #FFFFFF;
}*/	
#homepage nav{
height: 535px	
}
#sitemap div#mainContent {
 float: right;
 width: 568px;
 border: 4px solid #fff;
 padding: 0 10px 10px 10px;  
}
header {
	margin-top: 10px;
}
section header {
	padding: 5px 5px 0 5px;
}
article {
	/*position:relative; */
	padding: 5px 5px 0 5px;
	/*overflow:hidden;*/
}
#homealone article, #downloads article {
	height: 655px;
}
#prevent section {
	height: 730px;
}
#downloads div#mainContent {
	/* width: 578px;
	 min-height:580px;
	padding: 5px;*/
}
aside {
	clear: both;
	margin: 5px 0 10px 0;
	padding: 5px;
	overflow:hidden;
	}
#video, #moreInfo {
	width: 287px;
	float:left;
	}
#links {
	width: 287px;
	float:right;
	}
iframe {
	padding: 5px 0;	
	}
footer {
	position: relative;
	clear: both;
	color: #000;
	margin-top: 10px;
	background-color: #fff;
	z-index:100;
}

#homepage footer {
	position: relative;
	clear: both;
	color: #000;
	background-color: #fff;
	z-index:100;
}
/* 2^ text styles */
h1, h2 {color: #000; background-color: transparent; white-space:pre-wrap;	}
h1 {font-size:2em;}
#faq h1{ padding: 10px 0; margin: 0; color: #000; background-color:#fff;}
#sitelinks section h1 {padding: 10px; margin: 0}
h2 {font-size:1.8em; padding: 10px 0;}
.video h2 {padding-top: 10px;}
#homealone #video h2 {color: #fff;}
#faq h2{padding: 0 10px 10px 10px;}
#faq h2, #sitelinks h2 {color: #000; background-color:transparent; padding: 10px 0px;}
#faq .questions .anchorLInkContainersLeft h2, #faq .questions .anchorLInkContainers h2 { padding-top: 5px}
h3, h4{ font-size:1.6em; color: #000000;font-weight: bold; padding-top: 5px;}
#mobile  h3{ color: #fff;}
h4, h5{ font-size:1.2em;}
#faq section h3, #faq section h4, #faq section h5{ line-height:1.2em; color: #000; background-color: transparent; padding: 5px 5px 5px 5px;}
.video h3 {padding-top: 10px;}
/*h5{font-size:1.2em;letter-spacing: 0.1em;color: #000000;font-weight: bold;}*/
p {color: #000; font-size: 1.2em;line-height: 1.4em; padding: 2px 0 10px 0; word-wrap: break-word; }
header p {font-weight: bold;}
footer p{font-size: 1.2em; font-weight: bold; padding: 5px 0px 0 5px; margin:0;}
#faq section p{padding-right: 5px; padding-left: 5px;}
#homealone #mainContent h1, #homealone #mainContent p, #mobile p, #mobile h2,  #mobile h1{color:#fff;}
#homealone footer p, #mobile footer p { color: #000!important; background-color: #fff;}
#fronttext p {color:#fff}
p.toplink {font-size: 1em; padding: 5px 0 5px 0; border-bottom: 4px solid #339; margin-bottom: 10px;}
#faq p.toplink {border-bottom: 4px solid #ccc;}
#sitelinks p.toplink {border-bottom: 4px solid #ccc;}
blockquote{ font-size: 1.6em; line-height:1.8em; font-weight: bold; margin: 20px 40px;padding: 10px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
ul { font-size: 1.2em; line-height: 1.4em; margin-left: 20px; padding: 0px 10px}
/*ul.listMargin {margin-left: 320px;}
li.listMargin {margin-left: 300px;}*/
li { padding: 2px 0px; }
.questions ul{margin:0 0 0 10px; list-style:disc!important;}
.questions ul li, .questions ul li a, .questions ul li a:link, .questions ul li a:visited{ color: #000; background-color: #fff;}
.questions ul li a:hover, .questions ul li a:active { color: #333; background-color:#fff;}
/* 3^ general classes */
.clearall{clear: both; padding: 2px 0;}
.floatright {float: right; padding: 0 0px 5px px;}
.floatleft {float: left; padding: 0 5px 5px 0;}
img.mainImage {float: right; padding: 0 0px 5px 8px;}
.offleft{ position: absolute; width:1px; height: 1px; overflow: hidden; left: -1000px; top: auto;}
.factoid{font-size:0.9em;color: #000000;font-weight: bold;background-color: #FFFFFF;letter-spacing: 0.1em;vertical-align: middle;}
/* 4^ Navigation */
/* 4a^ Page links */
a, a:link, a:visited{color : #000033;text-decoration : underline;}  
a:hover, a:active {color : #FF0000;text-decoration : none;}
/* 4ai^ Page links */
*:target {background-color: #ccc; }

/* 4b^ left-hand links */
nav ul.siteNav {width: auto; margin: 0 3px 0 0; padding: 0; font-variant: small-caps; font-size:1.4em;font-weight: bold; list-style: none;  }
nav ul.siteNav li { margin: 0; padding: 0!important;}
#mobile nav ul.siteNav li h3 { color: #000}
nav ul.siteNav li a {display:block;padding: 5px 5px; text-decoration:none; color: #fff; background-color: transparent;	}
nav ul.siteNav li a:link{}
nav ul.siteNav li a:visited{
color: #666; background-color: #000;}
nav ul.siteNav li a:hover, 
nav ul.siteNav li a:active {
color:#000; background-color: #fff;
}
/* 4c^ footer navigation */
footer small{	}
footer small ul {
	font-size: 1em;
	line-height:1.2em;
	border-top: 5px solid #000;
	color: #000;
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:auto;
	list-style:none;
}
#homepage footer small ul {
	color: #000;
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style:none;
	overflow:auto;
}
footer small ul li{
	float: left;
	padding: 5px 0  5px 0;
	border: 1px solid #fff;
}
#homepage footer small ul li{
	float: left;
	padding: 5px 0  5px 0;
	border: 1px solid #fff;
}
footer small ul li a{
padding: 5px 10px;
}
footer small ul li a:link, footer small ul li a:visited{
	color: #000;
	background-color: #fff;
text-decoration:none;
}
footer small ul li a:hover, footer small ul li a:active{
	text-decoration:underline;
	color:#333;
	background-color: #fff;
}
#homepage footer small ul li a:link, #homepage footer small ul li a:visited{
	color: #000;
	background-color: #fff;
text-decoration:none;
}
#homepage footer small ul li a:hover, #homepage footer small ul li a:active{
	text-decoration:underline;
	color:#333;
	background-color: #fff;
}
/* 4e^ anchorLInkContainers links and faq navigation */
nav.anchorLInkContainers, nav.anchorLInkContainersLeft {
color: #000;	
background-color: #fff;	
}
/* 4d^ individual page site navigation */
/*home*/
body#home nav ul.siteNav li.home a {
	color:#000!important;
	background-color: #093;	
}
nav ul.siteNav li.home a:hover, 
nav ul.siteNav li.home a:active {
	background-color: #093;	
}
/*antisocial*/
body#antisocial nav ul.siteNav li.antisocial a {
	color:#000!important;
	background-color: #fcfcfc;	
}
nav ul.siteNav li.antisocial a:hover, 
nav ul.siteNav li.antisocial a:active {
	background-color: #fcfcfc;	
}
/*around*/
body#around nav ul.siteNav li.around a {
	color:#000!important;
	background-color: #9dd5f6;	
} 
nav ul.siteNav li.around a:hover, 
nav ul.siteNav li.around a:active {
	background-color: #99cc99;	
}
/*bully*/
body#bully nav ul.siteNav li.bully a {
	color:#000!important;
	background-color: #AAAFBC;	
}
nav ul.siteNav li.bully a:hover, 
nav ul.siteNav li.bully a:active {
	color:#000;
	background-color: #AAAFBC;	
}
/*crime*/
body#crime nav ul.siteNav li.crime a {
	color: #000;
	background-color: #bf7313;	
}
nav ul.siteNav li.crime a:hover, 
nav ul.siteNav li.crime a:active {
	background-color: #bf7313;	
}

/*download*/
body#downloads nav ul.siteNav li.downloads a {
	background-color: #fff;	
}
nav ul.siteNav li.downloads a:hover, 
nav ul.siteNav li.downloads a:active {
	background-color: #fff;	
}
/*drink*/
body#drink nav ul.siteNav li.drink a {
	color:#000;
	background-color: #006f45;	
}
nav ul.siteNav li.drink a:hover, 
nav ul.siteNav li.drink a:active {
	background-color: #006f45;	
}
/*drugsPage*/
body#drugsPage nav ul.siteNav li.drugsPage a {
	color:#000;
	background-color: #006f45;	
}
nav ul.siteNav li.drugsPage a:hover, 
nav ul.siteNav li.drugsPage a:active {
	background-color: #006f45;	
}
/*faq*/
body#faq nav ul.siteNav li.faq a {
	background-color: #fff;	
}
nav ul.siteNav li.faq a:hover, 
nav ul.siteNav li.faq a:active {
	background-color: #fff;	
}
/*feeling*/
body#feel nav ul.siteNav li.feel a {
	color: #000;	
	background-color: #4faf43;	
}
nav ul.siteNav li.feel a:hover, 
nav ul.siteNav li.feel a:active {
	background-color: #4faf43;	
}
/*framed*/
body#framed nav ul.siteNav li.framed a {
	color: #000;	
	background-color: #85868a;	
}
nav ul.siteNav li.framed a:hover, 
nav ul.siteNav li.framed a:active {
	background-color: #85868a;	
}
/*home*/
body#home nav ul.siteNav li.home a {
	color: #000;	
	background-color: #f8931d;	
}
nav ul.siteNav li.home a:hover, 
nav ul.siteNav li.home a:active {
	background-color: #f8931d;	
}
/*homealone*/
body#homealone nav ul.siteNav li.homealone a {
	color: #000;	
	background-color: #a51a2f;	
}
nav ul.siteNav li.homealone a:hover, 
nav ul.siteNav li.homealone a:active {
	background-color: #a51a2f;	
}
/*internet*/
body#internet nav ul.siteNav li.internet a {
	color: #000!important;	
	background-color: #f8ed6f;	
}
nav ul.siteNav li.internet a:hover, 
nav ul.siteNav li.internet a:active {
	background-color: #f8ed6f;	
}
/*knifecrime*/
body#gunKnifeCrime nav ul.siteNav li.gunKnifeCrime a {
	color: #000;	
	background-color: #d6dfda;	
}
nav ul.siteNav li.gunKnifeCrime a:hover, 
nav ul.siteNav li.gunKnifeCrime a:active {
	background-color: #d6dfda;	
}
/*missing person*/
body#misper nav ul.siteNav li.misper a {
	color: #000;	
	background-color: #016b43;	
}
nav ul.siteNav li.misper a:hover, 
nav ul.siteNav li.misper a:active {
	background-color: #016b43;	
}
/*mobile phone*/
body#mobile nav ul.siteNav li.mobile a {
	color: #000;	
	background-color: #292a2c;	
}
nav ul.siteNav li.mobile a:hover, 
nav ul.siteNav li.mobile a:active {
	background-color: #292a2c;	
}
/*news phone*/
body#news nav ul.siteNav li.news a {
	color: #000;	
	background-color: #9acc99;	
}
nav ul.siteNav li.news a:hover, 
nav ul.siteNav li.news a:active {
	background-color: #9acc99;	
}
/*prevent*/
body#prevent nav ul.siteNav li.prevent a {
	color: #000;	
	background-color: #fff;	
}
nav ul.siteNav li.prevent a:hover, 
nav ul.siteNav li.prevent a:active {
	background-color: #fff;	
}
/*racial phone*/
body#racial nav ul.siteNav li.racial a {
	color: #000;	
	background-color: #9dcd57;	
}
nav ul.siteNav li.racial a:hover, 
nav ul.siteNav li.racial a:active {
	background-color: #9acc99;	
}
/*redHedz*/
body#redHedz nav ul.siteNav li.redHedz a {
	color: #000;	
	background-color: #96d0f5;	
}
nav ul.siteNav li.revhedz a:hover, 
nav ul.siteNav li.revhedz a:active {
	color: #000!important;	
	background-color: #96d0f5;		
}
/*sitelinks*/
body#sitelinks nav ul.siteNav li.sitelinks a {
	color: #000;	
	background-color: #fff;	
}
nav ul.siteNav li.sitelinks a:hover, 
nav ul.siteNav li.sitelinks a:active {
	color: #000!important;	
	background-color: #fff;		
}
/*street*/
body#street nav ul.siteNav li.street a {
	color: #000!important;		
	background-color: #ff0;	
}
nav ul.siteNav li.street a:hover, 
nav ul.siteNav li.street a:active {
	background-color: #ff0;	
}
/* 5^ individual page structure */

/* 5a^ homepage box / image location */
#front1{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 60px;
	left: 220px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;

}

#front2{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 205px;
	left: 220px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front3{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 350px;
	left: 220px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front4{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 60px;
	left: 365px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front5{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 205px;
	left: 365px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front6{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 350px;
	left: 365px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front7{
	width: 265px;
	height: 265px;
	position: absolute;
	top: 60px;
	left: 510px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front8{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 205px;
	left: 510px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front9{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 350px;
	left: 510px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front10{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 60px;
	left: 655px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}

#front11{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 205px;
	left: 655px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}
#front12{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 350px;
	left: 655px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}
/*#front12{
	width: 120px;
	height: 220px;
	position: absolute;
	top: 350px;
	left: 655px;
}
*/
#fronttext{
	width: 550px;
	height: 80px;
	position: absolute;
	top: 495px;
	left: 220px;
	color: #FFFFFF;
	z-index: 1;
}
/* 5b^ download page */
ul.downloads {
font-size: 1em;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
color: #000;
list-style: none;
}
ul.downloads li.odd {
float: left;
width: 250px;
text-align: left;
}
ul.downloads li.even {
float: right;
width: 250px;
text-align: left;
}
ul.downloads li img {
float: left;
padding-right: 10px;
border: none;
}
/* 5c^ page colour background image */

#home #mainContent {
	color:#000;
	background-color: #f8931d;}
#home #mainContent a:link, #home #mainContent a:visited{color : #000033;text-decoration : underline;}  
#home #mainContent a:hover, #home #mainContent a:active {color : #fff;text-decoration : none;}
#antisocial #mainContent {
	color:#000;
	background-color:#fcfcfc;
}
#around #mainContent {
	color:#000;
	background-color: #9dd5f6;
}
#bully #mainContent {
	color:#000;
	background-color: #AAAFBC;
}
#crime #mainContent {
	color:#000;
	background-color: #bf7313;
}
#crime #mainContent a:hover, #crime #mainContent a:active {color : #fff;text-decoration : none;}
#downloads #mainContent {
	color:#000;
	background-color: #fff;
}
#drink #mainContent {
	color:#000;
	background-color: #006f45;
}
#drink #mainContent a:hover, #drink #mainContent a:active {color : #fff;text-decoration : none;}
#drugs #mainContent {
	color:#000;
	background-color: #006f45;
}
#drugs #mainContent a:hover, #drugs #mainContent a:active {color : #fff;text-decoration : none;}
#faq #mainContent {
	color:#000;
	background-color: #fff;
}
#feel #mainContent {
	color:#000;
	background-color: #4faf43;
}
#framed #mainContent {
	color:#000;
	background-color: #85868a;
}
#framed #mainContent a:hover, #framed #mainContent a:active {color : #fff;text-decoration : none;}
#homealone #mainContent {
	color:#fff !important;	
	background-color: #a51a2f;
}
#homealone #mainContent a:link, #homealone #mainContent a:visited{color : #ff0;text-decoration : underline;} 
#homealone #mainContent a:hover, #homealone #mainContent a:active {color : #fff;text-decoration : none;}
#internet #mainContent {
	color:#000;
	background-color: #f8ed6f;
}
#gunKnifeCrime #mainContent {
	color:#000;
	background-color: #d6dfda;
}
#sitelinks #mainContent {
	color:#000;
	background-color: #fff;
}
#misper #mainContent {
	color:#000;
	background-color: #016b43;
}
#misper #mainContent a:link, #misper #mainContent a:visited{color : #ff0;text-decoration : underline;} 
#misper #mainContent a:hover, #misper #mainContent a:active {color : #fff;text-decoration : none;}
#mobile #mainContent {
	color:#fff;
	background-color: #292a2c;
}
#mobile #mainContent a:link, #mobile #mainContent a:visited {color : #ff0;text-decoration : underline;} 
#mobile #mainContent a:hover, #mobile #mainContent a:active {color : #fff;text-decoration : none;}
#news #mainContent {
	color:#000;
	background-color: #9acc99;
}
#prevent #mainContent {
	color:#000;
	background-color: #fff;
}
#racial #mainContent {
	color:#000;
	background-color: #9dcd57;
}
#redhedz #mainContent {
	color:#000;
	background-color: #96d0f5;
}
#sitemap #mainContent {
	color:#000;
	background-color: #fff;
}
#street #mainContent {
	color:#000;
	background-color: #ff0;
}
#sitemap #terms {
	color:#000;
	background-color: #fff;
}
/* 5d^ faq article boxs */
.questions {
	width: 580px;
	margin-bottom:10px;
	overflow: auto;
}
.anchorLInkContainersLeft{
	width: 280px;
	float: left;
}
.anchorLInkContainers{
	width: 280px;
	float: right;
}