body {
	/*background: url(../images/bg.gif) no-repeat fixed;*/
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:62.5%;
	margin:0px;
	padding:0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:scroll;
	text-align:left; /*use center to center Container */}

#Container {width: 875px;}

#Holder {/* Used for declaring a minimum width on IE */}

.minWidth {width:500px;}

#Logos {
	width: 230px;
	padding:0 500px 0 0;
	text-align:center;}

#Logos img {margin:5px 0 0 0;}
	
#Arrows{float:right;}

#Arrows img{
	margin-left:10px;
	border:0;}

p.bottomNavigation {
	clear:right;
	text-indent:0;
	margin:0;}

p.bottomNavigation a {font-weight:bold; color:#999999;}
p.bottomNavigation a:link, p.bottomNavigation a:visited {color:#000099;}

/************************************************************/
/* ***** Styles * Styles * Styles * Styles * Styles * ***** */
/************************************************************/

h1, h2, h3, h4 {
	margin:0 0 10px 0;
	padding:0px;
	font-weight:bold;
	color:#000099;
	text-align:left;}

h1 {font:bold 2.8em sans-serif;}
h2 {font:bold 2.2em/2.2em;}
h3 {font:bold 1.6em/1.6em;}
h4 {font:bold italic 1.4em/1.4em;}

h5, h5 a, h5 a:link, h5 a:visited {
	margin:0 0 15px 0;
	padding:1px;
	font-size:.95em;
	color:#000099;
	font-weight:normal;
	text-align:left;}

h5 {color:#000000;}

h6 {
	margin:10px 0 0 0;
	font-size:1.5em;
	text-align:left;}

p, label, td {
	font:1.1em/2em verdana, arial, helvetica, sans-serif;
	text-indent:30px;}

a, a:link, a:visited  {
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;}

a.accessible {color:#333333;}

#Content ul, #Content ol {
	font-size:1em;
	text-align:left;}

#Content li {
	font-size:1.1em;
	margin:5px 0;
	line-height:1.5em;
	list-style-type: inherit;
	list-style-position: inherit;
}
	
#Content ul li ul li, #Content ol li ol li, #Content ul ol li,
#Content ol li ul li {font-size:1em;}

#Content ol ol li {list-style-type:lower-alpha;}	
#Content ol ol ul li {list-style-type:disc;}

a.reviewForm, a.reviewForm:link, a.reviewForm:visited {
	font-size:18px;
	color:#FF0000;
	position:absolute;
	top:65px;
	/* For NIJ Banner
	top:225px;*/
	left:530px;
	z-index:2;
	visibility:hidden;}
	
a.reviewForm:hover {color:#666699;border-bottom:1px dotted;}

#Content a.noLink {color:#666666;}

img {padding-top:0px;}

.hide {display:none;}

/******************/
/* Global Classes */
/******************/

a.glossaryTermFirst, a.glossaryTermFirst:link, a.glossaryTermFirst:visited{color:#FF9900; cursor:help;}
a.glossaryTerm, a.glossaryTerm:link, a.glossaryTerm:visited {color:#000000; font-weight:normal; cursor:help;}
#Content .moduleLink, #Content a.moduleLink:link, #Content a.moduleLink:visited {color:#669900;}
#Content .externalLink, #Content a.externalLink:link, #Content a.externalLink:visited {color:#FF0000;}
#Content .reference, #Content a.reference:link, #Content a.reference:visited {
	vertical-align:super;
	margin-top:-3px;
	font-size:0.9em;
	color:#990000;}

.center, p.center, #Content .center{
	text-align:center;
	text-indent:0;}
	
a img {border:0;}

img.center {padding:10px 0 0 0;	}

.centerSWF {margin:10px 0 0 0;}

.floatRight{
	float:right;
	padding:10px 0 5px 10px;}
	
.floatLeft {
	float:left;
	padding:10px 10px 0 0;}

.headShot {
	float:left;
	margin:5px 10px 0 0px;}

.listTitle, .noIndent {text-indent:0;} /* .listTitle is used in case we decide we want it to be different at a later time */

.print {margin-right:10px;}

.titledList {
	text-indent:-35px;
	padding-left:35px;}
		
#Content .permissions, #Content .permissionsFootNote, #Content .cutline {
	text-align:center;
	text-indent:0;
	margin:0;
	font-weight:normal;
	color:#999999;
	font-size:.9em;
	line-height:1.3em;}

#Content .permissionsFootNote {
	margin:5px 0 0 0;
	text-align:left;}

#Content .cutline {
	color:#000000;
	font-weight:bold;}

.largerImage{
font-size:1em;}

#SkipToContent a.hidden {display:none;}
.hidden {display:none;}

/*********************/
/* Section for Icons */
/*********************/

#Content .icon {				/*outer*/
	margin:10px 0;
	padding:0;
	display:table;
	height:56px;
	text-indent:0;
	clear:right;}

#Content .icon .icon {			/*middle*/
	display:table-cell;
	margin:0;
	vertical-align:middle;}

#Content .icon .icon p {		/*inner*/
	font-weight:bold;
	text-indent:0;}

.icon img {
	float:left;
	border:0;
	padding:5px 10px 0 0;}

#Content a.icon:hover{cursor:pointer;}

/**********************/
/* Section for Tables */
/**********************/

table {margin:10px auto 0;}

#Content td {
	vertical-align:text-top;
	border:1px solid #999999;
	padding:0 5px 0;
	text-indent:0;
	text-align:left;}

#Content td p {
	font-size:1em;
	text-indent:0;
	margin:0 0 10px 0;}

#Content table ul, #Content table ol {
	font-size:.9em;
	margin:0 0 0 -20px !important;
	margin-left:-10px;}

#Content td.tableTitle, td.tableTitle,
#Content td.tableSafetyTitle, td.tableSafetyTitle{
	border:0;
	background-color:#000099;
	color:#FFFFFF;
	font:1.4em/1em;
	font-weight:bold;
	padding:0 10px;
	text-align:center;}
	
#Content td.tableSafetyTitle, td.tableSafetyTitle{
	background-color:#F5F500;
	border:1px solid #000000;
	color:#000000;}

#Content td.tableHighlightRow, td.tableHighlightRow{
	background-color:#FFFFCC;}

#Content td.tableSection {
	border:0;
	border-bottom:1px solid #000000;
	color:#FF0000;
	font-weight:bold;
	margin-top:5px;
	padding:10px 0 0 0;
	text-align:left;}

#Content td.tableHeading {
	vertical-align:bottom;
	padding:0;
	border:0;
	font-style:italic;
	margin:0 0 0 5px;
	text-align:left;
	font-weight:bold;}


/**************************************************/
/*                *Image Collage's*               */
/* Must be three pictures set to 140px wide each. */
/**************************************************/

.imageCollageThree, .imageCollageTwo, .imageCollageOne{
	float:right;
	width:100%;
	text-align:center;}

.imageCollageThree .container, .imageCollageTwo .container, .imageCollageOne .container {margin:0 auto;}

.imageCollageThree .container {width:490px;}
.imageCollageTwo   .container {width:320px;}
.imageCollageOne   .container {width:160px;}

.imageCollageThree a, .imageCollageTwo a, .imageCollageOne a {
	color:#000000;
	float:left;
	font-size:.9em;
	line-height:1.3em;
	margin:10px;
	width:140px;}
	
#Content .imageCollageThree .permissions,
#Content .imageCollageTwo .permissions,
#Content .imageCollageOne .permissions {font-size:1em;}


/*************************************************/
/*                    Title                      */
/*************************************************/

#Title {
	background: url(../images/titlebar-corner.gif) #666699 top right no-repeat;
	padding:0 0 0 10px;
	font-size:12px !important;
		font-size:55px;
    height: 66px !important; /* for most browsers */
    height /**/:55px; /* for IE5.5's bad box model */}
	
	#Title img {vertical-align:middle;}
	#Title .titleImg {
		position:absolute;
		top:0px;
		margin:11px 0 0 0;
		/* FOR NIJ Header 
		margin:173px 0 0 0;*/}
	
#ClassTitle {
	background: url(../images/titlebar-corner.gif) #E7E7E7 bottom right no-repeat;
	margin-left:0px;
	line-height:2.25;
	font-size:12px !important;
		font-size:20px;
    height: 25px !important; /* for most browsers */
    height /**/:25px; /* for IE5.5's bad box model */
	filter:alpha(opacity=60); /* IE */ 
	-moz-opacity: 0.60; /* mozilla */}

/***************************************************************/
/* ***** Content * Content * Content * Content * Content ***** */
/***************************************************************/

#Content {
	margin:27px 105px 0 250px; /*don't use the !important on this one, otherwise the javascript won't work */
	border:1px solid black;
	padding:10px;
	text-align:center;}

#Content p {text-align:left;}

#Content>p	{margin:10px 0 0 0;}

/**************************************************/
/* ***** Tabs * Tabs * Tabs * Tabs * Tabs * ***** */
/**************************************************/

/*Sliding Doors Affect */

#Tabs {
	position:absolute;
	top:89px;
	/* FOR NIJ Header 
	top:249px;*/
	left:250px;
	z-index:2;
    float:left;
    font-size:93%;
    line-height:normal;
	padding:0 0 0 10px;
	width:60%;}

 #Tabs ul {
    margin:0;
	padding:10px 0 0 10px;
    list-style:none;}

 #Tabs li {
    float:left;
	display:inline;
	margin:0;
	padding:0;}

  #Tabs a, #Tabs a:link, #Tabs a:visited{
	float: left;
    display:block;
	background:url(../images/tab_l.gif) no-repeat left top;
    padding:5px 0 3px 2px;
	font-size:10px;
	color:#666666;}

  #Tabs a div {
    background: url(../images/tab_r.gif) no-repeat right top;
	padding:5px 5px 4px 3px;
	margin:-5px 0 -3px 0;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#Tabs a	div {padding:5px 5px 4px 3px;}
	#Tabs a	{float:none;}
/* End IE5-Mac hack */
  
  #Tabs a span {display:none;}
  
  #Tabs #Current a, #Tabs #Current a:link, #Tabs #Current a:visited	{
  color:#000099;
  background-position: 0% -21px;}
  
  #Tabs #Current a div	{
  	background-position: 100% -21px;
	/* These two lines are needed for IE to place the current position above the content border */
	position:relative;
	z-index:2;}
	
  #Tabs a:hover{background-position: 0% -42px;}
	
  #Tabs a:hover div	{background-position: 100% -42px;}

/*************************************************************/
/* ***** Menu Controls * Menu Controls * Menu Controls ***** */
/*************************************************************/

#MenuControls {visibility:hidden;
	width:230px;
	/*border:1px solid;*/
	text-align:center;
	font-size:11px;
	color:#666699;}
	
#MenuControls a:hover {
	border:1px solid;}

/***************************************************/
/* ***** Menu * Menu * Menu * Menu * Menu *  ***** */
/***************************************************/

#Menu {
	float:left;
	padding:0 5px;
	margin:0;
	width:230px;
	background:#E7E7E7;
	filter:alpha(opacity=60); /*IE */ 
	-moz-opacity: 0.60; /* mozilla*/
	/* Again, the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:230px;}

#mainMenu {margin:0 0 0 8px;}

#Menu .menubar1 {background: url(../images/plus_gray.gif) no-repeat 0 0.4em;}
#Menu .menubar  {background: url(../images/plus.gif) no-repeat 0 0.4em ;}

#Menu a.actuator {
	padding:0 11px 0 0;
	margin:0 7px 0 -18px;}
	
#Menu a.actuator:hover {cursor:default;}

#Menu ul {padding:2px 0 0 0;}  	/*spacing is needed at the top of the list to separate it from the "title" of the list it is in */
#Menu ul ul {display:none;}     /*hide the menus by default*/
#Menu ul li {margin-left:-6px;}

#Menu li {
	background: url(../images/square.gif) no-repeat 0 0.4em;
	margin:0; /*move the lines into position*/
	padding:3px 0 3px 17px;
	list-style:none outside;
	line-height:1.2em;}

#Menu a, #Menu a:link, #Menu a:visited {
	color:#000099;
	font-size:1em;
	font-weight:normal;}
#Menu a:hover {color:#000000;}
#Menu a.current:link, #Menu a.current:visited {font-weight:bold;}

#Menu .blank {background:none;}
