@charset "UTF-8";
/* CSS Document */

/* NCDOJ Styles */
/* COLORS:
dark blue header: 002453
dark blue left column: 16668E
faded blue: E5EDF1
bright blue: 7AB3C8
dark gray: 4D4D4D
red: 991727

Fluid-width center column; minimum width: 750px
left column width: 156px
right column width: 170px
header height: 75px
primary nav div height: 45px
home content height: 246px
footer height: 20px
*/



/* GLOBAL 1 NAV */
#menuParent, #menuParent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menuParent li a {
	display: block;
	color:#fff;
	padding:45px 0 0 0;
	text-decoration:none;
	overflow: hidden; 
	
}
.topLevel {
	height: 0px !important; 
}
#menuParent li a:hover {
	text-decoration:none;
	background-position: 0 -45px;
}
#menuParent li {
	position:relative;
	float:left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;

}
#menuParent li ul {
	position: absolute;
	left: -999em;
	top: 45px;
	width:168px;
	padding: 0 0 10px 0;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-image: url(../Images/img/dropdown-bg.gif);
	background-position:top;
	background-repeat: repeat-y;
}
#menuParent li:hover ul, #menuParent li.sfhover ul {
	left: auto;
}
#menuParent li ul li 
{
    background-image:none;
	display:block;
	float:none;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	width:168px;
}
#menuParent li ul li.first {
	position:absolute;
	top:0px;
	left:0px;
}
#menuParent #menuElem li a {
	display:block;
	margin:0;
	padding:4px 5px;
	background:none;

	width:158px;
}
#menuParent li ul li a:hover {
	text-decoration:underline;
}

#menuParent li ul li a.text {
	margin:0 0 0 16px;
}

.nav-top-issues-home a{
	width: 91px;
	background: url(../Images/img/nav-top-issues.jpg) top left no-repeat;
}
.nav-crime-home a{
	width: 49px;
	background: url(../Images/img/nav-crime.jpg) top left no-repeat;
}
.nav-consumer-home a{
	width: 72px;
	background: url(../Images/img/nav-consumer.jpg) top left no-repeat;
}
.nav-news-alerts-home a{
	width: 105px;
	background: url(../Images/img/nav-news-alerts.jpg) top left no-repeat;
}
.nav-protect-yourself-home a{
	width: 106px;
	background: url(../Images/img/nav-protect-yourself.jpg) top left no-repeat;
}
.nav-help-home a{
	width: 104px;
	background: url(../Images/img/nav-help.jpg) top left no-repeat;
}
.nav-about-home a{
	width: 78px;
	background: url(../Images/img/nav-about.jpg) top left no-repeat;
}

.nav-top-issues a {
	width: 91px;
	background: url(../Images/img/nav-top-issues-interior.jpg) top left no-repeat;
}
.nav-crime a {
	width: 49px;
	background: url(../Images/img/nav-crime-interior.jpg) top left no-repeat;
}
.nav-consumer a {
	width: 72px;
	background: url(../Images/img/nav-consumer-interior.jpg) top left no-repeat;
}
.nav-news-alerts a {
	width: 105px;
	background: url(../Images/img/nav-news-alerts-interior.jpg) top left no-repeat;
}
.nav-protect-yourself a {
	width: 106px;
	background: url(../Images/img/nav-protect-yourself-interior.jpg) top left no-repeat;
}
.nav-help a {
	width: 104px;
	background: url(../Images/img/nav-help-interior.jpg) top left no-repeat;
}
.nav-about a {
	width: 78px;
	background: url(../Images/img/nav-about-interior.jpg) top left no-repeat;
}

/* SIDEBAR 2 & 3 NAV */
.left-nav {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type: none;
	list-style-position:outside;
}
.left-nav li {
	list-style-type:none;
	color:#fff;
	margin: 0;
	/*display:block;*/
	width:100%;
	border-top:#fff 2px solid;
	padding: 0;
}

.left-nav li a {
	color: #00336b;
	height:100%;
	line-height:1.4em;
	text-decoration:none;
	display:block;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:4px 4px 4px 20px;
	background:url(../Images/img/second-nav-arrow-up.gif) 3px 5px no-repeat;
}
.left-nav li a:hover  /*, .left-nav li.highlighted a*/ {
	color:#fff;
	background:#16668e url(../Images/img/second-nav-arrow-over.gif) 3px 5px no-repeat;
}

/* SECOND */

.left-nav li ul li {
	margin: 0;
	padding:0;
	background-color:#fff;
}

.left-nav li ul li a {
	color:#4b4b4b;
	height:100%;
	line-height:1.4em;
	text-decoration:none;
	display:block;
	margin:0 0 0 20px;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:6px 0 4px 0;
	background:url(../Images/img/nav-separator.gif) 20px top repeat-x;
}
.left-nav li ul li a:hover /*, .left-nav li ul li li.highlighted a*/  {
	color:#00336b;
	/*font-weight:normal;*/
	background:url(../Images/img/nav-separator.gif) 20px top repeat-x;
}

/* THIRD */

.left-nav li ul li ul li {
	margin: 0;
	padding:0;
	border:none;
}

.left-nav li ul li ul li a {
	color:#4b4b4b;
	height:100%;
	line-height:1.4em;
	text-decoration:none;
	display:block;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:4px 4px 4px 30px;
	background:#fff url(../Images/img/little-arrow-gray.gif) 18px 8px no-repeat;
}
.left-nav li ul li ul li a:hover /*, .left-nav li ul li ul li li.highlighted a*/ {
	color:#00336b;
	background:#fff url(../Images/img/little-blue-arrow.gif) 18px 8px no-repeat;
}

/* FOURTH */

.left-nav li ul li ul li ul li {
	margin: 0;
	padding:0;
	border:none;
}

.left-nav li ul li ul li ul li a {
	color:#4b4b4b;
	height:100%;
	line-height:1.4em;
	text-decoration:none;
	display:block;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:4px 4px 4px 35px;
	background-color:#fff;
	background-image:none;
}
.left-nav li ul li ul li ul li a:hover, .left-nav li ul li ul li ul li li.highlighted {
	color:#00336b;
	background-color:#fff;
	background-image:none;
}

/* FIFTH */

.left-nav li ul li ul li ul li ul li {
	margin: 0;
	padding:0;
	border:none;
}

.left-nav li ul li ul li ul li ul li a {
	color:#4b4b4b;
	height:100%;
	line-height:1.4em;
	text-decoration:none;
	display:block;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:4px 4px 4px 45px;
	background-color:#fff;
	background-image:none;
}
.left-nav li ul li ul li ul li ul li a:hover /*, .left-nav li ul li ul li ul li li ul li.highlighted a*/ {
	color:#2ba4e3;
	background-color:#fff;
	background-image:none;
}

/* SECOND NAV CLASSES */

.left-nav li.first1 {
	
}
.left-nav li.first2  {
	border:none;
}

.left-nav li.highlightedfirst2, .left-nav li.left-navCMSListMenuLIfirst2 {
	border:none;
}

.left-nav li.left-navCMSListMenuHighlightedLIfirst2 {
	border:none;
	background-image:none;
}

/*.left-nav li ul li.first2, .left-nav li ul li.second-navCMSListMenuLIfirst2, .left-nav li ul li.second-navCMSListMenuLIfirst2 a  {
	border:none;
	background-image:none;
}*/

.left-nav li.last1 {
	border:none;
}

.left-nav li.selected1 {
	
}

.left-nav li.selected2 {
	
}

.left-nav li.selected3 {
	
}

.left-nav li.selected4 {
	
}



/* FOOTER */

.footer ul {
	padding:0;
	margin:0;
}

.footer ul li {
	display:inline;
	padding:0 3px;
	margin:0;
	border-right:#fff 1px solid;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.footer ul li.footer-last, .footer ul li.last  {
	color:#fff;
	border:none;
}

.footer ul li a {
	text-decoration:underline;
	color:#fff;
}

.footer ul li a:hover, .footer ul li a:active {
	color:#D68D1A;
}

.footer-contact {
	float:right;
	text-align:right;
	color:#fff;
	font-size:1.1em;
	padding:0;
	margin:0 4px 0 0;
}
.left-navCMSListMenuLinkHighlighted, .left-navCMSListMenuLinkHighlighted:hover
{
	font-weight:bold;
}
/* COPYRIGHT */
#copyright {
	font: normal 1.0em "Gotham", Arial, Helvetica, sans-serif;
	text-align:center;
}

/* UTILITY NAV */

.nav-utility {
	float:right;
	position:absolute;
	right:8px;
	top:7px;
	color:#fff;
	font-size:0.9em;
}

.nav-utility a {
	color:#fff;
	text-decoration:underline;
}

.nav-utility a:hover, .nav-utility a:active {
	color:#D68D1A;
}

/* BREADCRUMBS */
.breadcrumbs {
	display: block;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	background: none;
}
.breadcrumbs a.CMSBreadCrumbsLink, .breadcrumbs span {
	margin: 0 0 0 0;
	padding: 0;
	background:none;
	font-size: 1.0em;
	color: #16668E;
	text-decoration: none;
}
.breadcrumbs span.CMSBreadCrumbsCurrentItem {
	background: none;
}
.breadcrumbs a:hover {
	margin: 0;
	padding: 0;
	background:none;
	font-size: 1.0em;
	text-decoration: underline;
	color:#991727;
}


/* HEADER SEARCH */
.headersearch {
	position:absolute;
	right:10px;
	top:88px;
	display:block;
	margin:0;
	padding:0;
	z-index:11;
}
.searchinput {
	float:right;
   	font: 1.0em "Gotham", Arial, Helvetica, sans-serif;
	font-weight:normal;
   	border: none;
   	width: 103px;
   	height: 14px;
   	padding: 0;
   	margin:0 5px 0 5px;
   	color:#4D4D4D;
}

.gobutton {
	float:right;
	margin:0 0 0 2px;
	padding:0;
}

.gobutton_search {
	margin:0 0 -4px 2px;
	padding:0;
}
.gobutton-article-search {
	float:left;
}

/* I-AM-A */

.i-am-a {
	display:block;
	height:18px;
	width:183px;
	position:absolute;
	right:8px;
	top:25px;
	margin:0;
	padding:5px;
	background-color:#679bb5;
	text-align:right;
}

.i-am-a form select {
	height:16px;
	width:107px;
	margin:0 5px 0 5px;
	padding:0;
	background-color:#fff;
	border:none;
}

.i-am-a form select option {
	font-size:1.0em;
	color:#4D4D4D;
	line-height:16px;
}

.i-am-a form label {
	font-size:1.0em;
	color:#4D4D4D;
	text-align:right;
	line-height:16px;
}



/* GLOBAL PAGE STYLES */
.ncdoj-seal { display: none; }
.clearfix { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* {
	margin: 0;	
	padding: 0;
}
* { font-size: 100% }
html { font-size: 62.5%; }

img {
	border:none;
}


/* DIV LAYOUT */
body {
   margin: 0;
   padding: 0;
   font: 1.1em "Gotham", Arial, Helvetica, sans-serif;
}
#outercontainer {
   margin: 0px auto;
   min-width:750px;
   max-width:1000px;
 }
   .innercontainer {
      position:relative;
   }
      .header {
         height: 120px;
         background:#002453 url(../Images/img/header-bg.jpg) top left no-repeat;
      }
         
      .navdiv {
         height: 45px;
         width:100%;
         background:url(../Images/img/primary-nav-bg.jpg) top left repeat-x;
         position: absolute;
         top: 75px;
         left: 0px;
         z-index:10;
      }
      .content {
         height: 246px;
         position:relative;
      }
      .story1, .story2, .story3, .story4 {
         z-index:1;
      }
      .home-buckets {
         z-index:1;
         height:100%;
         position:relative;
         width:100%;
       }
         .home-buckets ul li.home-bucket1 {
            /*width:28.80%;*/
            width:25%;
	height:200px;
            float:left;
            background-color:#fff;
            display:block;
            padding:0 10px;
            margin:0;
            position:relative;
         }
         .home-buckets ul li.home-bucket2 {
            /*width:24.14%;*/
            width:22%;
	height:200px;
            float:left;
            background: url(../Images/img/bucket-bg2.jpg) top left repeat-y;
            display:block;
            padding:0 10px;
            margin:0;
            position:relative;
         }
         .home-buckets ul li.home-bucket3 {
            /*width:23.73%;*/
            width:25%;
	height:200px;
            float:left;
            background: url(../Images/img/bucket-bg2.jpg) top left repeat-y;
            display:block;
            padding:0 10px;
            margin:0;
            position:relative;
         }
         .home-buckets ul li.home-bucket4 {
            /*width:23.33%;*/
            position:absolute;
	    height:200px;
            right:-5px;
            background: url(../Images/img/bucket-bg2.jpg) top left repeat-y;
            display:block;
            padding:0;
            margin:0 0 0 10px;
         }
      .footer {
	width:100%;
	display:block;
	background-color:#00336B;
	position:relative;
	margin:0;
	padding:4px 0;
      }
	



/* STYLES  */
.ncdoj-text {
	position:absolute;
	left:-999px;
}

.invisiblebox {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:75px;
	width:300px;
}



h2 {
	font-size: 2.0em;
	font-weight:bold;
	color:#991727;
	line-height:normal;
	margin:0;
	padding:0;
}
h3 {
	font-size: 1.4em;
	font-weight:normal;
	color:#666666;
	line-height:20px;
	margin:0;
	padding:0;
}

h2 span {
	display:none;
}

/* Ajax feature styles */

.feature-left {
	position:relative;
	float:left;
	height:246px;
	width:100%;
	background:url(../Images/img/feature_bg.jpg) top left repeat-x;
}
.feature-content {
	width:100%;
}
.feature-content-img {
	float:left;
	width:208px;
	height:208px;
	margin:0;
	padding:0;
}
.feature-content-separator {
	float:left;
	width:21px;
	height:208px;
	margin:0;
	padding:0;
	background:url(../Images/img/feature-left-wall.jpg) top left no-repeat;
}
.feature-content-text {
	/*height:208px;*/
	position:relative;
	margin:0 0 0 250px;
	padding:40px 140px 5px 0;
}
.feature-bottom-bar {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	height:38px;
	background:url(../Images/img/feature-bar-bg.jpg) top left repeat-x;
	width:100%;
}
.thumbs-and-text {
	position:absolute;
	left:0;
	top:208px;
}

/*.thumb-selected {
	padding:-38px 0 0 0;
}*/
.right-img-caption {
	color:#991727;
	font-size:0.9em;
	position:absolute;
	right:160px;
	top:225px;
	padding:0;
}
.feature-img-right {
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:141px;
	height:246px;
}


.feature-more {

	display: block;
	float:right;
	position:absolute;
	bottom:0;
	right:158px;
	_right:386px;
}

.feature-more a, .bucket-more a {
	display: block;
	padding:15px 0 0 0;
	text-decoration:none;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win */
}

.feature-more a:hover, .bucket-more a:hover {
	text-decoration:none;
	background-position: 0 -15px;
}

.feature-more-button {
	width: 38px;
	background: url(../Images/img/more-button-feature.gif) top left no-repeat;
}

.bucket-more {
	display: block;
	float:right;
	position:absolute;
	bottom:20px;
	right:20px;
}

.bucket-more-button {
	width: 38px;
	background: url(../Images/img/more-button.gif) top left no-repeat;
}

ul.feature-list {
	padding: 0;
	margin: 0 0 0 13px;
	list-style: none;
}
.feature-list a {
	display: block;
	color:#fff;
	padding:38px 0 0 0;
	text-decoration:none;
	overflow: hidden;
	height: 0px !important; 
	height /**/:38px; /* for IE5/Win */
}
.feature-list a:hover, .feature-list a.thumb-selected {
	text-decoration:none;
	background-position: 0 -38px;
}
.feature-list li {
	position:relative;
	float:left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

.thumbnail {
	width: 13px;
	background: url(../Images/img/feature-thumb-bg.jpg) top left no-repeat;
}

.feature-title {
	color:#16668E;
	font-size:1.2em;
	padding:0 0 0 13px;
	line-height:36px;
	margin:0;
}

/* BUCKETS */

.home-buckets ul {
	list-style:none;
	padding:0;
	margin:0;
}

.home-buckets ul li {
	font-size:1.0em;
	padding:0 15px 7px 30px;
	margin:0;
}

.home-buckets ul li.left {
	font-size:1.0em;
	padding:0 15px 7px 15px;
	margin:0;
}

.home-buckets ul li.sbi {
	font-size:1.0em;
	padding:0 15px 0 22px;
	margin:0;
}

.home-buckets ul li.right {
	font-size:1.0em;
	padding:0 15px 18px 18px;
	margin:0;
}

.home-buckets ul li a {
	text-decoration:none;
	color:#666666;
}

.home-buckets ul li a:hover {
	color:#991727;
}

.bucket-img {
	margin: 20px 0 10px 20px;
}

.bucket-img-left {
	margin: 20px 0 10px 5px;
}
		