@font-face {
    font-family: 'FSJoey';
    src: url('fs_joey-bold-webfont.eot?') format('eot'),
         url('fs_joey-bold-webfont.woff') format('woff'),
         url('fs_joey-bold-webfont.ttf') format('truetype'),
         url('fs_joey-bold-webfont.svg#webfont2R2ZlNnF') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	}

h1, h2, h3, h4 {
	margin: 0 0 0 0;
	font-family: FSJoey, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	}

h1 {
	font-size: 37.5px;
	line-height: 36px;
	text-shadow:#333 0px 2px 3px;
	margin: 20px 0px;
	}

h2 {
	font-size: 28px;
	letter-spacing: -0.5px;
	text-shadow:#333 0px 1px 3px;
	}

h3 {
	font-size: 20px;
	line-height: normal;
	}

h4 {   
    color: #082a5c;
    font-size: 18px;
    }

a, a:link, a:active {
	color:#FFF;
	}

a:hover {
	color: #CCC;
	}

span.highlight {
	font-weight: bold;
	}

span.form {
	font-weight: bold;
	}

a.apply {
	background:url('images/apply.png') bottom no-repeat;
	height: 39px;
	width: 195px;
	margin: 5px 0px;
	display:block;
	outline: none;
	}

a.credit {
    color: #082a5c;
    }

#LoginPanel {
	position:relative;
	left: 250px; 
	background: url('images/login-bg.png') bottom no-repeat;
	min-height: 105px;
    color: #333;
    font-size: 8px;
    padding: 10px 23px;
    width: 245px;
	}

#LoginPanel label {
    display: block;
    width: 65px;
    line-height: 24px;
    float: left;
    font-size: 11px;
	}

#LoginPanel input[type=password], #LoginPanel input[type=text] {
    border: 1px solid #AAA;
    background: #FFF;
    width: 107px;
    height: 14px;
    font-size: 11px;
    padding: 4px;
    margin: 1px;
	}

#LoginPanel a  {
    font-size: 10px;
    color: #2cb7ec;
    }

#LoginPanel table  {
    margin-top: 7px;
    }

#LoginPanel .dashboard, #LoginPanel .dashboard a  {
    font-size: 12px;
    }

#LoginPanel .dashboard a.logout {
    font-size: 10px;
    float:right;
    }

.loginbutton {
    border: 0px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 23px;
    width: 55px; 
	background: transparent url('images/login.png') bottom no-repeat;
    }

.warning {
    color: #c71616;
    font-size: 10px;
    padding: 5px 0px 10px;
    }

#Header {
	margin: 25px auto 0px;
	padding: 1px 25px 25px 392px;
	width: 533px;
	height: 288px;
	background: transparent url('images/header-bg.png') no-repeat;
	}

#Introduction {
	margin: 0px auto;
	padding: 25px 45px 20px;
	width: 860px;
	background: transparent url('images/intro-bg.png') top no-repeat;
	}

#Introduction h2 {
	line-height: 50px;
	padding-bottom: 10px;
	}

#Stretch {
	margin: 0px auto;
	padding: 10px 0;
	width: 950px;
	background: transparent url('images/content-bg.png') bottom no-repeat;
	}

#Category h3 {
	padding-left: 50px;
	color: #082a5c;
	}

#Category .crime h3 {
	background:url('images/crime.png') no-repeat;
	padding-bottom: 22px;
	}

#Category .road h3 {
	background:url('images/road.png') no-repeat;
	padding-bottom: 22px;
	}

#Category .emergency h3 {
	background:url('images/emergency.png') no-repeat;
	}

#Category .enviro h3 {
	background:url('images/enviro.png') no-repeat;
	padding-bottom: 44px;
	}

#Apply {
	margin: 0px auto;
	padding: 20px 45px;
	width: 860px;
	}
	
#Story h2 {
	border-bottom: #e8e8e8 solid 1px;
	margin-right: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	text-shadow:#ccc 0px 1px 1px;
	}

#Story h3 {
	padding-top: 8px;
	font-size: 18px;
	line-height: 14px;
	background:url('images/story.png') bottom no-repeat;
	color: #082a5c;
	margin-bottom: 10px;
	}

#Story .crime h3 {
	background-position: 0px bottom;
	padding-bottom: 119px;
	}

#Story .road h3 {
	background-position: -190px bottom;
	padding-bottom: 119px;
	}

#Story .emergency h3 {
	background-position: -380px bottom;
	padding-bottom: 105px;
	}

#Story .enviro h3 {
	background-position: -570px bottom;
	padding-bottom: 119px;
	}

#Teaser {
	margin: 0px auto;
	padding: 15px 30px 20px;
	width: 890px;
	height: 166px;
	background: transparent url('images/intro-bg.png') bottom no-repeat;
	font-size:11px;
	}
	
#Teaser h2 {
	font-size: 30px;
	}

#Footer  {
    color: #ccc;
    font-size: 10px;
    margin: 0 auto;
    width: 890px;
    text-align:center; 
    padding-bottom: 1px;
    }

.section {
	clear: both;
	}	
	
.category-top {
	background: transparent url('images/category-bg.png') top no-repeat;
	padding-top: 11px;
	}	
	
.category-col {
	color: #082a5c;
	background: transparent url('images/category-bg.png') bottom no-repeat;
	padding: 10px 25px 17px 44px;
	}	

.four-col {
	color: #333;
	font-size:11px;
	width: 186px;
	padding-right: 34px;
	float: left;
	background: transparent url('images/four-col-bg.png') top right repeat-y;
	}	

.four-col p {
	margin: 7px 0px;
	}
	
.no-bg {
	background-image:none;
	}
		
.three-col {
	padding: 15px;
	width: 250px;
	float: left;
	}	
	
.mid {
	margin: 0px 25px;
	}