@charset "UTF-8"; 
/* Crimestoppers */
body{margin:0px; padding:0px; background:url('../images/bg.jpg') 0px 0px repeat #CCC; font-family:'helvetica',arial,sans-serif; font-size:14px}
a{text-decoration:none; color:#f51e00}
p{font-family:'helvetica',arial,sans-serif; font-size:14px; line-height:18px}
ul{list-style:none; margin:0px; padding:0px}
ul li{list-style:none; margin:0px; padding:0px}
h1{font-family:'helvetica',arial,sans-serif; font-weight:bold; font-size:24px; margin:0px; padding:0px; line-height:24px; width:100%}
h2{font-family:'helvetica',arial,sans-serif; font-weight:bold; margin:0px; padding:0px; font-size:14.5px; line-height:14.5px; color:#192f82}
h3{font-family:'helvetica',arial,sans-serif; font-weight:bold; margin:0px; padding:0px; font-size:13px; color:#192f82}
h4{font-family:'helvetica',arial,sans-serif; font-weight:bold; margin:0px; padding:0px; font-size:12px}
.clearfix:after { content: ""; display: table; clear: both; }

/* RESPONSIVE COLUMNS */
.col-left{width:35.1%; margin:5px 0px 0px 5px; padding:0px; position:relative}
.col-left-big{width:70.7%; margin:5px 0px 0px 5px; ; padding:0px; position:relative}
.col-right{width:28%; margin:5px 5px 0px 0px; padding:0px; position:relative}

.col-full{width:100%; margin:5px 0px 0px 5px; ; padding:0px; position:relative}

.clear{clear:both; margin:0px; padding:0px}
.left{float:left}
.right{float:right}
.center{float:none; margin:0px auto}
.clickable { cursor:pointer;}

@media only screen and (min-width:891px) and (max-width:980px){.col-left{width:34%}
.col-left-big{width:68.5%}
.col-right{width:30%}
}
@media only screen and (min-width:801px) and (max-width:890px){.col-left{width:33.8%}
.col-left-big{width:68.2%}
.col-right{width:30%}
}
@media only screen and (min-width:701px) and (max-width:800px){.col-left{width:33.7%}
.col-left-big{width:68.0%}
.col-right{width:30%}
}
@media only screen and (min-width:651px) and (max-width:700px){.col-left{width:33%}
.col-left-big{width:66.8%}
.col-right{width:31%}
}

/* HEADER */
#header{width:100%; min-height:227px; border-bottom:1px solid #d1d1d1; height:auto; background:url('../images/headerbg.jpg') repeat-x 0px 0px #f7f7f7; z-index:800; position:relative}
#wrapper{max-width:1050px; width:100%; margin:0px auto; position:relative; min-width:250px}
#crimestoppers{background:url('../images/phonebg.jpg') no-repeat right bottom; min-height:179px; float:left}
.logo{max-width:501px; max-height:123px; width:100%; height:auto; display:block; float:none; margin:12px 0px}
h2.make-the-call{font-size:33px; font-weight:bold; color:#f51e00; text-shadow:2px 2px 4px #333; width:90%; margin-top:2px}
@media only screen and (min-width:931px) and (max-width:1100px){#crimestoppers{background-position:112%}
h2.make-the-call{font-size:24px; width:100%}
}
@media only screen and (min-width:651px) and (max-width:930px){#crimestoppers{background-image:none}
h2.make-the-call{font-size:22px; width:100%}
}
@media only screen and (max-width:650px){.col-left{width:100%; margin:0px}
.col-left-big{width:100%; margin:0px}
.col-right{width:100%; margin:0px}
#crimestoppers{float:none; width:100%; background-image:none;  text-align:center; min-height:180px; padding:20px}
.logo{margin:0px auto; padding:10px; max-width:300px}
h2.make-the-call{font-size:14px; width:100%}
#header{background-color:#3940aa; background-position:0px -30px}
}

/*HEADER CTAS */
#topCTAs{float:right}
.btnHolder{width:90%; margin:23px 10px 0px 0px; padding:2.8%; background:url('../images/diagbg.png') repeat; border-radius:4px; box-shadow:0px 0px 3px #000; display:block; position:relative; float:right}
.ctaBtn{width:100%; height:100%; position:relative; border-radius:4px; box-shadow:0px 0px 1px #000; text-align:center; padding:3px 0px}
.teal{background:url('../images/tealbtn.jpg') repeat-x 0px 0px #27a7aa; border-bottom:1px solid #157375}
.orange{background:url('../images/orangebtn.jpg') repeat-x 0px 0px #f16d00; border-bottom:1px solid #d76100}
.orange:hover{background:url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c; border-bottom:1px solid #979c0a}
.green{background:url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c; border-bottom:1px solid #979c0a}
.teal:hover{background:url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c; border-bottom:1px solid #979c0a}
a.topcta{font-family:'Oswald',sans-serif; text-transform:uppercase; color:#fff; font-size:25px; text-decoration:none; text-shadow:2px 2px 4px #000; font-weight:normal; letter-spacing:0.5px}
a.topcta:hover{color:#eee; transition:0.3s}
@media only screen and (max-width:650px){#topCTAs{float:none; display:block}
.btnHolder{width:50%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none; border-radius:0px; box-shadow:none; border-top:1px solid #999}
.ctaBtn{border-radius:0px; border:none; padding:10px 0px 13px 0px; border:0px; box-shadow:none}
.green:hover{border:none}
.orange:hover{border:none}
.teal:hover{border:none}
a.topcta{font-size:20px}
}

/* MENU */
li.menuBtn{display:block;  position:relative; z-index:999; text-indent:-9999px; width:100%; height:1px}
ul#menu{width:100%; height:auto; clear:both; top:15px; position:relative;  text-indent:0px}
ul#menu li{float:left; padding:3px 5.5px; font-size:12px; color:#192f82; font-weight:bold; text-transform:uppercase; margin-right:3%;  text-indent:0px; text-shadow:0px 0px 2px #fff}
ul#menu li:hover{color:#f51e00; transition:0.2s}
ul#menu li a{color:#192f82; text-decoration:none}
ul#menu li a:hover{color:#f51e00; transition:0.1s}
ul#menu li.social{margin-right:10px; float:right; background-color:#888; color:#fff; text-shadow:0px 0px 4px #4b4b4b; border-radius:8px}
ul#menu li.social i{padding:0px 4px; float:left; color:#fff; font-size:14px}
ul#menu li.social i:hover{padding:0px 4px; float:left; color:#333; font-size:14px; transition:0.3s}
ul#menu li.social .icon-comment{position:absolute}
ul#menu li.social .icon-comment-alt{position:absolute}

@media only screen and (min-width:901px) and (max-width:1020px){ul#menu li{margin-right:2%}
}

@media only screen and (min-width:801px) and (max-width:900px){ul#menu{position:initial !important}
ul#menu li{margin-right:4%; /*font-size:10px*/}
}
@media screen and (min-width:651px) and (max-width:900px){ul#menu{position:initial !important}
ul#menu li{margin-right:2%; /*font-size:10px*/}
}
@media only screen and (max-width:650px){li.menuBtn{display:block;  text-indent:0px; width:100%;  z-index:999; z-index:999; font-family:'Oswald',sans-serif; text-transform:uppercase; color:#333; font-size:23px; text-decoration:none; text-shadow:2px 2px 4px #FFF; font-weight:normal; letter-spacing:0.5px; height:auto; text-align:center; margin-top:48px; padding:7px 0px;  margin-bottom:0px; background:url('../images/graybtn.jpg') repeat-x 0px 0px #d6d6d6; border-top:2px solid #999; border-bottom:1px solid #999; z-index:999}
li.menuBtn a{color:#F00; text-decoration:none}
li.menuBtn a:hover{text-decoration:none; color:#F00}

li.menuBtn:hover ul#menu{display:block}
li.menuBtn:hover{background-color:#fff; color:#F00; box-shadow:inset 0px 0px 10px #666}
li.menuBtn i{font-size:28px}
ul#menu{top:10px; border-top:2px solid #999; display:none}
ul#menu li{float:none; width:100%; text-align:center; padding:14px 0px; border-radius:0px; font-size:14px; font-family:Arial,Helvetica,sans-serif}
ul#menu li.social{display:none}
}
/*AFTER TOP */
#top{width:100%; height:auto; position:relative; background:url('../images/headerbottom.png') repeat-x 0px 0px transparent; height:17px; position:relative; z-index:600}
.whitebox{background-color:#fff; box-shadow:0px 0px 15px #444; top:-10px; z-index:400; padding-top:0px}
@media only screen and (max-width:650px){.whitebox{box-shadow:none}
}
/*HOMEPAGE SLIDE */
#bigImage{float:left; position:relative}

#slides{width:100%; position:relative}
#slides img{width:100% !important;height: auto !important;}

#caption{position:absolute; bottom:20px; left:20px}
@media only screen and (max-width:650px){#caption{display:none}
}
#caption h2{background-color:RGBA(74,95,179,0.9); font-size:38px; padding:7px 20px; color:#fff; margin-bottom:10px; line-height:44px; /*width:210px; */}
#caption h3, #caption h3 a{background-color:RGBA(87,115,170,0.85); font-size:15px; padding:10px 20px; color:#fff; margin-bottom:0px; font-style:italic; font-weight:bold; max-width:305px; line-height:24px}

/*RIGHT COLUMN */
#slideRight{float:right}
#listenBox{width:100%; background:url('../images/drjohn.jpg') no-repeat #1d2352 0px 0px; -moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; position:relative; height:223px}
#listenBox .buttons{position:absolute; font-weight:bold; bottom:0px; width:100%; background-color:#1d2352; font-size:16.5px; color:#d6d6d6; padding:5px 0px 15px 0px; text-align:center; text-transform:uppercase; text-shadow:0px 0px 4px #10142f}

#listenBox h3{position:relative; color:#27d1d6; font-size:19px; margin:0px; padding:0px; font-weight:bold; padding-top:75px; margin-left:5%; text-shadow:0px 0px 10px #000; width:60%}
#listenBox h4{position:relative; color:#fff; font-size:13.5px; font-weight:bold; margin:0px; padding:0px; width:66%; margin-left:5%}

#listenBox .buttons i{font-size:40px; padding:0px 5px; position:relative; top:6px}
#listenBox .buttons a{color:#d6d6d6}
#listenBox .buttons a:hover{color:#28bcc6; transition:0.3s; text-decoration:none}
#imageBox{width:100%; background:url('../images/imagebox.jpg') no-repeat 0px 0px; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; position:relative; height:223px; margin-top:5px}

#widget{position:absolute; bottom:0px; height:30px; background-color:#1d2352; width:426px; height:60px; padding-top:16px; left:-290px; display:none}
#download{display:inline-block; *float:left}
#play{display:inline-block; *float:left}
#pause{display:none; *float:left}
#close{display:none; *float:left}

@media screen and (min-width:901px) and (max-width:1050px){#listenBox h3{font-size:16px; padding-top:39px}
}

@media screen and (min-width:821px) and (max-width:900px){#listenBox h3{font-size:16px; padding-top:49px}
#listenBox h4{font-size:11px}
#listenBox .buttons{font-size:13px}
#listenBox .buttons i{font-size:28px; top:3px}
}
@media screen and (min-width:651px) and (max-width:820px){#listenBox h3{font-size:14px; padding-top:39px}
#listenBox h4{font-size:11px}
#listenBox .buttons{font-size:13px}
#listenBox .buttons i{font-size:28px; top:3px}
}
@media only screen and (max-width:650px){#bigImage{/* display:none */}
#listenBox{display:block; width:100%; max-height:374px}
#listenBox h3{width:80%; font-size:18px; margin-top:20%; position:absolute; bottom:100px}
#listenBox h4{width:80%; font-size:12px; position:absolute; bottom:80px}
#imageBox{display:none}
}
/*HOME CTA */
#howcta{background:url('../images/texture.png') repeat 0px 0px #28b4ba; height:191px; margin-bottom:5px; float:left}
#howcta h2{color:#f5fbff; width:100%; margin-top:10px; background:url('../images/ctaheader.png') repeat-x center 38px; padding:10px 0px 30px 5%; font-size:14px; text-transform:uppercase;   letter-spacing:.8px}
#opencta{background:url('../images/texture.png') repeat 0px 0px #509fcc; height:191px; margin-bottom:5px; float:left}
#opencta h2{color:#f5fbff; width:100%; margin-top:10px; background:url('../images/ctaheader.png') repeat-x center 38px; padding:10px 0px 30px 5%; font-size:14px; text-transform:uppercase;   letter-spacing:.8px}
#mostwantedcta{background:url('../images/texture.png') repeat 0px 0px #4666ce; height:191px; margin-bottom:5px; float:right}
#mostwantedcta h2{color:#f5fbff; width:100%; margin-top:10px; background:url('../images/ctaheader.png') repeat-x center 38px; padding:10px 0px 30px 5%; font-size:14px; text-transform:uppercase;   letter-spacing:.8px}

p.cta{font-size:24px; line-height:28px; color:#dcdcdc; padding:0px 5%; width:100%; font-weight:bold; letter-spacing:0px}
p.ctaMost{font-size:24px; line-height:28px; color:#DCDCDC; padding:0px 5%; width:100%; font-weight:bold; letter-spacing:0px}
a.ctaLead{color:#003f42; font-size:14px; text-transform:uppercase; font-weight:bold; margin-left:5%}
@media screen and (min-width:651px) and (max-width:950px){#howcta{height:170px}
#opencta{height:170px}
#mostwantedcta{height:170px}
p.cta{font-size:16px; line-height:20px}

p.ctaMost{font-size:16px; line-height:20px}
p.ctaLead{font-size:16px; line-height:20px}
}
@media only screen and (max-width:650px){#howcta{height:130px}
#opencta{height:130px}
#mostwantedcta{height:130px}
#howcta h2{margin-top:0px; background:url('../images/ctaheader.png') repeat-x center 30px; padding-bottom:17px}
#opencta h2{margin-top:0px; background:url('../images/ctaheader.png') repeat-x center 30px; padding-bottom:17px}
#mostwantedcta h2{margin-top:0px;  background:url('../images/ctaheader.png') repeat-x center 30px; padding-bottom:17px}
p.cta{font-size:14px; line-height:17px}

p.ctaMost{font-size:14px; line-height:17px}
p.ctaLead{font-size:14px; line-height:17px}
}

/*Press Release Container*/
.press-release4 {position:relative;}
.press-release4 > a {position: relative;display: block;}
.press-release4	.perps {position:absolute; top:5px; left:0px; width:100%; height:100%;}
	.perps .msg1 {background:black; color:white;text-align:center;font-size: 12px;line-height: 12px;padding: 2px;}
	.perps .msg2 { text-align:center;font-size: 12px;line-height: 12px;padding: 2px;}
	.perps > p {display:none;}
	.perps > img {min-height:300px;}
     .perps table {position:relative;  border:none !important; width: 16.7% !important;overflow: hidden;}
	 .press-release4 .perps table {width: 11.8% !important;}
	 .blogPrep {border-bottom:2px solid black; padding-botom:15px; margin-botom:15px;}
     .perps table.arrested:after {position:absolute; width:100%; height:100%; left:0px; top:0px; content:''; background:url(../images/arrested.png) no-repeat center top; background-size:contain;}
     .perps table tr {text-align:center;}
     .perps table tr td {text-align:center;vertical-align: top;}
     .perps table tr td img {width:100%; height:auto;margin-top: -22px;}
	
	@media only screen and (max-width:885px){ 
		.blogPrep table {width:20.1% !important;}
		.press-release4 .perps table img {margin-top: -15px !important;}
	}
	@media only screen and (max-width:650px){ 
		.press-release4 .perps {position:relative;top:6px;}
		.perps .msg1, .perps .msg2 {font-size: 14px;line-height: 14px; padding: 4px;}
		.press-release4 > a {height: 100%;position: absolute;top: 0px;left: 0px;width: 100%;}
		.press-release4 > a img {display:none;}
		.press-release4 .perps table { width: 16.6% !important;}
		.press-release4 .perps table img {margin-top: 0px !important;}
	}
	@media only screen and (max-width:650px){ 
		.press-release4 .perps table { width: 19.9% !important;}
	}
	
	@media only screen and (max-width:500px){ 
		.blogPrep table {width:33.4% <!--!important-->;}
	}
/*Bottom CTAS */
#bottomCTA{width:48%; height:206px; border:4px solid #edede3; margin:7.5px 0px 7.5px 7px; float:left; box-shadow:1px 1px 10px #999; opacity:1}
#bottomCTA a:hover{text-decoration:none}
.events{background:url('../images/events.jpg')#fff no-repeat 0px 0px; background-position:center top}
#bottomCTA:hover{border:4px solid ##F00; opacity:0.8; transition:0.6s}
.events h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#fff;  margin-top:158px; margin-left:-4px; background:url('../images/red.png') right 0px no-repeat; font-weight:normal}

.community{background:url('../images/community.jpg') no-repeat 0px 0px}
.community h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#fff;  margin-top:158px; margin-left:-4px; background:url('../images/green.png') right 0px no-repeat; font-weight:normal}

.crimeprevention{background:url('../images/crimeprevention.jpg') no-repeat 0px 0px}
.crimeprevention h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#fff;  margin-top:158px; margin-left:-4px; background:url('../images/teal.png') right 0px no-repeat; font-weight:normal}

.night-out{background:url('../images/night-out.jpg') no-repeat 0px 0px}
.night-out h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#000; text-shadow:0px 0px 0px; margin-top:158px; margin-left:-4px; background:url('../images/yellow.png') right 0px no-repeat; font-weight:normal}

.safeschools{background:url('../images/safeschools.jpg') no-repeat 0px 0px}
.safeschools h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#fff;  margin-top:158px; margin-left:-4px; background:url('../images/sky.png') right 0px no-repeat; font-weight:normal}

.young-adults{background:url('../images/young-adults.jpg') no-repeat 0px 0px}
.young-adults h3{line-height:27px; width:auto; padding-right:30px; padding-left:10px; font-size:12px; font-style:italic; text-transform:uppercase; color:#fff;  margin-top:158px; margin-left:-4px; background:url('../images/blue1.png') right 0px no-repeat; font-weight:normal}
@media screen and (min-width:901px) and (max-width:110px){}
@media screen and (min-width:651px) and (max-width:900px){#bottomCTA{float:none; display:block; width:100%; height:100%}
.events{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.events h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
.community{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.community h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
.crimeprevention{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.crimeprevention h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
.night-out{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.night-out h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
.safeschools{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.safeschools h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
.young-adults{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto}
.young-adults h3{background-position:left 0px; margin-top:20%; margin-bottom:10px}
}

@media screen and (max-width:650px){#homeBottom{margin-top:80px}
#bottomCTA{float:none; display:block; width:100%; height:100%; margin:0px; box-shadow:none; border:none}
#bottomCTA a:hover{text-decoration:none}
.events{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.events h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
.community{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.community h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
.crimeprevention{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.crimeprevention h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
.night-out{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.night-out h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
.safeschools{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.safeschools h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
.young-adults{-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; background-image:none}
.young-adults h3{background-position:right 0px; margin-top:10px; margin-bottom:10px}
}

/* SIDBAR */
#sidebar{width:100%; margin:7.5px 0px 7.5px -18px; min-height:400px; max-height:auto; padding:2% 3%}

#sidebar input{line-height:36px; width:100%; background-color:#fff; border:none; border-radius:20px; box-shadow:inset 2px 3px 8px #666; padding-left:10px}

#sidebar h2{font-size:14px; font-weight:bold; color:#000; margin:20px 0px 18px 0px; padding:0px; text-transform:uppercase; position:relative}

#sidebar h2.video{color:#2649a1}
#sidebar h2.breaking{color:#ff2714}

#sidebar ul.breaking{margin:0px; padding:0px; overflow:hidden; /*height:175px; */ min-height:199px}
#sidebar ul.breaking li{border-bottom:2px solid #c4c4c4; width:100%; color:#000; font-weight:bold; font-size:11.5px; line-height:43px; height:43px; overflow:hidden}
#sidebar ul.breaking li a{color:#000; text-decoration:none}
#sidebar ul.breaking li a:hover{color:#f51e00; text-decoration:none}
#sidebar ul.breaking li:first-child{padding-top:0px}
#sidebar .viewall{font-size:10.4px; color:#7b7b7b; font-weight:bold}
i.arrow{padding-left:15px; font-weight:bold}

.excerptThumb img{width:127px; float:left; padding-right:15px; width:47%; padding-bottom:25px}
.datecatText{display:none}
.latestExcerpt{font-size:11px; line-height:15.5px}

p img#thumb{min-width:127px; float:left; padding-right:15px; width:47%}

img#thumb{min-width:127px; float:left; padding-right:15px; width:47%}
#sidebar p{color:#323232; font-size:10px; line-height:12.5px}
#sidebar p.watchTitle{margin-top:28px}
#sidebar #watch{background-color:#313130; color:#fff; font-size:10.5px; font-weight:bold; padding:7px 5px; width:100%; margin:10px auto; padding-left:10px}
#sidebar #watch a:hover{text-decoration:none}
#sidebar #watch:hover{text-decoration:none; background-color:#333798}
#sidebar #watch i{padding-left:10px; padding-right:5px; font-size:18px}
@media screen and (min-width:651px) and (max-width:900px){#sidebar{margin-left:0px}
#sidebar ul.breaking li{font-size:14.5px}
img#thumb{float:none; margin:0px auto; width:90%; margin-bottom:5px}
#sidebar p{float:none; width:100%; font-size:13px; line-height:18px}
#sidebar p.watchTitle{margin-top:0px}
#sidebar h2{margin-top:0px}
}
@media screen and (max-width:650px){#sidebar{width:100%; padding:10% 10%; margin:10px auto; background-color:#f8f8f8;  box-shadow:inset 0px 0px 88px #4d556d; border-top:4px solid #20298a; margin-bottom:0px; position:relative; top:30px}
#sidebar{margin-left:0px}
}
/* FOOTER */
#footer{width:100%; height:226px; overflow:hidden; background:url('../images/footerbg.jpg') #303495 repeat-x 0px 0px; clear:both; margin-top:20px; clear:both}

.ftrBlock{width:27%; height:226px; font-size:11px; padding-top:30px; margin-bottom:30px}
.ftrBlock a{color:#c7c7c7; font-size:11px}
.ftrBlock h3{font-size:16px; color:#f16d00; text-transform:uppercase; padding-bottom:20px; font-weight:bold; text-align:center}

.ftrBlock ul{list-style:none; float:left; width:48%; margin:0px; padding:0px; position:relative}
.ftrBlock ul li{list-style:none; float:left; width:100%; margin:0px; padding:0px}
.ftrBlock ul li a{text-decoration:none; color:#c7c7c7; font-weight:bold}
.ftrBlock ul li a:hover{text-decoration:none; color:#fff}

/*
.sponsor{width:30%; text-align:center; float:left; margin-bottom:10px}
.sponsor img{max-width:85%; max-height:50px; width:auto; opacity:1.0}
*/
.sponsor{width:50%; text-align:center; float:left; margin-bottom:20px}
.sponsor img{max-width:85%; max-height:50px; width:auto; opacity:1.0}

/*maillist*/
.mailist{width:100%; line-height:17px; overflow:hidden; background-color:#2f3282; clear:both; margin-top:0px; padding:15px 0px 0px 0px;  clear:both; text-align:center; font-size:11px; color:#CCC; border-bottom:1px dashed #4f53b4; border-top:1px dashed #4f53b4}
.mailist h2{display:inline-block; font-size:16px; color:#F16D00; text-transform:uppercase; padding-bottom:20px; font-weight:bold; text-align:center}
.mailing-list{display:inline-block}
.mailing-list input{outline:0; background-color:#F7F9FF; color:#3B5BA0; border:1px solid #C7CCD6; font-size:15px; border-radius: 3px !important; margin:0 10px; padding: 0 5px !important; transition:0.3s;  -webkit-box-shadow:inset 2px 2px 0.5em #D6DAE0; -moz-box-shadow:inset 2px 2px 0.5em #D6DAE0; box-shadow:inset 2px 2px 0.5em #D6DAE0}
.mailing-list button{background:#F16D00; color:white; padding:2px 5px; border:none !important; border-radius: 3px !important; outline:none; transition:0.3s}
.mailing-list button:hover{background:#F18831}

#copy{width:100%; line-height:17px; overflow:hidden; border-top:1px dashed #4F53B4; background-color:#2F3282; clear:both; margin-top:0px; padding:20px 0px; clear:both; text-align:center; font-size:11px; color:#CCC}

@media screen and (max-width:650px){#footer{height:100%; max-height:800px; background-color:#303495; padding-top:30px; margin-top:0px}
.ftrBlock{width:100%; padding:20px 4%; clear:both; height:auto; min-height:200px; border-bottom:2px dashed #1b1e6d}
.mailist{clear:both;  padding:15px 0px 15px 0px}
.mailist h2{padding-bottom:10px}
}

/* INTERIOR LAYOUT */
.interior{width:90%; margin:20px auto; padding:0px 6% 0px 0px; border-right:2px solid #eee; min-height:615px}
.interior h1{color:#c42a0e; padding:18px 0px 10px 0px; font-size:28px}
.interior p{font-size:16px; line-height:22px; padding:10px 0px 0px 0px}

@media only screen and (min-width:651px) and (max-width:860px){.ftrBlock ul{list-style:none; float:none; width:100%; margin:0px; padding:0px; position:relative; text-align:center}
.ftrBlock ul li{list-style:none; float:none; width:100%; margin:0px; padding:0px; text-align:center}
#footer{height:280px}
}

@media screen and (max-width:650px){.interior{width:90%; padding:0px 4%; border-right:none; min-height:0px}
}

/* FORMS LAYOUT */
.form ul{list-style:none; margin:0; padding:0}
.form li{padding:5px; margin:0; clear:both}
.form label{float:left; width:100px; position:relative; top:3px; text-align:right; padding-right:15px}
.form legend{color:#000; font-weight:bold}
.signupFieldset{height:240px}
.captcha{float:left}

/* FORMS FIELDS */
.form input{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px}
.inputText{width:200px}
.form img{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; position:relative; top:-2px}
.form select{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:300px}
.form textarea{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:400px; height:120px}
.form button{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #6a1919; padding:5px 20px; background:url(../images/form_button.jpg) repeat-x 0 50% #6a1919; color:#FFF; font-weight:bold; cursor:pointer}
.form button:hover{/* border:1px solid #3f3; */background:url(../images/form_button_hover.jpg) repeat-x 0 50% #0c0}

/* FORM VALIDATION */
div.formErrors{padding:10px; margin:0 0 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; display:none; border:1px solid #dede00; background-color:#ffa; font-weight:normal}
div.formErrors h4{color:#F00; font-weight:normal; font-size:14px; margin:0px; padding:0px}
div.formErrors ol{padding:10px 0 0 40px; margin:0}
.formErrors .error{float:none !important; width:100% !important; border:none !important}
.error{border:2px solid #F00 !important}
/* FORM HIGHLIGHT */
.highlight{background-color:#fffbcd}
.highlight label{background-color:#f6efa3; text-decoration:underline !important}
.highlight-selected{background-color:#FF0}

#shareThis{position:fixed; right:0px; top:50%; background-color:#eee; border:1px solid #fff; width:45px; padding:5px 0px 5px 5px; margin-top:-150px; z-index:999}
@media only screen and (min-width:651px) and (max-width:1100px){#shareThis{width:350px; right:auto; bottom:0px; left:50%; margin-left:180px; height:45px;  bottom:0px; top:auto; padding-right:5px}
}

@media only screen and (max-width:650px){#shareThis{display:none}
}

/* LISTINGS */
#cases.interior h2{color:#1a2e7a; font-weight:bold; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; line-height:20px; padding:20px 0px; font-size:20px}
#cases.interior h1{color:#c42a0e; padding:28px 0px 10px 0px; font-size:28px;  border-bottom:2px solid #c42a0e; margin-bottom:10px}
#cases.interior .item{display:block; float:none; border-bottom:2px solid #999; padding-bottom:30px; margin-bottom:25px; margin-top:25px}
#cases.interior .item .crim{width:33%; float:left; margin-right:3%; font-size:12px; line-height:15px}
#cases.interior .item .crim p{font-size:12px}
#cases.interior .item .crim img{width:100%; height:auto; max-width:200px; box-shadow:3px 3px 10px #666; margin-bottom:10px}
#cases.interior .item .crim a{color:#1a2e7a; text-decoration:none; font-size:12px; font-weight:bold}
#cases.interior .item .caseInfo{width:60%; float:right}
#cases.interior .item .caseInfo h3{font-size:14px; text-transform:uppercase; line-height:15px}
#cases.interior .item .caseInfo h4{font-size:30px; text-transform:normal; line-height:30px; margin-bottom:13px}
#cases.interior .item .caseInfo .red{color:#c42a0e}
#cases.interior .item .caseInfo .blue{color:#1a2e7a}
#cases.interior .item .caseInfo p{font-size:12px; color:#000; line-height:16px}

#cases.interior .item a:hover{text-decoration:none}
#cases.interior .item a .crim{width:33%; float:left; margin-right:3%; font-size:12px; line-height:15px}
#cases.interior .item a .crim p{font-size:12px}
#cases.interior .item a .crim img{width:100%; height:auto; max-width:200px; box-shadow:3px 3px 10px #666; margin-bottom:10px}
#cases.interior .item a .crim a{color:#1a2e7a; text-decoration:none; font-size:12px; font-weight:bold}
#cases.interior .item a .caseInfo{width:60%; float:right}
#cases.interior .item a .caseInfo h3{font-size:14px; text-transform:uppercase; line-height:15px}
#cases.interior .item a .caseInfo h4{font-size:30px; text-transform:normal; line-height:30px; margin-bottom:13px}
#cases.interior .item a .caseInfo .red{color:#c42a0e}
#cases.interior .item a .caseInfo .blue{color:#1a2e7a}
#cases.interior .item a .caseInfo p{font-size:12px; color:#000; line-height:16px}

#Z-22 .rewardr{display:none!important}
#Z-22 .typer{display:none!important}
#Z-22 .moster{display:block!important}
#Z-22 .rewards{display:block!important}
#Z-22 .solved{display:none!important}

#Z-2 .rewardr{display:block!important}
#Z-2 .typer{display:block!important}
#Z-2 .moster{display:none!important}
#Z-2 .rewards{display:block!important}
#Z-2 .solved{display:none!important}

#Z-12 .rewardr{display:none!important}
#Z-12 .typer{display:none!important}
#Z-12 .moster{display:none!important}
#Z-12 .solved{display:block!important}
#Z-12 .rewards{display:none!important}

@media only screen and (max-width:650px){#cases.interior .item .crim{float:none; width:100%; margin-bottom:15px; font-size:9.5px}
#cases.interior .item .crim a{font-size:9.5px; text-transform:uppercase}
#cases.interior .item .crim img{}
#cases.interior .item .caseInfo{float:none; display:block; clear:both; width:100%}
}

/*blog comments*/
.msg.failure{background-color:#F55; padding:5px; margin:5px}
.msg.success{background-color:lightgreen; padding:5px; margin:5px}
#blog-comments >div{border:1px solid #3A44A7; margin:10px 0; padding:5px}

.dimiEdit ul li{list-style:inside; margin-left:4px}
.dimiEdit img{display:none}
.dimiEdit p{margin-bottom:20px}
.signatures{float:left; width:33.3%}
.signatures p{padding-left:10px}
.signatures4 {float:left; width:25%}
.signatures4 p{padding-left:10px}

.excerptContent{display:none}

/*RESOURCE TIPS ===================================== */
.tips-wrapper  td{position:relative; background:#E6E6E6; padding:2px 4% 2px 4%; border-bottom:10px solid white}
.tips-wrapper td h2{cursor:pointer; line-height:25px; font-size:17px}
.tips-wrapper td h2 span{float:right; color:#CF2626; font-size:11px}
.tips-wrapper td h3, .tips-wrapper td p, .tips-wrapper td ul{list-style:inherit !important; display:none; font-size:15px !important; line-height:18px; margin:0 0 10px; padding:10px 0px 0px 0px}

.purchase{background:#383FA9; color:#FFF !important; text-decoration:none !important; padding:6px 7px 5px 7px; width:280px; border-radius:3px; transition:0.3s}
.purchase:hover{background:#C42A0E}

.pdf{display:block; background:url(../images/pdf.png) no-repeat left center; padding:0 0 0 80px; line-height:26px}

/*Dimitri added code for all the after development updates------------------------------------*/
     #topCTAs{padding-top:35px}
.btnHolder{margin:14px 10px 0px 0px}
.ctaBtn.orange{position:relative; padding:3px 0 3px 6%; width:100%; text-align:left}
.ctaBtn.orange span{font-size:13px}
.ctaBtn.orange i{position:absolute; right:4%; top:50%; margin-top:-9px}
.tipSubmit00{display:none}
.teal{background:url('../images/tipSubmit.png') no-repeat 0px center #4384C8; text-align:left; padding-left:59px}
.teal:hover{background:url('../images/tipSubmit.png') no-repeat 0px center #5D9EE2}
.teal a{text-transform:none !important}
.teal br, .teal i{display:none}
.teal span{color:black; text-shadow:none !important}
.mailing-header00{text-align:center}

.footerVideos p{text-align:center; float:left; width:33.33%; color:white}
.footerVideos p img{float:none !important; padding:0 !important}

.footerCenter{width:40%; margin:0 4% 0 0}

#listenBox{background:none; background:url('../images/texture.png') repeat 0px 0px #509FCC}
#listenBox h2{width:100%; margin-top:10px; background:url('../images/ctaheader.png') repeat-x center 68px; padding:10px 0px 30px 5%; font-size:16px; text-transform:uppercase; letter-spacing:.8px; color:white; text-shadow:2px 2px 4px #000}
.donatenow00{display:block; border-bottom:5px #FFF solid; background:url('../images/texture.png') repeat 0px 0px #28B4BA; font-family:'Oswald',sans-serif; text-transform:uppercase; color:#FFF !important; line-height:48px; font-size:25px; text-decoration:none; text-shadow:2px 2px 4px #000; font-weight:normal; letter-spacing:0.5px; text-align:center; text-decoration:none !important}
.donatenow00:hover{background-color:#B2B80C}
.donatenow00 i{padding-left:10px}

/*mailing list*/
.mailing-list{width:100%}
.mailing-list input{margin:0 1.0% 0 2% !important; width:70% !important; border-radius:0px !important; line-height:21px !important; border:1px solid #A7A6A6 !important; box-shadow:inset 1px 1px 4px #BEBBBB !important; -moz-box-shadow:inset 1px 1px 4px #BEBBBB !important; -webkit-box-shadow:inset 1px 1px 4px #BEBBBB !important}
.mailing-list button{padding:2px 0 !important; width:24% !important; font-size:14px !important}

form  .btnHolder{margin-top:15px}
form  .btnHolder .teal{background:url('../images/tealbtn.jpg') repeat-x 0px 0px #27A7AA !important; padding-left:13px !important}

.video{width:100%; margin:0 auto}
.video >div{position:relative; padding-bottom:56.5%; box-sizing:border-box; -moz-box-sizing:border-box; border:2px solid #61588F; margin:20px 0; box-shadow:2px 2px 21px #7A7A7A; -moz-box-shadow:2px 2px 21px #7A7A7A; -webkit-box-shadow:2px 2px 21px #7A7A7A}
.video >div iframe{position:absolute; width:100%; height:100%; top:0; left:0}

@media only screen and (max-width:870px){#topCTAs{margin:2px 5px 0px 0px}
.teal br{display:inherit}
.teal i{display:inherit; position:absolute; right:4%; bottom:6px}
.btnHolder{margin:5px 10px 0px 0px}

.mailing-header00{margin-top:0 !important; padding:13px 0px 12px 5% !important}
}

#blog-comments { clear: both; }

@media only screen and (max-width:650px){li.menuBtn{margin-top:55px}
.btnHolder{margin:0px}
.teal{padding-left:59px !important}
.teal br{display:none}
.teal i{bottom:50%; margin-bottom:-11px; right:6%}
.submitAtip00{width:100%}
.ctaBtn{padding:11px 0px 13px 0px}
.ctaBtn.orange i{right:6%}
.donatenow00{line-height:58px; padding-top:4px !important}
#listenBox{height:163px !important; min-height:163px !important}
.mailing-header00{margin:10px 0 17px 0;  text-align:left}
.footerCenter{width:100%}
#listenBox h2{font-size:14px}
}

 @media only screen and (max-width:440px){ .teal{padding-left:45px !important}
 }

/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie{display:none}
.cc2:hover{fill:rgba(0,0,0,0.4)}

.compucast{display:block; position:absolute;  bottom:-22px; right:10px; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s}
.compucast.dark{color:white}
.logo1, .logo2, .old-ie{position:absolute; top:50%; right:10px; margin-top:-13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover{width:225px; background:rgba(0,0,0,0.04); box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); -moz- box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); -webkit-box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); transition:0.3s 0s}
.dark:hover{background:rgba(255,255,255,0.12)}
.compucast p{position:absolute; left:-200px; text-align:left; margin:0 0 0 10px; line-height:21px; padding:11px 0; font-family:Arial,"Times New Roman",Times,serif; font-size:12px; color:#808080; opacity:0; transition:0.5s 1.4s}
.compucast a{font-size:14px; font-weight:bold; color:#000; text-decoration:none}
.compucast:hover p{left:0px; opacity:1; transition:0.4s 0.0s}
.compucast.dark:hover p{color:#AFACAC}
.compucast.dark a{font-size:14px; color:#fff}

/*color classes:colored, white and black*/
.purple{fill:#7F3F98}
.green{fill:#00A14B}
.black1{fill:rgba(0,0,0,1)}
 .black2{fill:rgba(0,0,0,0.5)}
.white1{fill:rgba(255,255,255,1)}
 .white2{fill:rgba(255,255,255,0.5)}
/*COMPUCAST LOGO CSS end-------------------------------*/



/*DONUT*/
a.donut {display:inline-block;background:url(/uploads/images/donut2.png) no-repeat center; background-size:contain;}
a.donut img {display:block; }

a.donut:hover img {}



.donut:hover {
-webkit-animation: spin 6s infinite linear normal;
animation: spin 6s infinite linear normal;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
} 
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

.logo{}
.logo .logo-cgno{ float: left; width: 80%;}
.logo .logo-cgno img{width:100%;}
.logo .logo-phone{ float: left; width: 80%;}
.logo .logo-phone img{width:100%;}
.logo .logo-fingerprint{ float:right; width:18%;}


.paypalbuttons{}
.paypalbuttons h3{
	background: #192f82;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
}

.paypalbuttons form{
    display: inline-block;
    width: 49%;
    background: #efefef;
    border-top: 2px solid #ffaa28;
    vertical-align: top;
	text-align:center;
    margin: 2px 0;
    padding: 10px;
}
.paypalbuttons form span{ display:block; }
.paypalbuttons form span strong{ display:block; }
.paypalbuttons form input{}
.paypalbuttons form.threecol{
	width: 32.4%; background:#f7f7f7;
}
@media only screen and (max-width:570px){ .paypalbuttons form,.paypalbuttons form.threecol{ width:100%; } }
.documentbuttons{}
.documentbuttons a{
	position: relative;
	display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    background: #ffaa28;
    color: #fff;
    padding: 10px;
    margin: 20px 0;
    font-size: 1.2em;
}
.documentbuttons a:before{ display:block; font-size:2.2em; color:#fff; font-family:fontawesome; content:'\f019'; position:absolute; left:10px; top:50%; widows:0; height:0; line-height:0;}
.documentbuttons a span{
	font-weight: bold;
    font-size: 1.2em;
    display: block;
}
@media only screen and (max-width:570px){ .documentbuttons a{ width:100%; font-size:1em; margin:2px 0; } }


.givingevent{}
.givingevent ul{ list-style-type: disc !important; margin-left:20px; padding-left:20px;}
.givingevent li{  list-style-type: disc !important; margin-left:20px; padding-left:20px;}
.givingevent, .givingevent h3, .givingevent h2{ font-size:1.2em;}