/* this is the start of the section that controls the basics of the page */

body {
	margin:  0;
	padding:  0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:  small;
	background:  #fff  url(../Images/sidebar_bg.jpg) repeat-y 0;
	}

/* header */

#header {
	width:  100%;
	height:		100px;
	padding-top:  0px;
	padding-left:  0px;   
	padding-right:  280px;
	background:  url(../Images/BannerBackground.jpg) repeat-x top;
	}	

/* message */

#message {
	postition: absolute;
	top:  100px;
	left: 0px;
	width:  100%;
	height:		30px;
	line-height:  1.6em;
	padding:  0 0 0 280px;  
	background:  url(../Images/message-bg.jpg) repeat-x top;
	color:  #FFFFFF;
	}	
	

	
/* gutters */

#content .gutter {
	padding:  25px;
	}
	
#sidebar .gutter  {
	padding:  15px;
	}		

/* sidebars */

.box  {
	margin:  0 0 20px 0;
	padding:  0 0 6px 0;
	font-size:  85%;
	line-height:  1.5em;
	color:  #666;
	background:  #fff  url(../Images/Box_Edge_Bottom.gif) no-repeat bottom right;
	}
	
.box h3  {
	margin:  0;
	padding:  6px 4px 1px 12px;
	font-size:  120%;
	font-weight: bold;
	color:  #000066;
	}	

.box h4  {
	margin:  0;
	padding:  6px 4px 1px 12px;
	font-size:  120%;
	font-weight: bold;
	color:  #000066;
	background:    url(../Images/Box_Edge_Top.gif) no-repeat top left;
	}

.box p, .box ul {
	margin:  0;
	padding:  12px;
	}
	
.box ul li  {
	margin: 0 0 0 12px;
	padding:  0 0 0 18px;
	list-style: none;
	background: url(../Images/li-bullet.jpg) no-repeat 0 3px;
	}	

.box a {
	font-weight: 500;
	}
	
.box a:link {
	text-decoration: 		none;
	color: 					#990000;
	}

.box a:visited {
	text-decoration: 		none;
	color: 					#990000;
	}

.box a:hover {
	text-decoration: 		none;
	color: 					#000066;
	}
	
.box. a:active {
	text-decoration: 		none;
	color: 					#990000;
	}	
	
/* layout structure */

#sidebar  {
	position: absolute;
	left: 0px;
	top:  138px;
	width:  250px;
	
	}
	

#content {
	position: absolute;
	left: 250px;
	top:  138px;
	width: 650px;
	font-size:  95%;
	line-height:  1.5em;
	color:  #333;
	}
	

#footer  {
	clear: all;
	text-align:  center;
	height:  25px;
	padding-top:  6px;
	color:  #828377;
	border-top: 2px solid #828377;
	width:  96%;
	float: right;
	}

#wrap  {
	min-width:  500px;
	max-width:  1400px;
	}

#photo  {
	padding:  5px;
	}
	
#print_logo {
	visibility: 			hidden;
	}	
	
/* Background Images */

#contact  {
	float: right;
	width:  150px;
	background:  url(../Images/contactus.jpg) no-repeat;
	border:      #2652CD 1px solid;
	background-color:  #2652CD;
	}
	
#contact p {
	padding:  100px 0 0 0;
	text-align:  center;
	color:#FFFFCC;
	}	

#safety  {
	float: right;
	width:  150px;
	background:  url(../Images/pistol.jpg) no-repeat;
	border:      #52160B 1px solid;
	background-color:  #52160B;
	}
	
#safety p {
	padding:  100px 0 0 0;
	text-align:  center;
	color:    #EDC6B8;
	}	

#anger  {
	float: right;
	height:  150px;
	width:    125px;
	background:  url(../Images/anger.jpg) no-repeat;
	border:      #4F2B2D 1px solid;
	background-color:  #4F2B2D;
	}
	
#anger p {
	padding:  130px 0 0 0px;
	text-align:  left;
	font-size:  140%;
	font-weight:bold;
	color:    #D2E6EC;
	}

#change  {
	float: right;
	height:  153px;
	width:    128px;
	background:  url(../Images/change.jpg) no-repeat;
	border:      #000099 1px solid;
	background-color:  #000099;
	}
	
#change p {
	padding:  130px 0 0 0px;
	text-align:  center;
	font-size:  120%;
	font-weight:bold;
	color:	#000099;
	}	

#meth  {
	float: right;
	height:  131px;
	width:    200px;
	background:  url(../Images/meth.jpg) no-repeat;
	border:#000066 1px solid;
	background-color:  #000066;
	}

#coach {
	float: right;
	height:  133px;
	width:    200px;
	background:  url(../Images/officers.jpg) no-repeat;
	border: #CCCCCC 2px solid;
	background-color:  #CCCCCC;
	}

#baton {
	float: right;
	height:  200px;
	width:    200px;
	background:  url(../Images/baton.jpg) no-repeat;
	}

#cuffs {
	float: right;
	height:  166px;
	width:    180px;
	background:  url(../Images/cuffs.jpg) no-repeat;
	}

#oc {
	float: right;
	height:  135px;
	width:    190px;
	background:  url(../Images/oc.jpg) no-repeat;
	border: #CCCCCC 2px solid;
	background-color:  #CCCCCC;
	}

#mh_worker {
	float: right;
	height:  200px;
	width:    133px;
	background:  url(../Images/mental_health.jpg) no-repeat;
	border:#CCCC66 1px solid;
	background-color:  #CCCC66;
	}
	
#tactical_po {
	float: right;
	height:  200px;
	width:    133px;
	background:  url(../Images/tactical_po.jpg) no-repeat;
	border:#333333 2px solid;
	background-color:  #333333;
	}	
	
#mentalhealth  {
	float: right;
	width:  175px;
	background:  url(../Images/mentalhealth.jpg) no-repeat;
	background-position:      bottom;
	border:      #52160B 1px solid;
	background-color:  #EBEAE9;
	}
	
#mentalhealth p {
	padding:  0 0 120px 5px;
	text-align:  left;
	font-size:  120%;
	color:		#52160B;
	}

#schedule  {
	float: right;
	height:  200px;
	width:    146px;
	background:  url(../Images/schedule.jpg) no-repeat;
	}
	
#classroom  {
	float: right;
	height:  200px;
	width:    200px;
	background:  url(../Images/classroom.jpg) no-repeat;
	}	
	
#officer  {
	float: right;
	height:  200px;
	width:    133px;
	background:  url(../Images/officer.jpg) no-repeat;
	}	

#officer_armed  {
	float: right;
	height:  252px;
	width:    168px;
	background:  url(../Images/officer_armed.jpg) no-repeat;
	}	
/* this section styles the hyperlinks */

a:link {
	color: 					#0000CC;
	text-decoration: 		underline;
}

a:visited {
	text-decoration: 		underline;
	color: 					#666666;
}

a:hover {
	text-decoration: 		none;
	color: 					#990000;
	
}
a:active {
	text-decoration: 		underline;
	color: 					#666666;
}

/* this is the start of the section that provides the various styles available for the content */

/* all of them should start with ".a_", which will put them at the top of the list */

.a_Bite {
	color: 					#990000;
}
	
.a_BoldBite {
	font-weight: 			bold;
	color: 					#990000;
}	

.a_Snack {
	color: 					#333333;
}

.a_MainHeading {
	font-size:  130%;
	font-weight: bold;
	color:  #000066;
	text-align:  center;
	}

.a_PullQuote_left {
	font-size: 100%;
	font-style: italic;
	color: 				#000066;
	padding: 3px;
	float: left;
	width: 40%;
	margin-right: 10px;
	border-top: 3px solid #000066;
	border-bottom: 3px solid #000066;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.a_PullQuote_right {
	font-size: 100%;
	font-style: italic;
	color: 				#000066;
	padding: 3px;
	float: right;
	width: 40%;
	margin-right: 10px;
	border-top: 3px solid #000066;
	border-bottom: 3px solid #000066;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.a_SubHeading {
	font-size: 				120%;
	font-weight: 			bold;
}

.a_PageTitle {
	font-size: 				32px;
	color: 					#323D4F;
}

.a_Sub-SubHeading {
	font-size: 				105%;
	font-weight: 			bold;
}

/* this section builds the tabbed navigation */

#nav {
	position: absolute;
	left:  295px;
	top: 93px;
	width:  600px;
	margin:	0;
	padding: 5px 0 0 10px;
	list-style: none;
	
}

#nav li  {
	float: left;
	margin:  0;
	padding:  0;
	font-size:  11px;
}		
	
#nav a  {
	float:  left;
	display:  block;
	margin:  0 1px 0 0;
	padding:  2px  8px;
	color:  #333;
	text-decoration:  none;
	border:  1px solid #999999;
	border-bottom:  none;
	background:  #fff url(../Images/CSS/off_bg.gif) repeat-x top left;
}		

/* this section needs to match the pages to have a white tab */

#w-article1 a {
	color: #333;
	padding-bottom: 2px;
	border-color: #999999;
	background:  #fff url(../Images/CSS/on_bg.gif  ) repeat-x top left;
}
	
	
#nav a:hover {
	color: #333;
	padding-bottom: 2px;
	border-color: #999999;
	background:  #fff url(../Images/CSS/off_bg_hv.gif  ) repeat-x top left;
}

/* this section needs to match the pages to have a white tab not change on hover */
	
#w-article1 a:hover {
	color: #333;
	padding-bottom: 2px;
	border-color: #999999;
	background:  #fff url(../Images/CSS/on_bg.gif  ) repeat-x top left;
}

/* this section builds the rounded edge boxes */

.box_gray_200 {
	width:  200px;
	background: url(../Images/gray_bottom_200.gif) no-repeat bottom left;
	}
	
.box_gray_200 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #999999;
	background:	url(../Images/gray_top_200.jpg) no-repeat top left;
	}
	
.box_gray_200 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_gray_200 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_gray_200 p {
	padding:  2px 10px 2px 10px;
	}		
	
.box_gray_400 {
	width:  400px;
	background: url(../Images/gray_bottom_400.gif) no-repeat bottom left;
	}
	
.box_gray_400 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #999999;
	background:	url(../Images/gray_top_400.jpg) no-repeat top left;
	}	
	
.box_gray_400 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_gray_400 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_gray_400 p {
	padding:  2px 10px 2px 10px;
	}		
	
.box_gray_600 {
	width:  620px;
	background: url(../Images/gray_bottom_600.gif) no-repeat bottom left;
	}
	
.box_gray_600 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #999999;
	background:	url(../Images/gray_top_600.jpg) no-repeat top left;
	}
	
.box_gray_600 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_gray_600 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_gray_600 p {
	padding:  2px 10px 2px 10px;
	}	
	
.box_tan_200 {
	width:  200px;
	background: url(../Images/tan_bottom_200.gif) no-repeat bottom left;
	}
	
.box_tan_200 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #CCCC99;
	background:	url(../Images/tan_top_200.jpg) no-repeat top left;
	}
	
.box_tan_200 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_tan_200 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_tan_200 p {
	padding:  2px 10px 2px 10px;
	}		
	
.box_tan_400 {
	width:  400px;
	background: url(../Images/tan_bottom_400.gif) no-repeat bottom left;
	}
	
.box_tan_400 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #CCCC99;
	background:	url(../Images/tan_top_400.jpg) no-repeat top left;
	}

.box_tan_400 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_tan_400 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_tan_400 p {
	padding:  2px 10px 2px 10px;
	}
	
.box_tan_600 {
	width:  620px;
	background: url(../Images/tan_bottom_600.gif) no-repeat bottom left;
	}
	
.box_tan_600 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #CCCC99;
	background:	url(../Images/tan_top_600.jpg) no-repeat top left;
	}	
	
.box_tan_600 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_tan_600 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_tan_600 p {
	padding:  2px 10px 2px 10px;
	}	
	
.box_blue_200 {
	width:  200px;
	background: url(../Images/blue_bottom_200.gif) no-repeat bottom left;
	}
	
.box_blue_200 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #0099FF;
	background:	url(../Images/blue_top_200.jpg) no-repeat top left;
	}
	
.box_blue_200 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_blue_200 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_blue_200 p {
	padding:  2px 10px 2px 10px;
	}		
	
.box_blue_400 {
	width:  400px;
	background: url(../Images/blue_bottom_400.gif) no-repeat bottom left;
	}
	
.box_blue_400 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #0099FF;
	background:	url(../Images/blue_top_400.jpg) no-repeat top left;
	}

.box_blue_400 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_blue_400 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_blue_400 p {
	padding:  2px 10px 2px 10px;
	}
	
.box_blue_600 {
	width:  620px;
	background: url(../Images/blue_bottom_600.gif) no-repeat bottom left;
	}
	
.box_blue_600 h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #000066;
	border-bottom: 1px solid #0099FF;
	background:	url(../Images/blue_top_600.jpg) no-repeat top left;
	}	
	
.box_blue_600 ul {
	margin:  0;
	padding:  14px 10px 14px 10px;
	list-style:  none;
	}
	
.box_blue_600 ul li {
	magin:  0 0 6px;
	padding: 0;
	}	
	
.box_blue_600 p {
	padding:  2px 10px 2px 10px;
	}		
	
/* this section builds the for the structure of the pages that use the rounded edge boxes */

#content_wrap {
	width:  620px;
	}

#top_left {
	float:  left;
	margin: 0 0 10px 0;
	}	
	
#top_left .content_gutter {
	padding:  5 px;
	}	
	
#top_right {
	float:  right;
	margin:  0 0 10px 0;
	}	
	
#top_right .content_gutter {
	padding:  5 px;
	}	
	
#bottom_left {
	clear: all;
	float:  left;
	}		
	
#bottom_left .content_gutter {
	padding:  5 px;
	}	
	
#bottom_right {
	float:  right;
	}	
	
#bottom_right .content_gutter {
	padding:  5 px;
	}