/*
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * Dreamweaver modifications:
 * 1. Commented out selection highlight
 * 2. Removed media queries section (we add our own in a separate file)
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }
audio, canvas, video, podcast, blog { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 100%; line-height: 1.231; background-color: #e5e5e5; font-family: Arial, Helvetica, sans-serif; }
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #000; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* Dreamweaver: uncomment these if you do want to customize the selection highlight
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }/* HTML 5 specification states to use <strong> for important text instead of <b> for accessibility issues. (<b> is strictly a visual style)*/

/* HTML 5 specifications states to use <em> instead of <i> for emphasized text for accessibility issues. (<i> is strictly a visual style)*/

blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.notice-separator { border-top: 2px solid #f00;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }


small, .small85 { font-size: 85%; }
.small90 { font-size: 90%;}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #034c85; text-decoration: none; }
a:visited { color: purple; text-decoration: none; }
a:hover { color: #034c85; text-decoration: underline; }
a:focus { outline: thin dotted; background-color:#F7F3E3; }

.featureItem p.underline-link a, div.featureItem p.underline-link a, section.featureItem p.underline-link a, .underline-link a {text-decoration: underline; }
#search a {color: #034c85; text-decoration: underline; }
#search a:visited { color: purple; text-decoration: underline; }
#search a:hover { color: #034c85; text-decoration: none; }

.links-bold a, .links-bold a:link {font-weight: bold;}
.links-bold a:hover, .featureItem.links-bold ul.links-bold li a:hover {text-decoration: underline;}
.links-normal a, .links-normal a:link {font-weight: normal;}
.moretext a { color: #034c85; text-decoration: underline; font-weight: bold;}
.moretext a:visited { color: purple; text-decoration: underline; }
.moretext a:hover { color: #034c85; text-decoration: none; }

.morelinks a { color: #034c85; text-decoration: underline; font-weight: bold; }
.morelinks a:visited { color: purple; text-decoration: underline; }
.morelinks a:hover { color: #034c85; text-decoration: none; }

.maintitle2 a.RSS { color: #000; text-decoration: none; }
.maintitle2 a.RSS:visited { color: #000; text-decoration: none; }
.maintitle2 a.RSS:hover { color: #000; text-decoration: none; }

#maincol1 .featureItem p a, #maincol2 .featureItem p a {text-decoration: none; font-weight: bold; }
#maincol1 ul.links-normal li a, #maincol2 ul.links-normal li a {text-decoration: none; font-weight: normal; }
#maincol1 ul.links-normal li a:hover, #maincol2 ul.links-normal li a:hover {text-decoration: underline; }
#CsrcContent a {color: #034c85; text-decoration: underline; font-weight: bold; }
#CsrcContent a:visited { color: purple; text-decoration: underline; }
#CsrcContent a:hover { color: #034c85; text-decoration: none; }

#CsrcContent li a { color: #034c85; text-decoration: none; }
#CsrcContent a:visited { color: purple; text-decoration: none; }
#CsrcContent a:hover { color: #034c85; text-decoration: underline; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

a#skipToMain { height: 1px; visibility: hidden!important; aria-hidden: true;}
a#skipToMain:focus { height: 25px; width: 50px; margin-left: -50px; visibility: visible!important; aria-hidden: false;}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 30px; }
ul.ul-list-style-none li { list-style: none; padding-bottom: 3px; }
ul.bullet li {list-style: circle;}
ul.no-bullet li {list-style: none; }
ul.indent10 {margin-left: 10px;}
ul.indent20 {margin-left: 20px;}
ul.indent30 {margin-left: 30px;}
ul.indent40 {margin-left: 40px;}
ul.indent50 {margin-left: 50px;}
ul.no-indent {padding-left: 0; margin-left: 0;}
ul.no-indent li {padding-left: 0; margin-left: 0;}
ul.no-top-margin, ul li ul.no-top-margin { margin-top: 0;}
ul.spacing-reg {margin: .5em 0 0 0;}
ul.spacing5.no-bullet {margin: .5em 0; list-style-type: none;}
ul#ji-dates {margin: .5em 0 1em; list-style: none;}
ul#ji-dates li {list-style: none;}
ul.item-spacing li { padding-bottom: 1em; }
ul.item-spacing li.last { padding-bottom: 0; }
ul.spacing-reg li, ul.spacing5 li ul.spacing-reg li {padding-bottom: 0;}
ul.spacing-reg.no-bullet li, ul.spacing5 li ul.spacing-reg.no-bullet li {padding-bottom: 0; list-style: none;}
ul.spacing2 li, ol.spacing2 li, ul.spacingdd5 li { padding-bottom: .3em}
ul.spacing5 li, ol.spacing5 li { padding-bottom: .5em}
ul.spacing1 li, ol.spacing1 li { padding-bottom: 1em}
ul.spacing1 li ul li, ol.spacing1 li ol li {padding-bottom: 0;}
ul.spacingdd, ul.spacingdd2, p#sf-links-after ul { margin-top: 0; padding-top: .25em; }
ul.spacingdd2 { margin-bottom: .25em; padding-bottom: 0;}
ul.spacingdd5 { margin-bottom: .75em; padding-top: .3em; padding-bottom: .25em; margin-top: 0;}
ul.spacingtop25, p ul.spacingtop25 {margin-top: 0; padding-top:.25em;}
ul.spacingafterp, ul.spacingafterp li {margin-top: 0; padding-top: 0;}
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#ftrow1 ul { margin: 3px 0 0 18px ; padding: 0; font-size: 80%; }
#ftcol2 ul { margin: 3px 0 0 18px ; padding: 0; font-size: 80%; }
ul.li-type-circle li { list-style:circle;}
.li_pad { margin-left: 5px; }

/* Definition Lists */

dd { margin: 0 0 0 40px; }
dd ul {margin-top: 0; }
.library dl  { clear: both; }
.library dt  { width: 6em;  line-height: 1em; float: left; clear: none; }
.library dd { margin-left: 6em; clear: right; }
dl.dl-left, .schoolsafety dl, .sexoffenders dl, .celebratesafecommunities dl, 
	.mentoringresources dl, .justiceinindiancountry dl { margin: 5px 0; clear: both; }
dl.dl-left dt, .schoolsafety dt, .sexoffenders dt, .celebratesafecommunities dt, .mentoringresources dt, 
	.justiceinindiancountry dt { margin-left: 0; }
dl.dl-left dd, .schoolsafety dd, .sexoffenders dd, .celebratesafecommunities dd, .mentoringresources dd, 
	.justiceinindiancountry dd { margin-left: 0; margin-bottom: 1em;  }
dl.dl-left dd ul.spacingdd, dl.dl-left ul.spacingdd { margin-top: .25em; padding-top: 0; }
dl.dl-left dd.ulafter {margin-bottom: 0; padding-bottom:0;}
dl#fedsitelist dt { font-weight: bold;}
dl.helplist dt { font-weight: bold; color: #034c85;}
dl#fedsitelist dd.moreDD, dl.dl-left dd.moreDD {margin-bottom: 0; padding: 0; }
#contribute dt, .contribute dt { color:#034c85; font-style:italic; font-weight: bold; clear: both; padding-bottom: .75em; }
#homepageNCJRS dl { margin: 5px 0 0 5px;}
#homepageNCJRS dd { margin-bottom: .75em;}
#homepageNCJRS dd, #contribute dd, .contribute dd { margin-left: 0; clear: both; }
#homepageNCJRS dd.moreDD, dd.moreDD, #contribute dd.moreDD, .contribute dd.moreDD { margin-bottom: 0; clear: both; }

address { font-style: normal; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e      */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img.valign-top {border: none; vertical-align: top;}


/* Correct overflow not hidden in IE9  */
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }
figure .imgFeatureItem { float: right; } /* correct image dropping down into next section */
figure.imgBtnWatch { margin: 0 auto; text-align: center; width: 250px; clear: both; }
figure.imgFeatureCenter {text-align: center; width: 245px; margin: 0 auto; }
figure.imgBtnWatch img, figure.imgFeatureCenter img { text-align:center; }
figure.imgFloatRight { float: right; clear:none; width: 250px;}
figure.imgFloatRight.featureImg120 { width: 120px;}
figure.leftnav-graphic-links {width: 119px; margin: 20px auto; text-align: center; }
figure.fig-inline {padding: 0; margin: 0; display: inline-block; clear: none !important;}
footer figure {clear: none !important;}


/* =============================================================================
   Images
   ========================================================================== */
img.border-none, image._noborder { border: none; }
img.blog-icon, img.podcast-icon, img.video-icon, img.audio-icon { vertical-align:text-bottom; margin-left: .5em; }

#imgLoginLogout { position:absolute; left:0; top:0; border: none; }
#wordCloud { float: right; padding: 0; }
.withImage {  -ms-word-wrap: normal;word-wrap: normal;}
#itemVideoFrame { width: 270px; height: 150px; frameborder: 0; margin-top: 10px; }
.image { padding: 0; margin: 0; border: none; display: block; }
.image_nb { padding: 0; margin: 0; border: none; }
.image_sn { padding: 0; margin: 0; border: none; display:none; }
.image_sc { padding: 0; margin: 5px 0 0 0; border: none; }
.image_rgt { padding: 0; margin: 0; border: none; float: right; }
.image_lft { padding: 0; margin: 0; border: none; float: left;  }
.image_pad_right, .image_SF_right { padding: 0 0 4px 8px; margin: 0; border: none; float: right; }
.image_maincol { float:right; margin-left:8px; display: block; }
.image_maincol_btm-pad { float:right; margin-left:8px; margin-bottom: 3px; display: block; }
.image_maincol_ctr-280w { margin: 0 auto; width:280px; display: block; }
.image_links { display: block; padding: 0 0 5px 0; }
.image_links img { margin: 0 auto; text-align: center; }

/* =============================================================================
   Sections
   ========================================================================== */

section { clear: both; }
section.gridContainer {background-color: #fff;}
section.bottom-margin1, .bottom-margin1 {margin-bottom: 1em;}
#maincol1 { height: auto; bottom-padding: 0; min-height: 200px; margin-bottom: 10px; }

/* Section Headers */
#maincol1 h1, #maincol2 h1 {clear: both; padding: 0; margin: 10px 0 5px 0; font-size: 100%; color: #000; font-weight: bold; }
#maincol1 h1.topOfCol, #maincol2 h1.topOfCol { margin-top: 10px; }
h2.help-bar {background-color:#d7deeb; padding: 5px; font-weight: bold; font-size: 1em}
h2.lowprofile {font-size: 100%; font-weight: 100; margin-bottom: .35em; color: #034c85;}
h2.heading-blue, h3.heading-blue, h4.heading-blue {color: #034c85;}

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7   */
legend { border: 0; *margin-left: -7px; padding: 0; }

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers  */
button, input, select, textarea { font-size: 105%; margin: 0; vertical-align: baseline; *vertical-align: middle; color:#000; }

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
   2. Correct inner spacing displayed oddly in IE6/7   */
button, input { line-height: normal; *overflow: visible; }

/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7  */
table button, table input { *overflow: auto; }

/* 1. Display hand cursor for clickable form elements
   2. Allow styling of clickable form elements in iOS   */
button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 105%; cursor: pointer; -webkit-appearance: button; }
button#imgbtnGo {background-color: #060; color: #fff; padding: 3px; margin: 0 8px; font-size: 11px; height: 20px; border: solid 1px #060; font-family: Arial, Helvetica, sans-serif;}
button#imgbtnGo:hover {background-color: #027f02;}

/* Consistent box sizing and appearance  */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l  */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9 
  2. Allow only vertical resizing    */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* ========== Form Input ======================= */
 
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input:focus {background-color: #F7F3E3;}

#txtKeywordSearch, #imgbtnGo { vertical-align:text-bottom;  }
#imgbtnGo { margin-bottom: 2px; }
#imgTop { width:45px; height:19px; border: none;}

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* Horizontal Rule */
hr.blue2px {background-color:#0000b9; height: 2px; color:#0000b9;}
hr.blue4px {background-color:#0000b9; height: 4px; color:#0000b9; margin: 2em 0;}


/* ==== primary styles =====================================================
   Author: 
   ========================================================================== */
iframe#ga-noscript { height: 0; width: 0;}
.text-underline {text-decoration: underline;}
.text-center, p.text-center, span.text-center { text-align:center;}
.text-right, p.text-right, span.text-right { text-align: right; }
.text-left, p.text-left, span.text-left { text-align: left; }
.redtext { color: #ff0000; }
.redbold { color: #ff0000; font-weight: bold;}
.indent10 {margin-left: 10px; }
.indent15 {margin-left: 15px; }
.indent20 {margin-left: 20px; }
.indent25 {margin-left: 25px; }
.indent30 {margin-left: 30px; }
.indent40 {margin-left: 40px;}
.indent50 {margin-left: 50px;}
.indent20pc {padding-left: 20%; }
.no-bold { font-weight: 100;}
.no-indent {margin-left: 0; }
.no-top-margin { margin-top: 0;}
.no-top-padding { padding-top: 0;}
.top-padding1, p.top-padding1 { padding-top: 1em;}
.top-padding2, p.top-padding2 { padding-top: 2em;}
.top-margin20, p.top-margin20 {margin-top: 20px;}
.top-margin40, p.top-margin40 {margin-top: 40px;}
.footnote { font-size: 80%; }
.text-italic {font-style: italic;}
.text-bold {font-weight: bold;}
#subcontent { padding: 0 5px 0 5px; margin: 0; font-size: 80%; text-align: left; } 
#subcontent ul { list-style-image:url(../images/sq_bllt.jpg);}
 
#maincol2 .maintext.featureItem { clear: both; }

#obtainDocs h3, #copyright h3, #refineSearch h3 { color: #005699; }
.abstractTutorial ol li, .library ol li { padding-bottom: 1em; }
.library h2, .abstractTutorial h2 { color: #000; }
div.div-buttons { margin: 0 auto; text-align:center; width: 100%;} 

/* Title Styles */
.sftitle, .sbtitle { padding: 5px 0 5px 0; margin: 0; background-color:#fff; background-image:url(../images/nav_bkgd.png); background-repeat:repeat-x; text-align: center; font-weight: bold; font-size: 85%; color: #005699; min-height: 16px; background-position:bottom; }
.maintitle { clear: both; padding: 0; margin: 5px 0 0 0; font-size: 100%; color: #000; font-weight: bold; }
.maintitle2 { clear: both; padding: 0; margin: 5px 0 0 0; font-size: 115%; color: #000; font-weight: bold; }
.featuretitle { padding: 0; margin: 5px 0 0 0; font-size: 100%; color: #000; font-weight: bold; }
.title2 { font-size: 115%; color: #000; font-weight: bold; }
.restitle { color: #000; font-weight: bold; font-size: 125%; }
.footertitle { clear: both; padding: 0 0 2px 0; margin: 0; font-size: 100%; color: #005699; font-weight: bold; border-bottom: 1px solid #005699; width: 100%; }

/* Columns and floats */
.col100, div.col100, section.col100 {float: left; width: 99%; }
.col30, div.col30, section.col30 {float: left; width: 30%; }
.col70, div.col70, section.col70 {float: left; width: 69%; }
.col20, div.col20, section.col20 {float: left; width: 20%; }
.col80, div.col80, section.col80 {float: left; width: 79%; }
.col33, div.col33, section.col33 {float: left; width: 33%; }
.col50, div.col50, section.col50 {float: left; width: 49%; }
section#maincontent_nosidebar section.col100 section.col50 {clear: right; background-color: #fff;}
.clearright {clear: right;}
.clearleft {clear: left;}
.clearall { clear:both;}
.clearall-topmargin {margin-top: 2em; clear: both; }
.clearnone {clear: none !important}

/* Main */
.mainauthor { padding: 3px 0; margin: 0; font-size: 100%; color: #4D4D4D; font-weight: bold; }
.maintext { padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid #ccc; font-size: 90%; height: auto; clear: both; }
.maintext2 { padding: 5px 0 5px 0; margin: 0; border-bottom: none; font-size: 90%; }
.maintext2 p { padding: 0; margin: 0; }
.maintext p { padding: 0; margin: 5px 0 0 0; }
.maintext_noLine { border: none; }
#maincol1 .maintext p.shortText { height: auto; clear: both; }
#maincol2 .maintext p.shortText { height: auto; clear: both; }
.maintext ul, .maintext2 ul { padding: 0; margin: 5px 0 0 20px; list-style-image:url(../images/sq_bllt.png); }
.maintext ul li, .maintext2 ul li { padding: 0 0 3px 0; margin-bottom: 5px; }
.maintext ul li img, .maintext2 ul li img { margin-bottom: 2px; }
.moretext { padding: 0; margin: 2px 0 5px 0; text-align: right; font-size: 80%; }
.moretext2 { padding: 0; margin: 2px 0 5px 0; text-align: right; font-size: 90%; }
.featureItem ul li { margin-bottom: 3px; }

.stepon { font-size: 100%; color: #000; font-weight: bold; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; }
.stepoff { font-size: 10pt; color: #CCCCCC; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; }

/* Resources */
#resources { padding: 5px; margin: 5px 0 0 0; background-color:#E0E6F0; text-align: left; font-size: 80%; }
#resources .title { color: #990000; font-weight: bold; font-size: 110%; }
#resources ul { padding: 0; margin: 10px 0 0 15px; }
#resources ul li ul { padding: 0; margin: 0 0 0 20px; }
.resources { padding: 5px; margin: 5px 0 0 0; background-color:#E0E6F0; text-align: left; font-size: 80%; }
.resources .title { color: #990000; font-weight: bold; font-size: 110%; }
.resources ul { padding: 0; margin: 10px 0 0 15px; }
.resources ul li ul { padding: 0; margin: 0 0 0 20px; }

/* Special Feature pages */
div.featureImageCtr, section.featureImageCtr { margin: 0 auto; text-align: center; width: 250px; clear: both; }
div.featuredResource, section.featuredResource { float: left; width: 650px; }
p#sf-links-after {margin-bottom:0; padding-bottom:0;}
.specfeature { padding: 0; margin: 10px 0 0 0; background-color:#fff; border: 1px solid #ccc; text-align: left; font-size: 90%; }
.specfeature p { padding: 0; margin: 6px; font-size: 90%; }
.specfeature ul { padding: 0; margin: 6px 6px 0 25px; list-style-image:url(../images/sq_bllt.jpg); }
.specfeature ul li { padding: 0 0 6px 0; margin: 0; font-size: 90%; }
.specfeature ul li a {color: #034c85; text-decoration: underline; }
.specfeature ul li a:visited { color: purple; text-decoration: underline; }
.specfeature ul li a:hover { color: #034c85; text-decoration: none; }
.specfeature ul li.selected { padding: 0 0 6px 0; margin: 0; list-style:url(../images/arrow_blue.gif); color: #294594; font-weight: bold; }
.specfeature ul li.selected a { color: #294594; text-decoration: none; }
.specfeature ul li.selected a:visited { color: #294594; text-decoration: none; }
.specfeature ul li.selected a:hover { color: #294594; text-decoration: none; }
.disclaimer { padding: 5px; font-size: 75%; font-weight: bold; background-color: #ebe5e5; }

#subcontent .box-quote-left {float: left; width: 40%; border: solid 1px #005699; background-color: #e9eef6; margin-right: 10px; padding: 5px 5px 5px 10px;}
#subcontent .box-quote-right {float: right; width: 40%; border: solid 1px #005699; background-color: #e9eef6; margin-left: 10px; padding: 5px 5px 5px 10px;}
#subcontent .box-quote p {color: #000; text-align: left; font-size: .9em; line-height: 1.8em;}

.backToTop { width: 150px; margin: 0 auto; text-align: center; }
.backToTop a { text-align: center; }
.backToTopRight { text-align: right; }
.backToTopRight a { text-align: right; }
.top0fPage { width: 150px; margin: 0 auto; text-align: center;}
.topOfPage a { text-align: center; padding: 3px 0; }

/* Temporary Notice Box in red */
#Notice2col, #SpecNotice2col {color: #ff000; border: 2px solid #f00; border-radius: 8px 8px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;}
#Notice2col p, #SpecNotice2col p {color: #000; font-size: .85em; padding: 5px 18px; line-height: 1.15em; font-family: Arial, Helvetica, sans-serif;}
#SpecNotice2col p.notice2 {color: #003; }
#SpecNotice2col p.shutdown2 {color: #000; padding-top: 0; margin-top: .15em; font-size: .85em; line-height: 1.15em; }
#Notice2col p a, #SpecNotice2col p a {text-decoration: underline;}
p.special-message {color: #f00; border: 2px solid #f00; padding: 10px;}
#Notice2col-feature {color: #000; padding: 5px; background-color: #E8EDF2; border: 1px solid #ccc; margin: 3px 2px; font-size: 80%;}
#Notice2col-feature .featureItem p, #Notice2col-feature div.featureItem p, #Notice2col-feature section.featureItem p  {color: #000; font-size: 50%; padding: 2px; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif; }
#Notice2col-feature h1 {clear: both; padding: 0; margin: 10px 0 0 0; font-size: 120%; color: #000; font-weight: bold; }
#Notice2col-feature h1.topOfCol { margin-top: 10px; margin-bottom: 3px;}
#tempNotice { margin: 0 auto; text-align:left; border: solid 2px #930508; padding: 5px; color: #000; }
#tempNotice h1 {text-align:center; color: #930508; padding-bottom:0; margin-bottom:0; font-size: 1.25em;}
#tempNotice h2 {font-weight: bold; padding:0 20px; margin-bottom: 5px; font-size: 1em;}
#tempNotice p.noticebox {  text-align: left; color: #000; padding:0 20px; margin-top:0;}

/*  Jump Links in Lists at top of page - Page Table of Contents */
#toc-left { width: 49%; float: left; }
#toc-right { width: 49%; float: right; }
div#page-toc, #page-toc { margin-top: 0; }
div#page-toc ul.toc-list li, #page-toc ul.toc-list li { margin: 1em 0 0; padding: 0;}
div#page-toc ul.toc-list, #page-toc ul.toc-list ul { padding: 0; list-style: none; }
div#page-toc ul.toc-list li ul, div#page-toc ul.toc-list li ul li, #page-toc ul.toc-list li ul, #page-toc ul.toc-list li ul li { margin: 0; padding: 0 0 0 .5em; }
div#page-toc1, #page-toc1 { margin-top: 0;}
div#page-toc1 ul.toc-list li, #page-toc1 ul.toc-list li { margin: .10em 0 0 1em; padding: 0;}
div#page-toc1 ul.toc-list, #page-toc1 ul.toc-list ul, #page-toc1 ul.toc-list, #page-toc1 ul.toc-list ul { padding: 0; margin: 0 0 0 2em; margin-bottom: 1em;}
div#page-toc1 ul.toc-list li ul, div#page-toc1 ul.toc-list li ul li, #page-toc1 ul.toc-list li ul, #page-toc1 ul.toc-list li ul li { margin: 0 0 0 1em; padding: 0 0 0 .25em; }
div#page-toc2, #page-toc2 { margin-top: 0;}
div#page-toc2 ul.toc-list li, #page-toc2 ul.toc-list li { margin: .25em 0 0 1em; padding: 0;}
div#page-toc2 ul.toc-list, #page-toc2 ul.toc-list ul, #page-toc2 ul.toc-list, #page-toc2 ul.toc-list ul { padding: 0; margin: 0 0 0 1em;}
div#page-toc2 ul.toc-list li ul, div#page-toc2 ul.toc-list li ul li, #page-toc2 ul.toc-list li ul, #page-toc2 ul.toc-list li ul li { margin: 0 0 0 1em; padding: 0 0 0 .25em; }


/* Register for NCJRS and JUSTINFO */
#register-ncjrs { width: 620px; margin: 0 auto; text-align:center; }
#register-ncjrs p.between { width: 50px; text-align:center; padding-top: 80px; float: left;}
#register-ncjrs .register-box { width: 164px; padding: 5px; border: solid 2px #23486d; float: left;}
#register-ncjrs .register-box p { text-align: left; padding: 0 5px 5px 5px; margin-bottom: 0;}
#register-ncjrs .register-box img {text-align: center; margin: 0 auto; width: 150px; padding-bottom: 0;}
.subscribe-register { margin-bottom: 15px; }
/* Register for grant info */
#register-grant {width: 154px; float: right; margin-left: 5px;}
#register-grant .register-box { width: 150px; padding: 5px; border: solid 2px #23486d; float: left;}

/* JUSTINFO */
#prev-issues-justinfo { width: 50%; }
#prev-issues-justinfo h3 { font-size: 100%; text-align:left; }
#prev-issues-justinfo p span { margin-right: 15px; }

.lastupd { font-size: 85%; }
.lastupd { display: none; }

.callistbox { width: 80%; }
.searchje { padding: 0 0 10px 10px; font-size: 80%; }
#btnCancel { margin-bottom: 5px; }
#btnChange { margin-bottom: 5px; }
#btnEmail { margin-bottom: 5px; }
#btnNext { margin-bottom: 5px; }
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; text-decoration: none; }
table td span li { list-style-image:url(../images/sq_bllt.jpg); }

p.ulafter { padding-bottom: .25em; }
p.ulafterp { padding-bottom: .25em; margin-bottom: 0; }
p.spacingafterp0 {padding-bottom: 0; margin-bottom: 0;}

#TBoxTitle { width: 50%; }
#TBoxAuthor { width: 50%; }
#TBoxJournal { width: 50%; }
#TBoxNCJNum { width: 50%; }
#TBoxGeneral { width: 49.5%; height: 43px; }
#ddlLanguage { width: 50.5%; }
#TBoxStartDate { width: 99%; }
#TBoxEndDate { width: 99%; }

/* Social Media Links */
a.facebook { text-decoration: none; }
a.facebook img { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);	-webkit-filter: opacity(70%); } 
a.facebook img:hover{ opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);	-webkit-filter: opacity(100%); }

a.twitter { text-decoration: none;}
a.twitter img { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);	-webkit-filter: opacity(70%); } 
a.twitter img:hover{ opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);	-webkit-filter: opacity(100%); } 

.twitter-timeline { color: #005699; }

/* Topics A-Z */
.jumplinks {background-color: #dce0e7; vertical-align: middle; font-size: 120%; text-align: center;}
td.middle { vertical-align: middle; }
#alphalist h2 { font-weight: bold; margin: .75em 0 0 0; padding: 0; text-align: left;}
#alphalist ul { margin-top: 0; padding-top: .5em; padding-bottom: .25em; }
#alphalist p.backToTop { margin: 0 auto; padding: 0; font-size: .9em;}
#TopicsAZ a { text-decoration: underline; }
#TopicsAZ .jumplinks a { text-decoration: none; color: #000; padding-left: 1px; padding-right: 1px;}
#TopHdrDV, #TopHdrDV h1 {font-size: 145%; font-weight: bold;}
#maincontent #TopHdrDV h2 span#topicHdr_lblSubTopics, #maincontent #TopHdrDV h2 { font-weight: bold; margin-bottom: 0; padding-top:0; font-size: 18px!important;}

/* Registration */
.registration table table {width: 100%;}
.registration table td {padding: 0.2em 0;}
.registration table input[type="radio"], 
.registration table input[type="checkbox"] {margin-right: .5em;}
.registration table tr.group-heading td{padding: 1.25em 0 1em 0;}
.registration table .group-heading-label {font-size: 110%;font-weight:bold;}
.registration table .star.required {color: #f00;}
.registration #frmPasswd table {max-width:70%;min-width:35em;}
.registration #frmPasswd td:first-child{min-width: 10em;}
.registration #frmPasswd #ucChangePwd_lblPrompt {max-width:60%;display:inline-block;}
.registration #frmReg table input[type="text"],
.registration #frmReg table select#selState,
.registration #frmReg table select#cmbCountry
 {width: 272px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.registration #frmReg table input[type="text"]#txtPhoneExt {width: 6em;}
.registration #frmReg table input[type="text"]#txtMI {width: 3em;}
.registration #sumValid {color: #f00;line-height: 1.25em;margin-bottom: 1.5em;}

.registration #frmTopics #chkTopics td,
.registration #frmTopics #chkInterests td {width: 50%;}
.registration #frmTopics #rbPopulation {width: auto;}
.registration #frmTopics #rbPopulation td label {padding-right: 2em;}
.registration .nav-buttons {text-align: center;}

/* help section */
#page-toc #SearchTOC {margin: 0;}
#searchHelp {margin-top: 1em; padding-top: 1em;} 
.panel-title-bg {
	background-image:url(../images/tab_cell_no_border.jpg); background-repeat:repeat-x;
	margin: 0;
	padding: 5px 5px 0 5px;
	background-color: #fff;
	height: 22px;
	font-size: 12px;
	color: #005699;
	font-weight: bold;
	user-select: none;
	background-position: right;
	
}
.panel-border {border: solid 1px #ccc; margin: 0 10px 10px; }
.panel-border h2 {font-size: .9em;}
.panel-border h1 {height: 22px; margin: 0; padding: 7px 0 0; text-align: center; background-color: #fefefe; border: none; }
#under-box {margin-top: 2em; padding-top: 2em;}

/* tutorial section */
#tutorialNav { width: 580px; text-align: center; margin: 0 auto;}
#tutNavPrevBtn {width: 60px; text-align: left; padding: 0 0 0 16px;}
#tutNavNextBtn {width: 60px; text-align: right; padding: 0 0 0 24px;}
#tutNavPrev {text-align: left; padding: 0 8px;}
#tutNavNext {text-align: right; padding: 0 3px 0 12px;}
#lbl-keywordSearch {font-weight: bold;}
.center-block500 {width: 500px; text-align: center; margin: 0 auto;}
figure.tutPageTop {float: right; margin: 0; padding: 0; height: 20px;}
figure.tutPageTop img {float: right; margin: 0; padding: 0; width: 45px; height: 19px; border: none;}
figure.tutCenter {text-align: center; margin-bottom: 3px; padding-bottom: 0;}
figure.tutCenter figcaption {font-size: 85%; color: #034c85;}
img.btn-flib {display:inline; vertical-align: text-top; width: 90px; height: 16px; border: none; clear: none;}

/* ==|== non-semantic helper classes ========================================
   	PLEASE DEFINE YOUR STYLES BEFORE THIS SECTION
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after, section.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfloat {margin: 0; padding: 0; clear: both; line-height: 1px; width: 100%;}




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}