@charset "UTF-8";

/*-----------------------------------------------------------------------------------

	Author: @ben_bate
	Author URL: http://benbate.com
	
-----------------------------------------------------------------------------------*/


/*------ CSS RESET ------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after,.container:after, .form li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix,.container,.form li {display: block;}


/*------ BEGIN MAIN CSS ------*/



/*------ GENERAL ------*/

@font-face { font-family: 'TI'; src: url('../fonts/typicons-regular-webfont.ttf'); } 

body {
	background-color: #374047;
	margin: 0 auto;
	 -webkit-animation-name: bodyAnim;
    -moz-animation-name: bodyAnim;
    -ms-animation-name: bodyAnim;
	-o-animation-name: bodyAnim;
	animation-name: bodyAnim;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s; 
	font:normal 18px/1.6 'Open Sans', helvetica, arial, sans-serif;
}

@-webkit-keyframes bodyAnim {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}

@-moz-keyframes bodyAnim {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}

@-o-keyframes bodyAnim {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}

@keyframes bodyAnim {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}

h1,h2 {
	font-size:24px;
	margin-bottom: 20px;
	color:#EB4C50;
}



a {color: #eb4c50}

.latest-news-list a, #footer a{color:#94938f}
a:hover {text-decoration:underline}

.logo {
	width:100%;
	margin: 10px 0
}

.bold {
	font-weight: 600;
}

.icon {
	font-family: 'TI';
	font-size: 30px;
	font-weight:normal;
	color: #94938F;
	float: right;
	overflow:visible;
	margin-top:-10px;
}

.container {
	width: 90%;
	height: auto;
	margin: 0 auto;
	position:relative
}

label, input, select, textarea {font-size:1em}
label {cursor:pointer}
/*------ HEADER ------*/

#header {
	background-color: #2C333B;
	z-index: -9999;
}

header#left {
	-webkit-animation-name: headerleftAnim;
    -moz-animation-name: headerleftAnim;
    -ms-animation-name: headerleftAnim;
	-o-animation-name: headerleftAnim;
	animation-name: headerleftAnim;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	-ms-animation-duration: 0.75s;
	-o-animation-duration: 0.75s;
	animation-duration: 0.75s;
	z-index: 999;
	
}

@-webkit-keyframes headerleftAnim {
	0%   { opacity: 0; -webkit-transform: translateX(-100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@-moz-keyframes headerleftAnim {
	0%   { opacity: 0; -webkit-transform: translateX(-100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@-o-keyframes headerleftAnim {
	0%   { opacity: 0; -webkit-transform: translateX(-100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@keyframes headerleftAnim {
	0%   { opacity: 0; -webkit-transform: translateX(-100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}


header#left h2 {
	font-size:18px;
	font-family: 'Open Sans';
	margin-bottom: 20px;
	color:#fff;
	border-bottom: 2px dashed #fff;
	border-top: 2px dashed #fff;
	padding:15px 0;
}

header#left p {
	margin-bottom: 50px;
	color:#fff;
}

a.button {
	color: #fff;
	padding: 16px;
	border-radius: 5px;
	background: #4477C8;
	height: 54px;
	width: 100px;
	font-family: 'Open Sans';
	-o-transition:color .2s ease-out, background 0.1s ease-in;
	-ms-transition:color .2s ease-out, background 0.1s ease-in;
	-moz-transition:color .2s ease-out, background 0.1s ease-in;
	-webkit-transition:color .2s ease-out, background 0.1s ease-in;
	transition:color .2s ease-out, background 0.1s ease-in;
}

a.button:hover {
	background: #5D6778;
}

a.button:active {
	padding: 15px;
	margin-left: 1px;
}



a.related:hover,a.related:active {background:burlywood;}

.form li {margin-bottom:10px}
#contact-us-form {max-width:500px}
#contact-us-form  textarea {height:120px}
/* Forms 
=========================================================================================================================================================================================== */
form{margin:0;}
.form {position:relative}
form fieldset{margin-bottom:1.5em;padding:0;border-width:0}
form legend{display:block;width:100%;margin-bottom:3em;margin-left:-7px;padding:0;color:#000;border:0;border-bottom:1px solid #8c9bab;white-space:normal}
form legend small{font-size:14px;font-size:1.4rem;color:#bfbfbf}
form p{margin-bottom:.75em}
form p.formsubmit {margin:0 !important}
form ul{list-style-type:none;margin:0 0 2.5em;padding:0}
form br{display:none}
label,input,button,select,textarea, .trigger{font-size:1em;vertical-align:baseline;vertical-align:middle}
input,button,select,textarea, .trigger{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
label{display:block;margin-bottom:.1875em;font-weight:400;color:#313640;cursor:pointer;position:relative}
label input,label textarea,label select{display:block}
input,textarea,select{display:inline-block;width:100%;padding:6px;background-color:#fff;border:1px solid #e0e0e0;color:#313640;border-radius:5px}
input:hover,textarea:hover,select:hover{border-color:#586879}
input[type="radio"],input[type="checkbox"] {display:none}
input[type="radio"] + label,input[type="checkbox"] +label {padding-left:26px;background:url(#{request.contextPath}/images/bg-radiobuttons.png) 0 -22px no-repeat;display:inline-block;line-height:22px;margin:0 10px 0 5px}

input[type=image],input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;width:13px;height:13px}
input[type=image]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type=file]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;cursor:pointer;overflow:visible;color:#fff;background:#586879}
input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {opacity:.8}

select,input[type=file]{height:28px;margin-top:4px;line-height:28px}

select[multiple],select[size]{height:auto}
textarea{resize:vertical;overflow:auto;height:auto;overflow:auto;vertical-align:top}
input[type=hidden]{display:none}
.radio,.checkbox{padding-left:18px;font-weight:400}
.radio input[type=radio],.checkbox input[type=checkbox]{float:left;margin-left:-18px}
.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline{margin-left:10px}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;cursor:not-allowed}
input:focus,textarea:focus{border-color:#2d353e;outline:none;}
input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{font-size:12px;font-size:1em}
input:-moz-placeholder{font-size:12px;font-size:1em}


/* fancy select */

div.fancy-select {
    position: relative;
	float:left;
	font-size:1em;
	width:100%
}


div.fancy-select.disabled {
    opacity: 0.5;
}
/*
div.fancy-select select:focus + div.trigger {
    box-shadow: 0 0 0 2px #4B5468;
}

div.fancy-select select:focus + div.trigger.open {
    box-shadow: none;
}
*/
div.fancy-select div.trigger {
    background:  #FFFFFF;
    border:1px solid #e0e0e0;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    padding: 0 7px;
	line-height:30px;height:30px;
    position: relative;
    text-overflow: ellipsis;
    transition: all 240ms ease-out 0s;
    white-space: nowrap;
    width: 100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#box-search-filter  div.fancy-select div.trigger {background:#eaeef4}
.error div.fancy-select div.trigger, .error input, .error select {border-color:#BC2C55;border-style:solid}


div.fancy-select div.trigger:after {

    border-color: #4B5468 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 9px;
    top: 12px;
    width: 0;
}
div.fancy-select div.trigger.open {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #475062;
    box-shadow: none;
    color: #000;
}
div.fancy-select div.trigger.open:after {
    border-top-color: #7A8498;
}
div.fancy-select ul.options {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
	border: 1px solid #475062;
	font-size:1em;
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-height: 200px;
    width: 100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    opacity: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    transition: opacity 300ms ease-out 0s, top 300ms ease-out 0s, visibility 300ms ease-out 0s;
    visibility: hidden;
    z-index: 50;
}

div.fancy-select ul.options.open {
    opacity: 1;
    top: 0;
    transition: opacity 300ms ease-out 0s, top 300ms ease-out 0s;
    visibility: visible;
}
div.fancy-select ul.options.overflowing {
    bottom: 0;
    top: auto;
	border: 1px solid #475062;
	border-bottom:none;
	 border-radius: 5px;
    transition: opacity 300ms ease-out 0s, bottom 300ms ease-out 0s, visibility 300ms ease-out 0s;
}
div.fancy-select ul.options.overflowing.open {
    bottom: 0;
    top: auto;
    transition: opacity 300ms ease-out 0s, bottom 300ms ease-out 0s;
}
div.fancy-select ul.options li {
    color: #333;
    cursor: pointer;
    padding: 3px 6px;
    transition: all 150ms ease-out 0s;
    white-space: nowrap;
	margin:0 !important;
	overflow:hidden;text-overflow:ellipsis
}
div.fancy-select ul.options li.hover {
    color: #fff;
	background:#38dbfe
}


table,th,td
{
border:2px solid burlywood;
}
tr:hover{background-color: burlywood; pointer: cursor;}
h1 {font-size: 25px; color: burlywood; align: center;}



.all-articles li {padding: 20px 0;border-bottom:1px dashed #74736f}
.all-articles li:first-child {border-top:1px dashed #74736f}
.all-articles li  h3 {font-size:1.2em;color:#eb4c50;}
.all-articles li  h3  a {color:#eb4c50;}
.all-articles li small {font-size:.9em;margin-bottom:10px;display:block}
.excerpt {padding: 0 0 10px 0}

.main-article h2 {margin-bottom:0}
.main-article time {margin-bottom:10px;display:block;font-size:.9em}
.main-article .art-details {padding-bottom:10px;border-bottom:1px solid #94938f}
.main-article footer {padding:10px 0;border-bottom:1px solid #94938f;margin-bottom:10px}
.main-article .related {margin:10px 0;padding: 10px 0;border-top:1px solid #94938f;border-bottom:1px solid #94938f}
#disqus_thread {background:#94938f;padding: 10px;margin: 10px 0}

p#snippet {
	margin: 25px 0 0 37px;
	font-size: 11px;
	opacity: 0.75;
}

.checkbox  {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background:  no-repeat;
  display: block;
  clear: left;
  float: left;}

header#right {
	overflow:hidden;
	-webkit-animation-name: headerrightAnim;
    -moz-animation-name: headerrightAnim;
    -ms-animation-name: headerrightAnim;
	-o-animation-name: headerrightAnim;
	animation-name: headerrightAnim;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	-ms-animation-duration: 0.75s;
	-o-animation-duration: 0.75s;
	animation-duration: 0.75s;
	z-index: 999;
}

@-webkit-keyframes headerrightAnim {
	0%   { opacity: 0; -webkit-transform: translateX(100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@-moz-keyframes headerrightAnim {
	0%   { opacity: 0; -webkit-transform: translateX(100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@-o-keyframes headerrightAnim {
	0%   { opacity: 0; -webkit-transform: translateX(100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}

@keyframes headerrightAnim {
	0%   { opacity: 0; -webkit-transform: translateX(100px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}



/*------ UPPER MAIN ------*/

#uppermain {
	border-bottom: 0px solid #e0e0e0;
	padding: 40px 0;

}

#uppermain h2{

	border-bottom: 1px solid #e0e0e0;
	padding-bottom:20px;
}




.crimestats {

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#uppermain aside {margin-bottom:20px}

.map {

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;


}

.rehab {

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}





/*------ MAIN ------*/

#main {
	background:#fff;
	color:#94938f;
	padding: 40px 0
}

.box {
		width: 100%;
		overflow:hidden;
		float: none;
		margin: 0px 0px 30px 0px;
	}

	.boxnomargin {
		width: 100%;
		overflow:hidden;
		float: none;
		margin: 0px 0px 30px 0px;
	}



p.title {
	margin-bottom: 15px;
	font-weight: 600;
}

p.info {
	font-family: 'Open Sans';
	opacity: 0.8;
	text-align: justify;
}


/*------ FOOTER ------*/

p.left {
	float: left;
	margin-bottom: 14px;
	font-family: 'Open Sans';
	opacity: 0.75;
}

p.right {
	float: right;
	margin-bottom: 14px;
	font-family: 'Open Sans';
	opacity: 0.75;
}

p.right a {
	opacity: 0.75;
	-o-transition:opacity .2s ease-out, background 0.5s ease-in;
	-ms-transition:opacity .2s ease-out, background 0.5s ease-in;
	-moz-transition:opacity .2s ease-out, background 0.5s ease-in;
	-webkit-transition:opacity .2s ease-out, background 0.5s ease-in;
	transition:opacity .2s ease-out, background 0.5s ease-in;
}

p.right a:hover {
	opacity: 1;
}



.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }
		
		
		.fadein { position:relative;overflow:hidden;}
		.fadein .fadein-inner {margin: 0 auto;max-width:100%;height:433px;position:relative;overflow:hidden;}
		.fadein .fadein-inner  img {display:block;margin:0 auto;max-width:100%}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#footer {
    border-top: 1px solid #74736F;
	color:#fff;
	padding: 10px 0
}



.checkboxlist {
	color:#94938F;

}

.articleslist {
	color:#94938F;
}
.storelinks {
	width:100%;
	margin:auto;
}
.storelinks  li {float:left;position:relative;width:33.33%;padding-right:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.storelinks span.c-soon {position:absolute;left:0;top:0;text-indent:-9999px;background:transparent url(coming_soon_badge.png) 0 0 /contain no-repeat;width:100%;height:40px;}
.storelinks a img {
	display:block;width:100%;height:auto
}

.firststore {
	margin-right:0.3%;
}

.middlestore {
	margin:0 0.3%;
}

.laststore {
	margin-left:0.3%;
}


.art-image {display:block;width:100%;height:auto;margin: 10px auto}
.all-articles .art-image  {width:75px;float:left;margin: 0 10px 10px 0}

.sidebar img {max-width:100%;height:auto}


.related-art-img img {float: left; width: 40px; height: 30px; margin-right: 4px;}
/* meanmenu */

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */

.mean-container {padding-top:50px !important}
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: fixed;
	top:0;
	background: #0c1923;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}
.mean-container .mean-nav  label {display:none}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
.mean-nav label, .mean-nav input {display:none}


#mainnav input, #mainnav label {display:none}

.latest-news-list {list-style:square;padding-left:15px;color:#94938f}

.latest-news-list a {display:block}
.fadein .fadein-inner {width:300px;height:312px}

/*------------------------------------------------------Media Queries------------------------------------------------------*/

/*---Tablet Landscape---*/
@media screen
  and (min-width : 480px)
{
	.fadein .fadein-inner {width:417px;height:433px}
    .crimestats {width:45%;float:left}
	.rehab {width:45%;float:right}
	.map {clear:both}
 	#mainnav {position:fixed;left:0;top:15px;z-index:9999}


}

/*---Phone Landscape---*/
@media screen and (min-width: 600px)
{

	#mainnav label {display:block;padding: 0;background:url(open-menu.gif) no-repeat;background-position: 0 0;text-indent:-9999px;
		width:20px;height:70px;
		margin-bottom:10px
		}
	#mainnav input:checked +label {background-position: 0 100%}	
		
	#mainnav ul{ 
		position:relative;
		left:-220px;
		padding:10px;
		background:#363f49;
		border-radius: 0 5px 5px 0;
		overflow:hidden;
		/* For Safari 3.1 to 6.0 */
		-webkit-transition-property: all;
		-webkit-transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-webkit-transition-delay: 0;
		/* Standard syntax */
		transition-property: all;
		transition-duration: 1s;
		transition-timing-function: linear;
		transition-delay: 0;
		box-shadow:0 0 4px #000;
		width:200px;
		}
	#mainnav input:checked + label +ul ,#mainnav input:checked ~ul{left:0}
	
	#mainnav ul li a{padding: 10px;display:block;border-bottom: 1px solid #ccc;color:#eb4c50;text-transform:uppercase}
	#mainnav ul li:first-child a {border-top: 1px solid #ccc}
	#mainnav ul li a:hover {background:#444;}




}



@media screen and (min-width: 782px)
{




}

@media screen and (min-width : 1024px)
{
body {font-size:14px}



#mainnav {top:100px;}
	#uppermain h2 {text-align:center}
	.container {
	width: 900px;
	}
	.box {	width: 28.723404255319148936170212765957%;
	overflow:hidden;
	float: left;
	margin: 0px 6.9148936170212765957446808510638% 50px 0px;
}

.boxnomargin {
	width: 28.723404255319148936170212765957%;
	float: left;
	margin: 0px 0px 50px 0px;
}

header#left {
	width: 50%;
	float: left;
	margin-top: 130px;


}

#logo {margin:0}
header#right {

	width: 417px;
	float: right;
	-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	margin-top: 67px;}
/*
	.blog {float:left;width:75%;padding: 0px 15px 0px 0px;
		border-right: 1px dashed #74736F;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;}
	*/	
	.sidebar {float:right;width:25%;padding-left:15px;-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;}
		
		

	.crimestats {
		width: 18%;
		float: left;
		padding: 0px 15px 0px 0px;		
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

#uppermani {	min-height:500px}
	#uppermain aside {margin-bottom:20px}

	.map {
		width: 64%;
		/*float: left;*/
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding: 0 15px;
		border-right: 1px dashed #74736F;
		border-left: 1px dashed #74736F;
		height:450px;
		position:absolute;left:18%;top:0

	}

	.rehab {
		width: 18%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding: 0px 0px 0px 15px;
		
	}
	
	.main-article .related {float:right;width:200px;margin: 0 0 10px 10px; border: 1px solid #94938f;
    min-height: 100px;
    padding: 10px;}
.art-image {max-width: 320px; height: auto; margin: 0 10px 10px 0; float:left;}


}

@media screen and (max-width : 320px)
{


	.img-responsive {
  	   display: block;
  	    max-width: 70%;
    	height: auto;
      }

}

	.img-responsive {
  	   display: block;
  	    max-width: 100%;
    	height: auto;
      }
      
.ui-corner-all {
	-webkit-border-radius: 0em !important;
	border-radius: 0em !important;
}
/*
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    border-color: #94938F  !important;
     box-shadow: 0 0px 0px  !important; 
    outline: 0 none;
}
*/
.no-border  {
	 border: none !important;
}

.noBorder tr,.noBorder td {
    border: none !important;
}



.ui-selectmanycheckbox label, .ui-selectoneradio label {
    display: block;
    margin-top: 4px;
    padding-left: 5px !important;
    color:#94938F !important;
    font-weight: normal !important;
}


.cls1  {
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	padding-right: 8px !important;
	
	vertical-align: middle !important;
}
.cls2  {
	text-align: left;
	white-space: nowrap;
}



 .ui-button {
	background-image:none !important;
	background-color: #586879 !important;
	border-color: #586879 !important;
    padding: 3px 6px !important;
	font-size: 1.0em !important;
	border: none !important; 
	color: #fff !important;;
	text-shadow: 0 -1px 0 #107360 !important;
	
} 


.ui-selectmanycheckbox label {
	padding-right: 5px !important;
}


