html, body {
	color: #563714;
	font: 12px  arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #372A07 url(../images/bgrpt.jpg) repeat-y top center;
	height:100%;
	min-width:928px;
	min-height:427px;
}

body {
	background: url(../images/bg.jpg) no-repeat top center;
	height:100%;
}

img{
	border:0;
}

a {
	color: #0270b6;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p{
	padding: 5px 0 10px;
	margin: 0 auto;	
}

ul, li{
	padding-left: 15px;
}

li.ui-tabs-selected{
	padding-left: 0px;
}
h1{
	font-size:20px;
	margin:0;
	padding: 10px 0 10px;
	letter-spacing: -1px;
	position:relative;
}

h2{
	font-size:16px;
	margin:0;
	padding: 10px 0 10px;
	position:relative;
}

h3{
	font-size:14px;
	margin:0;
	padding: 10px 0 10px;
	letter-spacing: -1px;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 928px;
}

#header{
	height:245px;
	padding:0 23px 0 38px;
	background-position:top center;
	background-repeat:no-repeat;
}

.pageimg{
	float:right;
	padding: 0 0 15px 15px;
}

#logo{
	display:block;
	width:217px;
	height:62px;
	float:left;
	margin:15px 0 0;
}

#gallery{
	float:right;
	clear:both;
	margin:31px 0 0 0;
	padding: 0 6px 0 0;
	display:block;
	width:29px; 
	height:95px;
	text-indent: -999px;
	overflow:hidden;
	position:relative;
	background: url(../images/gallery.gif) no-repeat;
}

#gosa{
	background: url(../images/gosa.png) no-repeat;
	display:block;
	width:126px;
	height:35px;
	float:right;
	margin: 30px 0 0 0;
	text-indent: -9999px;
	overflow:hidden;
	cursor: pointer;
	position:relative;
}

#content {
	padding: 0;
}

.clear{
	clear:both;
	height:1%;
	font-size:0;
}

#main  {
	padding: 25px 0 0;
	background: url(../images/bgtop.png) no-repeat;
	color: #000000;
	min-height:230px;
}

#left{
	float:left;
	width: 650px;
	padding:0 0 25px 52px;
	position: relative;
	z-index: 1;
	line-height: 1.5em;
}

#right{
	float:right;
	width: 144px;
	padding: 25px 36px 0 0;
}

#right .title{
	font-size: 18px;
	color:#ffffff;
	padding: 3px 2px 2px 20px;
	text-align:right;
	width: 122px;
	display:block;
	background: url(../images/dots.gif) repeat-x left bottom;
}

#breadcrumbs{
	font-size: 10px;
	color:#005C96;
	
}

#breadcrumbs a{
	padding: 0 2px;
}

#breadcrumbs a.active{
	text-decoration: underline;
}

#quicklinks{
	margin: 0;
	padding:0;
	height:120px;
}

#quicklinks li{
	display:block;
	margin: 0;
	padding: 4px 0 5px;
	background: url(../images/dots.gif) repeat-x left bottom;
}

#quicklinks li a{
	display:block;
	width: 142px;
	text-align: right;
	color: #ffffff;
	position: relative;
	z-index: 1;
}

#quicklinks li a:hover{
	text-decoration:none;
	color:#E1B039;
}

#footer {
	padding:17px 0 5px;
	margin: 0;
	height:20px;
	text-align:center;
	color: #5A6410;
	font-size:10px;
	clear:both;
	background: url(../images/bgbottom.png) no-repeat;
}

#footer #inner{
	border-bottom: 1px solid #000000;
	padding:0;
	margin: 0 30px;
	height:20px;
}

#footer a {
	color: #000000;
}

#footer span{
	display:none;
}

#footer ul{
	margin: 0;
	padding:0 0 0 240px;
	float:left;
}

#footer li{
	display:inline;
	margin: 0;
	padding: 0;
	float:left;
	padding: 0 9px;
}

#footer li a{
	display:block;
}

#links{
	margin: 0;
	float:right;
	padding:5px 0 0 365px;
}

#links span{
	display:block;
	height: 100%;
	text-indent: -999px;
	overflow:hidden;
}

#links li{
	display:inline;
	margin: 0;
	padding: 0;
	float:left;
}

#links li a{
	display:block;
}

#links #bookmark a{width:120px;height:25px;margin:7px 0 0 0;}
#links > #bookmark a span{background: url('../images/bookmark-over.png') no-repeat;display:none;}
#links > #bookmark a:hover span{display:block;}
#links > #bookmark a{background: url('../images/bookmark.png') no-repeat;}
#links > #bookmark a:hover{background-position: 0 -25px;}



#links #sendtofriend a{width:120px;height:25px;margin:7px 0 0 0;}
#links > #sendtofriend a span{background: url('../images/sendtofriend-over.png') no-repeat;display:none;}
#links > #sendtofriend a:hover span{display:block;}
#links > #sendtofriend a{background: url('../images/sendtofriend.png') no-repeat;}
#links > #sendtofriend a:hover{background-position: 0 -25px;}

a#map:hover {background-position: 0 -201px;}
a#map {display: block; float: right; background: url('../images/academymap.jpg') no-repeat;width:317px;height:201px;margin:0 0 15px 15px;}
a#map span {display: none;}

a#register_button:hover {background-position: 0 -69px;}
a#register_button {display: block; float: right; background: url('../images/registernow.jpg') no-repeat;width:301px;height:69px;margin:0 0 15px 15px;}
a#register_button span {display: none;}

a#apply_button:hover {background-position: 0 -69px;}
a#apply_button {display: block; float: right; background: url('../images/applynow.jpg') no-repeat;width:301px;height:69px;margin:0 0 15px 15px;}
a#apply_button span {display: none;}

a#photos_button:hover {background-position: 0 -201px;}
a#photos_button {display: block; float: right; background: url('../images/galleryphotos.jpg') no-repeat;width:301px;height:201px;margin:0 0 15px 15px;}
a#photos_button span {display: none;}

a#videos_button:hover {background-position: 0 -201px;}
a#videos_button {display: block; float: right; background: url('../images/galleryvideos.jpg') no-repeat;width:301px;height:201px;margin:0 0 15px 15px;}
a#videos_button span {display: none;}




a#bookmark_site:hover {background-position: 0 -25px;}
a#bookmark_site {display: block; background: url('../images/bookmarksite.png') no-repeat;width:120px;height:50px;margin:0;}
a#bookmark_site span {display: none;}



#subsite{
	margin: 0;
	padding:0;
	float:right;
	padding-left:200px;
}

#subsite span{
	display:block;
	height: 100%;
	text-indent: -999px;
	overflow:hidden;
}

#subsite li{
	display:inline;
	margin: 0;
	padding: 0 1px 0 0;
	float:left;
}

#subsite li a{
	display:block;
	width:80px;
	height:48px;
	cursor: pointer;
}

#officer a{background: url('../images/subsite-officer.gif');}
#constable a{background: url('../images/subsite-constable.gif');}
#security a{background: url('../images/subsite-security.gif');}
#other a{background: url('../images/subsite-other.gif');}

#subsite li a:hover{
	background-position: 0 -48px;
}

#subsite li.active a, #subsite li.active a:hover{
	background-position: 0 -96px;
}

#nav{
	margin: 0;
	padding:0 0 0 20px;
	height: 38px;
	margin-bottom:-10px;
	position:relative;
	z-index: 99;
}

#nav span{
	display:block;
	height: 100%;
	text-indent: -999px;
	overflow:hidden;
}

#nav li{
	display:inline;
	margin: 0;
	padding: 0 1px 0 0;
	float:left;
}

#nav li a{
	display:block;
	height:38px;
	cursor: pointer;
}

#home a{background: url('../images/nav-home.gif');width:62px;}
#about a{background: url('../images/nav-about.gif');width:77px;}
#aboutyou a{background: url('../images/nav-aboutyou.gif');width:83px;}
#careerpaths a{background: url('../images/nav-careerpaths.gif');width:88px;}
#roles a{background: url('../images/nav-roles.gif');width:110px;}
#interest a{background: url('../images/nav-interest.gif');width:110px;}
#join a{background: url('../images/nav-join.gif');width:88px;}
#program a{background: url('../images/nav-program.gif');width:86px;}
#recruitment a{background: url('../images/nav-recruitment.gif');width:132px;}
#workinghere a{background: url('../images/nav-workinghere.gif');width:85px;}
#faq a{background: url('../images/nav-faq.gif');width:66px;}

#nav li a:hover{
	background-position: 0 -76px;
}

#nav li.active a{
	background-position: 0 -38px;
}


tr.odd {
	background-color: #ebf2f8;	
}

tr.even {
	background-color: #c9dcea;	
}

td.header{
	padding: 0px;	
}

td {
	padding: 5px 10px 5px 10px;	
	
}
tr.header{
	font-weight:bold;
	color:#005C96;
	height:20px;
	background-color: #9ec1d7;
	text-align: center;
}

.acc .dtitle{
	background: url('../images/plus.gif') no-repeat 6px center;
	height:21px;
	display:block;
	cursor:pointer;
	height:20px;
	text-decoration:none;
}

.acc .selected{
	background: url('../images/minus.gif') no-repeat 6px center;
}

.acc .odd{
	background-color: #ebf2f8;
}

.dlist .even{
	background-color: #c9dcea;
}

.acc .even li{
	background-color: #c9dcea;
}

.dlist .dtitle, #dtable .dtitle{
	width: 600px;
}

.dlist .dtext{
	padding: 0 30px 0 30px;
	clear:both;
} 

.dtable .dtext{
	padding: 0 30px 0 30px;
	clear:both;
}

.dlist .dtitle{
	padding-left: 30px;
}

.dlist2{
	width: 322px;
	float:left;
	background-color: #c9dcea;
} 

.dlist2 .dtitle{
	width: 292px;
	float:left;
	height:20px;
	padding-left: 30px;
}

.dlist2 .dtext{
	padding: 0 12px 0 30px;
	clear:both;
	width: 280px;
}
	
.dlist2 .dtext.odd{
	background-color:#EBF2F8;
}

.dtable{
	background-color: #ebf2f8;
}

.dtable ul{
	padding:0;
	margin:0;
}

.dtable .even li.first{
	background-image: url('../images/plus.gif');
}

.dtable .selected li.first{
	background-image: url('../images/minus.gif');
}

.dtable li{
	display:block;
	float:left;
	width: 130px;
	padding: 0 5px;	
	height:20px;
	text-align:center;
	color:#000000;
	margin-left:5px;
	background-repeat:no-repeat;
	background-position: 6px center;
}

.dtable li.first{
	width:180px;
	text-align:left;
	color:#005C96;
	margin-left:0;
	padding-left: 30px;
}

.dtable .dheaders{
	font-weight:bold;
	color:#005C96;
	height:20px;
}

.dtable .dheaders li{
	color:#005C96;
	background-image:none;
	background-color: #9ec1d7;
	text-align: center;
}

.dtable .dheaders li.first{
	padding-left: 0;
	width:210px;
	color:#005C96;
}

.ui-tabs-hide { display: none; }

#tabs ul{
	margin:0;
	padding:0;
	height: 28px;
}

#tabs li{
	display:block;
	height: 28px;
	float:left;
	padding-left:0;
}

#tabs li a{
	display:block;
	background:#a0bcd1;
	color:#ebf2f8;
	padding:2px 5px 0;
	height:20px;
	margin:3px;
	width:139px;
	text-align:center;
}

#tabs span{
	font-size: 13px;
	font-weight:bold;
	color:#000000;
}

#tabs li.ui-tabs-selected a{
	background:#c9dcea;
	color:#c9dcea;
	margin:0;
	height:23px;
	width:139px;
	padding:5px 8px 0;
}





.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-left:-1px;
	background-color: #005C95;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; 
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


#nav.sf-menu li li a {
	background-color: #005C95;
	background-image: url('../images/dots.gif') !important;
	background-repeat: repeat-x !important;
	background-position: bottom left !important;
	color:#ffffff;
	padding: 10px 16px 0;
	height: 23px;
	font-size: 11px;
	min-width: 120px; 
}

#nav.sf-menu li li.last a {
	background-image: none !important;
}

#nav.sf-menu li li a:hover {
	background-color: #3b82ae;
	text-decoration:none;
}

#nav span.sf-sub-indicator{
	height:0;
}

.sf-menu li:hover a, .sf-menu li.sfHover a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-position: 0 -76px !important;
	outline: 0;
	height: 38px;
}

a.FAQ {
	text-decoration: none;
	color:  #000000;
}


form {
  margin: 0;
  padding: 0;
}

label span {
	color:#ff0000;
}

label { 
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 10px 0 0;
	text-align: left; 
}

label.contact { 
	display: block;
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 0 0 10px;
	text-align: left; 
}

input, textarea, select {
	width:auto;
	margin:10px 0 0 10px;
}
#txtWhere{
	margin:15px 0 0 10px;
}	

textarea { overflow: auto; }

form br {
	clear:left;
}

.videothumb{
	clear:left;
}

.videothumb .image{
	width: 165px;
	display:block;
	float:left;
	margin: 0 10px 10px 0;
	text-align:center;
}

#photos img{
	width:120px;
	height:120px;
	margin:10px 6px 0 0;
}

.aboutvideo{
	width:330px;
	float:right;
	margin: 0 0 10px 40px;
}

.aboutvideo .videothumb{
	float:left;
	clear:none;
}


#process ul{
	margin: 0;
	padding:0;
	height: 80px;
	margin:0 0 0 15px;
	display:block;
	width: 100%;
}

#process span{
	display:block;
	height: 100%;
	text-indent: -999px;
	overflow:hidden;
}

#process li{
	display:inline;
	margin: 0 0 0 -15px;
	padding: 0 1px 0 0;
	float:left;
}

#process li a{
	display:block;
	height:69px;
	cursor: pointer;
	width:121px;
}

#step1 a{background: url('../images/step1.gif');}
#step2 a{background: url('../images/step2.gif');}
#step3 a{background: url('../images/step3.gif');}
#step4 a{background: url('../images/step4.gif');}
#step5 a{background: url('../images/step5.gif');}
#step6 a{background: url('../images/step6.gif');}

li#step6 a{width:103px;}

#process li a:hover{
	background-position: 0 -69px;
}

#process li.ui-tabs-selected a{
	background-position: 0 -69px;
}

form * {margin:0;padding:0;resize: none;} /* Standard margin and padding reset, normally done on the body */

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	display:block;
	color:#000000;
}
.radio ul {
	margin:5px 0 10px 20px;
	list-style:none;
	width:200px;
}
.radio li {
	position:relative; 
	display:inline;
	white-space:nowrap;
	padding: 0;
}
.radio label, .radio input {
	width:auto;
	float:none;
	vertical-align:middle;
	display:inline;
	padding:5px;
}
.radio .UpdateWarning {
	width:500px;
	color:red;
	overflow:hidden;
	white-space: normal !important;
	height:auto;
	display:none;
}
.radio #MessageBox {
	display:block;
	color:green;
}

.testdates{
	width:400px;
}

.testdates li{
	text-align:center;
	font-size: 22px;
	color:#005C95;
	list-style:none;
	padding:5px;
	font-weight:bold;
}


#interest ul{
	width:110px !important;
}

#recruitment ul{
	width:132px !important;
}

.googlemap{
	float:right;
	margin-top:-18px;
}