* {
	margin: 0px;
	padding: 0px;
}


/* =========  A TAGS  ========== */

a {
	outline: none;
	}

a:link {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #828282;
	font-size: 12px;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
	}
	
a.whitelink:link {
  color: white;
  height: 20px;
  }


a:visited {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #828282;
	font-size: 12px;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
	}
	
a.whitelink:visited {
  color: white;
}

a:hover {
	color: #00AAFF;
	}

a.whitelink:hover {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #00AAFF;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
	}

a:active {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #828282;
	font-size: 12px;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
	}

a.copylink {
	color: #fff;
	text-decoration: underline;
	font-size: 14px;
	display: inline;
	}
	
a.copylink:hover {
	color: #00AAFF;
	}

a.copyhlink {
	color: #00AAFF;
	font-size: 14px;
	}
	
a.copyhlink:hover {
	text-decoration: underline;
	}

/* Footer link */

a.footerl:link {
	text-decoration:underline;
	color:#555555;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	}

a.footerl:visited {
	text-decoration:underline;
	color:#555555;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	}

a.footerl:hover {
	text-decoration:underline;
	color:#828282;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	}

/* This activepage is to make the secondary tier blue when the associated page is active */

.activepage {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #00AAFF;
	font-size: 12px;
	text-decoration:none;
	outline: none;
	font-weight: lighter;
	}
	
p {
	font-family: "Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #969696;
	line-height: 28px;
	font-size:14px;
	text-align: left;
	font-weight: lighter;
	}
	
.errors {
      font-family: "Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #969696;
	line-height: 28px;
	font-size:10px;
	text-align: left;
	font-weight: lighter;
        height:100%;
        width:100%;
}
		
.copy {
	margin: 0px 40px 0px 20px;
	}
		
.copyheader {
	margin: 0px 40px 0px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #00AAFF;
	font-size: 14px;
	}
	
.copyform {
	margin: 0px 40px 0px 0px;
	}
	
.copyformradio {
	margin: 0px 0px 0px 7px;
	display: inline;
	}
	
.newslinkright {
	margin-top: -100px;
	margin-left: 100px;
	}


/* =========  BODY  ========== */

body {
    background-color: #151515;
    background-image: url('images/wallpaper2.jpg');
    background-repeat: no-repeat;
    background-position: 950px 0px;
	position: relative;
	}

#wrapper {
	width: 950px;
	height: auto;
	position: absolute;
	background: #000; /* Changes wrapper background only */
	}

#header {
	background: url('images/logo.gif') no-repeat;
	width:355px;
	height:145px;
	float: left;
	margin:0px;
	padding-top: 0px;
}

#topblock {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
}

#logolink {
	/* Clickable logo to return home */
	height: 100%;
	width: 335px;
	}

#logolink h1 {
	/* Header is invisible, unless style is turned off */
	display:none;
	}


/* =========  N A V I G A T I O N  M E N U  ========== */

#toptiers {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;

}

#tier1 {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 355px;
	width:595px;
	height:70px;	
	}
	
.nav1 {
	list-style: none;
	}
	
.nav1 li {
	float: left;
	}

.nav1 li a, .nav1 li a:visited {
	width: 93px;
	height: 70px;
	display: block;
	background: url('images/nav/1.gif');	
	}

.nav1 li a:hover {
	background: url('images/nav/act1.gif');
	}
	
.nav1Active {
	list-style: none;
	}
	
.nav1Active li {
	float: left;
	}

.nav1Active li a, .nav1Active li a:visited {
	width: 93px;
	height: 70px;
	display: block;
	background: url('images/nav/act1.gif');
	}	


/* img2 */

.nav2 {
	list-style: none;
}
.nav2 li {
	float: left;
}
.nav2 li a, .nav2 li a:visited {
	width: 140px;
	height: 70px;
	display: block;
	background: url('images/nav/2.gif');
}
.nav2 li a:hover {
	background: url('images/nav/act2.gif');
}


.nav2Active {
	list-style: none;
}

.nav2Active li {
	float: left;
}

.nav2Active li a, .nav2Active li a:visited {
	width: 140px;
	height: 70px;
	display: block;
	background: url('images/nav/act2.gif');
}

.nav2Active li a:hover {
	background: url('images/nav/act2.gif');
}


/* img3 */

.nav3 {
	list-style: none;
}
.nav3 li {
	float: left;
}
.nav3 li a, .nav li a:visited {
	width: 152px;
	height: 70px;
	display: block;
	background: url('images/nav/3.gif');
}
.nav3 li a:hover {
	background: url('images/nav/act3.gif');
}


.nav3Active {
	list-style: none;
}
.nav3Active li {
	float: left;
}
.nav3Active li a, .nav3Active li a:visited {
	width: 152px;
	height: 70px;
	display: block;
	background: url('images/nav/act3.gif');
}
.nav3Active li a:hover {
	background: url('images/nav/act3.gif');
}


/* img4 */

.nav4 {
	list-style: none;
}
.nav4 li {
	float: left;
}
.nav4 li a, .nav li a:visited {
	width: 105px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url('images/nav/4.gif');

}
.nav4 li a:hover {
	background: url('images/nav/act4.gif');
}



.nav4Active {
	list-style: none;
}
.nav4Active li {
	float: left;
}
.nav4Active li a, .nav4Active li a:visited {
	width: 105px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url('images/nav/act4.gif');

}
.nav4Active li a:hover {
	background: url('images/nav/act4.gif');
}

/* img5 */

.nav5 {
	list-style: none;
}
.nav5 li {
	float: left;
}
.nav5 li a, .nav li a:visited {
	width: 105px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url('images/nav/5.gif');
	}

.nav5 li a:hover {
	background: url('images/nav/act5.gif');
	}

.nav5Active {
	list-style: none;
	}
	
.nav5Active li {
	float: left;
	}
	
.nav5Active li a, .nav5Active li a:visited {
	width: 105px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url('images/nav/act5.gif');

	}
.nav5Active li a:hover {
	background: url('images/nav/act5.gif');
	}

/* ===== Second Tier ====== */

#tier2 {
	position: absolute;
	left: 0px;
	top: 70px;
	background-color:  black;
	width: 595px;
	height: 75px;
	margin: 0px 0px 0px 355px; /* 10px -> 0px */
	padding-top: 10px; /* 0px -> 10px; now grey background won't show through */
	}
	
.tier2nav {
	list-style: none;
	}

.tier2nav li {
	padding: 14px 0px 0px 15px;
	float: left;
	}

.tier2nav li a, .tier2nav li a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
	}

.tier2nav li a:hover {
	color: #00AAFF;
	}
	
	/* ?  */
	
.tier2navon li a:active {
	color: #00AAFF;
	}

.tier2nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	}


/* Customized CSS for homepage layout */





hr {
	background-color:#9B9B9B;
	color:#9B9B9B;
	height:1px;
	border:0;
}

img.case {
	background-image:url('../images/case_bgfade.gif');
	border-top:1px solid #FFF;
}

#case {
	background-color:#9B9B9B;
	width:950px;
	height:100%;
	left:0;
	top:0px;
	position:relative;
}

/* is content1 used, or even contenthome? */

#content1 {
	position: relative;
	left: 0;
	top: 140px;
	width: 950px;
	height: auto; /* be aware that this is where the gray shows and unshows along the bottom */
	background: #000;
	padding-bottom: 50px;
	}
	
#contenthome {
	width: 950px;
	height: 375px;
	margin-left: 0px;
  	left: 0;
  	top: 0;
  	position: absolute;
  	border: 1px solid blue;
	background-color: #000;
	display: inline;
	}
	
	
#rightcontenthome {
	margin-left:625px;
	width:290px;
	height:375px;
	margin-top:-240px;
	}

#blogandsm {
  height: 20px;
  }

#flash {
	width:550px;
	height:375px;
	margin-left:40px;
	}




/* =========== HOMEPAGE SERVICE NAVBAR ELEMENTS =========== */

#nav2 {
	position:relative;
	top:15px;
	left:0px;
	}

#dna-id {
	background:url(images/nav_dna.png);
	width:285px;
	height:35px;
	position:absolute;
	left:0px;
	top:0px;
	}
	
#dna-id:hover {
	background-position:301px;
	}
	
#missing-persons {
	background:url(images/nav_missing.png);
	width:285px;
	height:35px;
	position:absolute;
	left:0px;
	top:35px;
	}
	
#missing-persons:hover {
	background-position:301px;
	}
	
#identity-fraud {
	background:url(images/nav_idfraud.png);
	width:295px;
	height:35px;
	position:absolute;
	left:0px;
	top:70px;
	}
	
#identity-fraud:hover {
	background-position:302px;
	}
	
#provenance {
	background:url(images/nav_provenance.png);
	width:285px;
	height:35px;
	position:absolute;
	left:0px;
	top:105px;
	}
	
#provenance:hover {
	background-position:302px;
	}
	
#expert-testimony {
	background:url(images/nav_expert.png);
	width:285px;
	height:35px;
	position:absolute;
	left:0px;
	top:140px;
	}
	
#expert-testimony:hover {
	background-position:301px;
	}
	
/* end homepage service navbar elements */




#footerhome {
	width: 550px;
	height: 5em;
	position:relative;
	/* top:3em; */
	margin-left:40px;
	background-color:#000;
	padding:2em 0 1em 0;
	margin-top:35px;
	/* If you want to make a defined separation between footer and content, then add: margin-top: 50px;  */
	}






/* end CSS for homepage layout */


/* ==== PR Button ===== */

.prclick {
	margin-left: 20px;
	width:300px;
	height:50px;
	}
	
.pr {
	list-style: none;
	}

.pr li {
	float: left;
	}

.pr li a {
	width: 300px;
	height: 50px;
	display: block;
	background: url('images/nav/pr.gif');
	}

.pr li a:hover {
	background: url('images/nav/hov_pr.gif');
	}

.sr {
	list-style: none;
	}

.sr li {
	float: left;
	}

.sr li a {
	width: 300px;
	height: 50px;
	display: block;
	background: url('images/sr.gif');
	}

.sr li a:hover {
	background: url('images/nav/hov_sr.gif');
	}

img {
   border:none;
}

/* =========  C O N T E N T  A R E A  950 x 555 ==========
   To ensure the entire site remains within a 700 px (height) region, 555px is the max height for content area. You don't HAVE to remain at 555px. */
	
#content {
	position: relative;
	left: 0px;
	top: 140px;
	width: 950px;
	height: 100%;
	background: #000;
	padding-bottom: 0px;
	}

#contenthome {
	width: 950px;
	height: 375px;
	margin-left: 0px;
  	left: 0px;
  	top: 0px;
  	position: absolute;
  	border: 1px solid blue;
	background-color: #000;
	display: inline;
	}

#leftimg {
	width: 275px;
	height: 375px;
	left: 40px;
	float: left;
	position: absolute;
	}

#title {
	/* margin-top: 15px; */
	display: inline;
	float: left;
	top:0px;
	position: relative;
	}
	
#rightcontent {
	margin-left: 355px;
	width: 565px;
	height:100%;
	top:0px;
	position:relative;
	}

/* ========== F O R M  E L E M E N T S ========== */
	
form {
	margin-left: 20px;
	}
	
table {
	border:none;
	}

table.news {
	width: 300px;
	height: 50px;
	}
	
tr {
	padding-right:10px;
	}

td {
	font-family: "Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #969696;
	line-height: 28px;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
  }
	
h3 {
	font-family: "Lucida Sans Regular", "Lucida Sans", "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #969696;
	line-height: 28px;
	font-size:16px;
	text-align: left;
	/* font-weight: lighter; */
}
	
.commenta {
	height: 100px;
	padding: 5px;
	width: 300px;
	margin:5px 5px 5px 0px;
	overflow:auto;
	display:block;
	}
	


/* =========  F O O T E R  A R E A  ========== */

#footer {
	width: 560px;
	height: 5em;
	position: relative;
	/* top:3em; */
	/* margin-left: 375px; */
       left: 0px;
	background-color:#000;
	padding:2em 0 1em 1.2em;
	/* If you want to make a defined separation between footer and content, then add: margin-top: 50px;  */
	}

.footertext {
	color:#555555;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent: 0px;
	}

.fineprint {
	color: #555555;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
.subphoto {
	color: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 15px;
	line-height: 20px;
	}


/* ===========  M I S C E L L A N E O U S =========== */
.hidden {
	visibility: hidden;
	}

.divlink {
	/* This is used when we want to turn a whole div into a link that is nested in the div */
	display:block;
	height:100%;
	width:100%;
	}