body, html {
	background-color: #EEE;
}

body.iframe, html.iframe {
	background: none transparent !important;
}

div.header {
	height: 124px;
	padding: 0;
	background-color: #A50000;
	background-image: url(https://thecrimepreventionwebsite.com/style/images/header_bg.png);
	background-repeat: repeat-x;
	margin-bottom: 14px;
	overflow: hidden;
}

body.xmas div.header, body.ny div.header {
	background-image: url(images/header_bg_xmas.png);
}

body.xmas .betaStamp, body.ny .betaStamp {
	margin: 65px 0 0 126px;
}

.mainSiteHeader {
	padding: 12px 0 0 10px;
}

.betaStamp {
	display: none;
	width: 37px;
	height: 15px;
	background-image: url(images/beta.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	margin: 24px 0 0 371px;
}

.betaStamp a {
	display: block;
	width: 100%;
	height: 100%;
}

.headerRightWrapper {
	float: right;
}

p.linkToUs {
	float: right;
	font-size: 12px;
	padding: 14px 5px 0 0;
	margin: 0;
	height: auto;
	line-height: 1;
}

p.linkToUs a {
	color: #EEE;
	text-decoration: none;
}

p.linkToUs a:hover {
	text-decoration: underline;
}

.socialFollowButtonsWrapper {
	float:right;
	padding: 10px 10px 0 0;
}

ul.socialFollowButtons {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.socialFollowButtons li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition   : opacity .2s ease-in-out;
	-o-transition     : opacity .2s ease-in-out;
	-ms-transition    : opacity .2s ease-in-out;
	transition        : opacity .2s ease-in-out;
}

ul.socialFollowButtons li:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition   : opacity .1s ease-in-out;
	-o-transition     : opacity .1s ease-in-out;
	-ms-transition    : opacity .1s ease-in-out;
	transition        : opacity .1s ease-in-out;
}

ul.socialFollowButtons li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.socialFollowButtons li.twitter {
	background-image: url(../images/social_icon_twitter.png);
}

ul.socialFollowButtons li.facebook {
	background-image: url(../images/social_icon_facebook.png);
}

ul.socialFollowButtons li.linkedin {
	background-image: url(../images/social_icon_linkedin.png);
}

.searchWrapper {
	float: right;
	margin: 10px 10px 0 0;
	height: 20px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	-ms-border-radius: 9px;
	border-radius: 9px;
	overflow: hidden;
	width: 110px;
	background-color: #FFF;
	box-shadow:  0px -1px 0px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-transition: box-shadow .3s ease-in-out;
	-moz-transition: box-shadow .3s ease-in-out;
	-ms-transition: box-shadow .3s ease-in-out;
	-o-transition: box-shadow .3s ease-in-out;
	transition: box-shadow .3s ease-in-out;
}

.searchWrapper.on {
	box-shadow:  0px -1px 1px rgba(0,0,0,0.5), 0px 1px 1px rgba(255,255,255,0.7);
}

input.searchBox {
	border: 0;
	height: 18px;
	line-height: auto;
	padding: 1px 7px;
	width: 76px;
	outline: 0;
	font-size: 12px;
	/*background-color: transparent;*/
	background-color: #FFF;
	color: #444;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

input.searchBox::-webkit-input-placeholder { /* WebKit browsers */
	color: #444;
}
input.searchBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #444;
}
input.searchBox::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #444;
}
input.searchBox:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #444;
}

input.searchBox:focus {
	outline: 0;
	color: #333;
	color: rgba(0,0,0,0.9);
}

.searchBoxSubmit {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: right;
	background-image: url(../images/magnifier.png);
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: transparent;*/
	background-color: #FFF;
	/*opacity: 0.5;*/
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.searchWrapper.on .searchBoxSubmit {
	opacity: 1;
}

.searchWrapper.on .searchBoxSubmit:hover {
	background-color: #EEE;
}

.navBar {
	float: right;
	height: 50px;
	border: 0;
	margin-top: 5px;
}

.navBar ul {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
}

.navBar ul li, .navBar ul li a {
	height: 45px;
	line-height: 45px;
	width: 85px;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
}

.navBar ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.navBar ul li a {
	text-align: center;
	display: block;
	z-index: 2;
	position: absolute;
}

.navBar ul li, .navBar ul li a {
	color: #EEE;
	font-size: 11px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	-webkit-transition: color .2s;
	transition: color .2s;
}

.navBar ul li a:hover {
	color: #FFF;
}

.navBar ul li.on a {
	color: #FFF;
}

.navBar ul li .navBehind {
	position: absolute;
	width: 85px;
	height: 45px;
	background-image: url(images/nav_on_bg.png);
	z-index: 0;
}

.navBar ul li .navInfront {
}

.navBar ul li.navLinkDirectory .navInfront, .navBar ul li.navLinkForum .navInfront {
	background-image: url(images/navbar_new.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	width: 44px;
	height: 26px;
	margin: 30px 0 0 23px;
	position: absolute;
}

.headerTip {
	background-image: url(https://thecrimepreventionwebsite.com/style/images/header_tip.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 980px;
	height: 16px;
	margin: 0 auto;
}

.cookieNotification {
	background-image: url(https://thecrimepreventionwebsite.com/style/images/cookie_message.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 974px;
	height: 39px;
	margin: -55px auto 0;
}

.cookieNotificationCloseBtn {
	float: right;
	height: 39px;
	width: 50px;
	cursor: pointer;
}

a.cookieNotificationFindOutMore {
	width: 79px;
	height: 39px;
	display: block;
	margin-left: 842px;
}


.footer {
	height: 100px;
	line-height: 100px;
	clear: both;
	padding: 8px 11px 0 22px;
	background-image: url(https://thecrimepreventionwebsite.com/style/images/footer_bg.png);
	background-repeat: repeat-x;
}

.footerShadow {
	width: 982px;
	height: 17px;
	background-image: url(https://thecrimepreventionwebsite.com/style/images/footer_shadow.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.footer p {
	height: 100px;
	line-height: 100px;
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 12px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}

.footer p a {
	color: #FFF;
	text-decoration: underline;
}

.footer p a:hover {
	color: #EEE;
}

.footer ul.footerLogos {
	list-style: none;
	margin: 15px 15px 0 0;
	float: right;
	padding: 0;
}

.footer ul.footerLogos li {
	list-style: none;
	margin: 0 0 0 20px;
	height: 80px;
	padding: 0;
	float: right;
}

.footer p.footerLogo {
	margin-top: 15px;
	margin-right: 15px;
	float: right;
}

/* FORUM OVERRIDES */

body {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

html {
	/*height: 101%; --this is the default, not sure why but it was causing gaps */
	height: 100%;
}

#wrap {
	width: 960px;
	padding: 0 24px;
	margin: 0 auto;
	background-image: url(https://thecrimepreventionwebsite.com/style/images/container_bg.png);
	background-repeat: repeat-y;
	background-position: center;
}

#page-header, #page-body, #page-footer {
	padding: 0 10px;
}

.fontsize {
	float: right;
}

#search-box {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
}

#search-box a, #search-box a:visited, #search-box a:link {
	color: #C00000;
}

.headerbar {
	background: transparent;
}

.tcpwForumTitle {
	font-family: 'Gentium Book Basic', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #C00000;
	font-size: 2.6em;
	padding: 0px 0px 15px;
}

.tcpwForumTitle a {
	color: #C00000;
}

#wrap .footer {
	margin-top: 10px;
}

#agreement .panel:first-child {
	height: 300px !important;
	overflow-y: scroll !important;
}

.paymentZoneWrapper {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background-color: #F8F8F8;
	border-color: #E8E8E8;
	border-style: dashed;
	border-width: 3px;
	width: 750px;
	margin: 10px auto 20px;
	padding: 10px;
}