/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}

.gallery-image {
    max-height:100%;
}

/* Left & Right alignment */
.left {float:left}

.frontPage {
    width:320px!important;
}

.box-image {
	width:100px!important;
}
.thumbnail_img{
    width:130px;
}

.rick{
    width:250px;
}

.policeCommissionLogo, #logo_box h1 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size:40px;

}
.right {float:right}
.pull-right{text-align: right;}
.push-right{
	margin-left:200px!important;
	margin-bottom:10px!important;
}
.wrapper {width:100%;overflow:hidden}


/* Global properties */
body {background:#fff;border:0;font:14px Arial, Helvetica, sans-serif;color:#6f6f6f;line-height:18px;min-width:960px;overflow-x:hidden}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}

h6{ 
	line-height: 1.4em;
	font-family: 'Ubuntu', arial, serif; 
	font-weight: lighter;
	font-size: 20px;}

/* Global Structure */
.main {margin:0 auto;width:960px}


.body1 {background:url(../images/bg_top.jpg) top center no-repeat #eee}
.body2 {background:#f7f7f7}
.body3 {background:url(../images/bg_img2.png) center top no-repeat;position:absolute;height:353px;width:327px;top:13px;left:50%;margin-left:160px;z-index:10}


/* main layout */
a {color:#1d8bce;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:30px;line-height:40px;padding-left:47px, margin-top:0px!important}
h2 {font-size:26px;line-height:36px;color:#2c2d2e;padding:16px 0 12px 0}
p {padding-bottom:18px}

.policeCommissionLogo{
    margin: 0px;
    font-size: 40px;
}

.person-image{
    width:150px;
    border: 1px solid black;
}

.messageFromTheChair {
    width:100%;
    border:1px solid rgb(230, 230, 230);
    background-color:rgb(245,245,245);
    border-radius: 25px;
    padding-top: 10px;
    padding-bottom:10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

/* header */
header {width:100%;overflow:hidden;padding-bottom:186px;position:relative}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#logo_box {background:#2c2d2e;padding:38px 0 22px 0px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;box-shadow:0 1px 3px #b7b7b7;-moz-box-shadow:0 1px 3px #b7b7b7;-webkit-box-shadow:0 1px 3px #b7b7b7;behavior:url(js/PIE.htc);position:absolute;z-index:2;margin-top:-18px;width:100%;overflow:hidden;}
#logo {color:#fff;text-decoration:none; margin-left:40px;}
#logoPic {padding:0px; padding-right:30px;}
#logo span {font-size:17px;color:#a6a6a6;vertical-align:baseline}
header nav {border:1px solid #bebebe;background:url(../images/menu_bg.gif) bottom repeat-x;padding-top:70px;height:47px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;behavior:url(js/PIE.htc);position:absolute;top:100px;z-index:1;padding-left:10px}
#menu {width:948px}
#menu li {float:left;padding-left:36px;background:url(../images/menu_line.gif) right 18px no-repeat;padding-right:37px}
#menu .bg_none {background:none;padding-right:0;margin-right:0}
#menu li a {display:block;font-size:17px;color:#2c2d2e;text-decoration:none;line-height:47px}
#menu li a:hover, #menu #menu_active a {color:#0665a2}
.text1 {font-size:36px;color:#545454;padding:179px 0 0 47px;line-height:48px;Letter-spacing:-2px}
.text2 {font-size:26px;line-height:36px;color:#1d8bce;padding:0 0 0 130px}
#icons {font-size:20px;line-height:22px;color:#515151;padding:0 0 0 531px;Letter-spacing:-1px;margin-top:-10px;height:22px;overflow:hidden}
#icons li {float:left;padding-left:10px}
#icons span {padding-right:13px}


/* content */
#content {position:relative;padding-bottom:35px}
#youtube {width:100%;}
.marg_top { position:relative;margin-top:-168px;z-index:11}
.marg_top2 {margin-top:11px}
.pad_left1 {padding-left:0px}
.pad {padding:0 35px}
.pad_bot1 {padding-bottom:22px}
.marg_right1 {margin-right:20px}
.nbsp {font-size:0;line-height:0;display:block}
.box1_out {background:url(../images/box1_out_bg.png) repeat;border-bottom:1px solid #e6e6e6;border-right:1px solid #eaeaea;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;padding:5px}
.box1 {background:url(../images/box1_bg.gif) bottom repeat-x #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:1px 1px 2px #c1c1c1;-moz-box-shadow:1px 1px 2px #c1c1c1;-webkit-box-shadow:1px 1px 2px #c1c1c1;behavior:url(js/PIE.htc);position:relative;padding:0 28px 0 30px}
.box1_bot {background:url(../images/box1_bot_bg.gif) top repeat-x}
.box1_bot_left {background:url(../images/box1_bot_left.gif) top left no-repeat}
.box1_bot_right {background:url(../images/box1_bot_right.gif) top right no-repeat;height:24px}
.box2 {background:#fafafa;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;padding-bottom:15px}
.button {position:relative;margin-bottom:-30px;font-size:17px;text-transform:uppercase;color:#fff;line-height:32px;text-decoration:none;background:url(../images/button2_bg.gif) top repeat-x;display:inline-block}
.button span {display:block;background:url(../images/button2_left.jpg) top left no-repeat}
.button span span {padding:0 18px;height:47px;background:url(../images/button2_right.jpg) top right no-repeat}
.button:hover {color:#000}
.img {position:absolute;bottom:-30px;right:0px}
.color1 {color:#000}
.under {padding-bottom:25px;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:20px}
.list1 {margin:-6px 0}
.list1 li {line-height:30px}
.list1 li a {padding-left:19px;background:url(../images/marker_1.gif) 0 2px no-repeat}
.list1 ul {padding-left:19px;margin-top:-30px}
.bold {font-weight:bold;}
.italics{font-style:italic;}


/* footer */
footer {width:100%;overflow:hidden;padding-bottom:36px}
footer h2 {font-size:21px;color:#2c2d2e;line-height:26px;padding:33px 0 15px 0}
footer .list1 {margin:-3px 0}
footer .list1 li {line-height:20px}
.under2 {padding-bottom:30px;line-height:0;font-size:0;height:0;border-bottom:1px solid #ededed;margin:0 25px 35px}
.font_size {font-size:12px}



/* forms */
.input {background:url(../images/input_bg.gif) top repeat-x;border:1px solid #fff;font:14px Arial, Helvetica, sans-serif;height:16px;padding:5px 10px;color:#aaa;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
.bg {border:1px solid #d9d9d9;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;margin-bottom:15px}
.submit {font-size:17px;color:#fff;float:right;line-height:32px;background:url(../images/button1_bg.gif) top repeat-x;text-transform:uppercase;text-decoration:none}
.submit span {display:block;background:url(../images/button1_left.jpg) top left no-repeat}
.submit span span {padding:0 17px;height:48px;background:url(../images/button1_right.jpg) top right no-repeat}
#form_1 {width:237px}
#form_1 .input {width:213px}
#form_1 a {line-height:32px}
#form_2 .input1 {width:120px}
#form_2 .input2 {width:91px}
#form_2 a {line-height:32px}
#ContactForm {line-height:30px;font-weight:bold;Letter-spacing:-1px;width:100%}
#ContactForm a {float:right;margin-bottom:0;background:url(../images/button3_bg.gif) top repeat-x;margin-top:5px}
#ContactForm a span {background:url(../images/button3_left.jpg) top left no-repeat}
#ContactForm a span span {background:url(../images/button3_right.jpg) top right no-repeat}
#ContactForm .bg {float:right;margin-bottom:10px}
#ContactForm .input {width:761px}
#ContactForm .textarea {background:url(../images/textarea_bg.gif) top repeat-x;border:1px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
#ContactForm textarea {overflow:auto;height:208px;width:761px;padding:5px 10px;background:none;font:14px Arial, Helvetica, sans-serif;color:#aaa}
.google {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;}


/* PAGER ------------------------------------------------------------*/

.pager{
	padding-top: 0px;
	overflow: hidden;
	display: block;
	height: 30px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 10px;
}

.pager li{
	display: block;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	float: left;
}

#content .pager li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	color: #606060;
	border-radius: 33px;
	-moz-border-radius: 33px;
	-webkit-border-radius: 33px;
	background: #d1d1d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#f1f1f1)); 
	background: -moz-linear-gradient(top,  #d1d1d1,  #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#f1f1f1', GradientType=0);
	
	border-top: 1px solid #bcbcbc;
}

#content .pager li:hover a,
#content .pager li.active a{
	color: #fff;
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313)); 
	background: -moz-linear-gradient(top,  #515558,  #131313);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	
	border-top: none;
}

/* GALLERY -----------------------------------------------*/

#content .gallery{
	display: block;
	overflow: hidden;
}

#content .gallery li{
	display: block;
	float: left;
	overflow: hidden;
	background: url(../img/plus-sign.png) center center no-repeat;
	width: 204px;
	height: 148px;
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content .gallery.three-cols li{
	width: 115px;
}

#content .gallery.two-cols li{
	width: 438px;
	height: 267px;
}

#content .gallery li a{
	display: block;
}

/* FILTER --------------------------------------------------------*/

#content .filter{
	display: block;
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

#content .filter li{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 3px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	background: #d1d1d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#f1f1f1)); 
	background: -moz-linear-gradient(top,  #d1d1d1,  #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#f1f1f1', GradientType=0);
	border-top: 1px solid #bcbcbc;
}


#content .filter li a{	
	display: block;
	color: #606060;
	text-decoration: none;
	width: 100%;
	height: 100%;
}


#content .filter li:first-child:hover{
	background: none;
}

#content .filter li.active,
#content .filter li:hover{
	background: #000;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
}

#content .filter li:hover a,
#content .filter li.active a{	
	color: #f1f1f1;
}

#content .filter li:first-child,
#content .filter li:first-child:hover{
	background: none;
	border: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.0); 
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.0); 
	box-shadow: 0px 0px 0px rgba(0,0,0,.0);
}

/* FORMS ------------------------------------------------------------*/

#sc-contact-form,
#contactForm,
#commentform,
#contactForm{
	margin-bottom: 18px;
}

#sc-contact-form input,
#sc-contact-form textarea,
.admin-form input,
.admin-form textarea,
#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea{
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sc-contact-form input,
.admin-form input,
#contactForm input,
#commentform input{
	width: 282px;
}

#sc-contact-form textarea,
.admin-form textarea,
#contactForm textarea,
#commentform textarea{
	width: 380px;
}

#sc-contact-form #submit,
.admin-form #submit,
#contactForm #submit,
#commentform input#submit{
	width: 76px;
	margin: 21px 0px;
	padding: 5px 0px;
	color: #f1f1f1;
	
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313)); 
	background: -moz-linear-gradient(top,  #515558,  #131313);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
	
	border: 1px solid transparent;
}

#sc-contact-form #submit:hover,
.admin-form #submit:hover,
#contactForm #submit:hover,
#commentform input#submit:hover{
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#515558)); 
	background: -moz-linear-gradient(top,  #131313,  #515558);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#515558', GradientType=0);
	
	
	
}

#sc-contact-form input,
#sc-contact-form textarea,
.admin-form input,
.admin-form textarea,
#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea{
	color: #606060;
	font-size: 14px;
}

#sc-contact-form label,
.admin-form label,
#contactForm label,
#commentform label{
	display: block;
	font-size: 14px;
	line-height: 2.5em;
	font-weight: light;
}

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

#footer{
	position: relative;
	background: #2a2d30 url(../img/footer-glow.png) no-repeat top center;
	color: #fff;
}

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

#footer-cols{
	display: block;
	overflow: hidden;
	color: #bbbaba;
	line-height: 1.5em;
}

#footer-cols li.col{
	display: block;
	font-size: 12px;
	width: 282px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

#footer-cols li.col>h6{
	color: #d7d7d7;
	margin-top: 30px;
	margin-bottom: 20px;
	text-shadow: 0px -2px rgba(0, 0, 0, .8);
}

#footer-cols li.clear-col{ clear:left; }

#footer-cols li.col ul{
	display: block;
}

#footer-cols li.col ul li{
	display: block;
	line-height: 1.7em;
}


#footer-cols li.col ul li.page_item{
	display: block;
	line-height: 2.5em;
	padding-left: 17px;
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #000;
	background: url(../img/footer-bullet.png) no-repeat 0px 10px;
}

#footer-cols li.col ul li:first-child{ border-top: none; }

#footer-cols li.col ul li:last-child{ border-bottom: none; }

#footer-cols li.col ul li a{
	text-decoration: none;
	color: #bbbaba;
}

#footer-cols li.col ul li a:hover{
	color: #fff;
}

/*FOOTER BOTTOm ----------------------------------------------------*/
#bottom{
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 1.5em;
	line-height: 60px;
	color: #868686;
	background: #222426 url(../img/bottom-shadow.png) repeat-x;
}

#bottom #bottom-text{
	width: 600px;
	overflow: hidden;
	margin-left: 30px;	
}

#bottom a{
	color: #AFEAF9;
	text-decoration: none;
}

#bottom #to-top{
	position: absolute;
	right: 30px;
	top: -22px;
	width: 33px;
	height: 33px;
	background: url(../img/to-top.png) no-repeat;
	cursor: pointer;
}

/* TWITTER --------------------------------------------------------*/

#fillBanner{
position: relative;
	background: #f2f1f1;
	height: 80px;
	width: 100%;
	background: #f2f1f1 url(../img/twitter-border.png) repeat-x;	

}

#twitter{
	position: relative;
	background: #f2f1f1;
	height: 80px;
	width: 100%;
	background: #f2f1f1 url(../img/twitter-border.png) repeat-x;	
}

#twitter #bird{
	position: absolute;
	top: 2px;
	left: 70px;
}

#twitter #prev-tweet{
	display: block;
	position: absolute;
	top: 21px;
	left: 30px;
	width: 30px;
	height: 35px;
	background: transparent url(../img/prev-arrow.png) no-repeat top left;
}

#twitter #next-tweet{
	display: block;
	position: absolute;
	top: 21px;
	right: 30px;
	width: 30px;
	height: 35px;
	background: transparent url(../img/next-arrow.png) no-repeat top right;
}

#twitter #tweets .tweet_list{
	display: block;
	position: absolute;
	top: 1px;
	left: 200px;
	width: 700px;
	height: 75px;
}

#twitter #tweets .tweet_list li{
	display: block;
	width: 700px;
	height: 80px; /* original height 170px */
	font-size: 16px;
	line-height: 1.5em;
	font-style: italic;
	color: #838383;
	padding-top: 25px; 
}

#twitter #tweets .tweet_list li .tweet_time a{
	text-decoration: none;
	color: #ccc;
}

#twitter #tweets .tweet_list li a{
	text-decoration: none;
	color: #37b2d1;
}

#twitter #tweets p.loading{
	margin-left: 200px;
	color: #ccc;
	padding-top: 16px;
	font-style: italic;
}

/* SOCIAL --------------------------------------------------------*/

.social{
	position: absolute;
	top: 15px;
	right: 0px;
	display: block;
	overflow: hidden;
}

.social li{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bottom .social a{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9000px;
}

#bottom .social a:hover{
	background-position: 0px -32px;
}