/* Police Authority CSS */

/* GENRAL  */ 
*   	{ margin: 0; padding:0;}
body 	{ background-color: #036; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; text-align: center; }
p 	{ margin: 0 0 1em 0; }
.hidden	{ display: none; }
img 	{ border: 0; }


div	{ background-color: transparent; color: #000; }

.skipnav 	{ background-color:  transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.accesskeys	{ background-color:  transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.grey_out 	{ background-color:  transparent; color: #999; }
.border 		{ border: solid 1px #000; }
.validation	{ background-color: inherit; color: #f00; font-weight: bold; }

#float-r 		{ float: right; margin-left: 10px; }
#float-r img 	{ border: 1px solid #333; }

.float-r { float: right; margin-left: 10px; }
.flaot-l { float: left; margin: 10px 10px 10px 0; }

table		{ border-collapse: collapse; font-size: 100%; }
td 		{ padding: 1px; border: 1px solid #ccc; empty-cells: show; text-align:left;}

div.twisties	{ margin-bottom: 20px; }
.twisties table	{ border: none; background-color: inherit; color: #000; }
.twisties td 	{ border: none; }




/* Format Button */
blockquote 	{ margin:15px 20px 15px 20px; padding: 15px; font-weight: bold; }
q 		{ background-color: transparent; color: #036; font-weight: bold; }
q:before, q:after 	{ content: "";}
strong 		{ font-weight: bold; }
.abbr 		{ border-bottom: 1px dotted #999; cursor: help; }
acronym 	{ border-bottom: 1px dashed #999; cursor: help; }
hr 		{ border: none; border-top: 1px solid #e79e03; width: 100%; height: 1px; margin: 0; text-align: center; }
.caption 	{ background-color: transparent; color: #036; font-weight: bold; font-size: 85%;  margin: 2px; }
.center 		{ text-align: center; margin: 0 auto 0 auto; }

sup 		{ line-height: 2em; }
sub 		{ line-height: 1.2em; }

a, a:link, a:active	{ background-color: transparent; color: #036; }
a:visited		{ background-color: transparent; color: #069; }
a:hover 		{ background-color: transparent; color: #09f; }

/* HEADINGS */
h1, h2, h3, h4	{ margin: 0; padding: 0; background-color: inherit; color: #e79e03; font-size: 100%; }
h1 		{ font-size: 150%; background-color: inherit; color: #036; padding-bottom: 10px; }
h2 		{ font-size: 120%; }
h3	 	{ font-size: 100%; }
h4 		{ font-size: 100%; }

/* LAYOUT DIVs */
#wrapper 	{ margin: 0 auto 0 auto; padding: 4px; width: 670px; text-align: left; min-width:670px; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #fff; }

#PRINT_HEADER 	{ display: none; }
#header 		{ background-color: #e79e03; color: #036; height: 35px; width: 670px; }

#topnav 		{ font-size: 70%; padding-top: 15px; }
#topnav ul	{ padding: 0; margin: 0 10px 0 auto; list-style-type: none; font-weight: bold; line-height: 2em;}
#topnav ul li 	{ display: inline; padding-left: 10px; }
#topnav a, #topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:hover { background-color: inherit; color: #036;  background: url("/policeauthority/usp.nsf/Lookup/TMPLT-Images/$file/DPA_Bullet-Blue.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px; text-decoration: none; }
#topnav a:hover	{ background-color: inherit; color: #fff; background: url("/policeauthority/usp.nsf/Lookup/TMPLT-Images/$file/DPA_Bullet-White.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px; text-decoration: none; }

#search			{ height: 18px; float: right;  margin-top: 8px; margin-right: 2px;}
#search input			{ display: inline; }
#search input.searchfield 		{ width: 150px; height: 17px; font-size: 0.75em; text-indent: 5px; border: solid 1px #000; }
#search input.searchbutton 	{ background-image: none; width: 60px; height: 20px; font-weight: bold; font-size: 80%; background-color: #036; color: #fff;  cursor: pointer;  border: solid 1px #036; }

						

#headerimage 	{ height: 150px; width: 670px; }
#strapline p	{ text-align: right; background-color: inherit; color: #e79e03; font-weight: bold; font-size: 1em; line-height: 1.5em; padding-right: 1em; margin: 0; }

#breadcrumb 	{ margin-bottom: 15px; background-color: inherit; color: #036; font-size: 85%; }
#breadcrumbv a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb a:hover { background-color: inherit; color: #036; }

#leftside 		{ float: left; }
#logo-area 		{ text-align: center; margin-top: 10px; }
#nav			{ width: 175px; font-size: 80%; font-weight: bold; }
#nav ul		{ padding: 0; list-style-type: none;  }
#nav ul li		{ margin: 2px 0 2px 0; padding: 0; }

*html #nav ul li		{ margin: 1px 0 1px 0; padding: 0; border: solid 1px #fff; }

#nav ul li a		{ text-decoration: none; display: block; padding: 2px 0 2px 8px; background-color: #ccc; color: #036; }
#nav ul li a:hover 	{ background-color: #e4e4e4; color: #06c; }
#nav ul li a.selected	{ text-decoration: none; display: block; padding: 2px 0 2px 8px; background-color: #e6cc7f; color: #036; }
#nav ul li a:hover.selected 	{ background-color: #f3dd9c; color: #09f; }
#nav ul li a.drop		{ text-decoration: none; display: block; padding: 2px 0 2px 8px; background-color: #f3e8bd; color: #036; font-size: 80%; }
#nav ul li a:hover.drop 	{ background-color: #f7f1d9; color: #09f; }

#content		{ padding: 0; margin: 0 15px 30px 190px; font-size: 80%; background-color: inherit; color: #000;}
#content .img 	{ float: right; margin: 5px; border: 1px solid #333; }
#content ul 	{ margin: 15px 0 15px 10px; padding: 0; list-style-type: none; }
#content ul li 	{ margin: 0; background: url("/policeauthority/usp.nsf/Lookup/TMPLT-Images/$file/DPA_Bullet-Blue.gif");  background-repeat: no-repeat; background-position: 0 8px; padding-left: 5px;  }
#content ol 	{ margin-left: 25px; padding: 0; margin-top: 5px; margin-bottom: 10px; font-weight: normal; }
#content ol li 	{ margin: 7px 0 0 0; padding: 0; line-height: 1em; }

#footer 		{ height: 60px; background-color: #567fa7; color: #fff; text-align: right; font-size: 75%; clear: both; }
#footer-crest		{ height: 60px; float: right; }
#footer p		{ margin: 2px; font-size: 85%; }
#footer p a:link, #footer p a:visited, #footer p a:active, #footer p a:hover { background-color: inherit; color: #fff; text-decoration: none; background: none;  padding-left: 0;}
#footer p a:hover	{ background: none;  padding-left: 0px; background-color:inherit; color: #036; text-decoration: underline; }
#footer ul 	{ display: inline; margin: 0; list-style-type: none; font-weight: bold; line-height: 2em; }
#footer li 	{ display: inline; padding-left: 12px;}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { background-color: inherit; color: #fff; text-decoration: none; background: url("/policeauthority/usp.nsf/Lookup/TMPLT-Images/$file//DPA_Bullet-White.gif");  background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px;}
#footer a:hover	{ background: url("/policeauthority/usp.nsf/Lookup/TMPLT-Images/$file/DPA_Bullet-Blue.gif");  background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px; background-color:inherit; color: #036; text-decoration: none; }


/* FORMS */
#form 			{ margin: 0; padding: 0; }
#form p		{ margin: 0; padding: 0 5px 10px 5px; }
#form fieldset 		{ border: solid 1px #036; padding: 5px; margin: 5px;}
#form fieldset legend	{ line-height: 130%; font-size: 1.1em;  font-weight:bold; color: #036; margin: 0; padding: 0 5px; }
#form fieldset label 	{ vertical-align: top; font-weight: bold; width: 105px; float: left; text-align: right; padding-top: 3px;  }
#form fieldset input 	{ width: 300px; background-color: #dfedfe; color: #f82; border: solid 1px #036; margin: 2px; }
#form fieldset textarea 	{ width: 300px; height: 100px; background-color: #dfedfe; color: #000; font-family: Arial, Helvetica, sans-serif; border: solid 1px #036; margin: 2px; padding: 2px; overflow: auto; }

#form .mandatory 	{ background-color: inherit; color: #036; font-weight: bold; }

#form .indent 		{ margin: 1px 1px 1px 110px; }
#form .indent label	{ font-weight: normal; float: none; text-align: left; padding-right: 5px; }
#form .indent input	{ background-color: #dfedfe; color: #000; }
#form .indent textarea 	{ width: 300px; height: 100px; background-color: #dfedfe; color: #000; font-family: Arial, Helvetica, sans-serif; border: solid 1px #036; margin: 2px; padding: 2px; overflow: auto; }


#form .indent input.button 		{ background-image: none; width: 90px; height: 20px; margin-left: 4px; font-weight: bold; font-size: 90%; background-color: #ccc; color: #036;  border: solid 1px #036; cursor: pointer; }

#form .indent select.dropdown	{ width: 305px; }

#form .indent .checkbox input 	{ width: 15px; background-color: #fff; color: #000; border: none; padding-left: 5px; margin: 0 0 10px 0;}
#form .indent .radio input  		{ width: 10px; background-color: #fff; color: #000; border: none; padding: 0; margin: 0;}




/* WELCOME BOX */
#WELC-box 		{ background: #fff; color: #fff; height: 263px; width: 298px; margin-top: 5px; margin-right: 5px; padding: 1px; border: 1px solid #e79e03; text-align:left; }
#WELC-box h3.box 	{ background: #e79e03; color: #fff; font-weight: bold; font-size: 1.05em; padding: 4px; margin: 0; }
#WELC-box p		{ background: inherit; color: #000; margin: 5px; padding: 5px; }
#WELC-box p.intro	{ background: inherit; color: #e79e03; margin: 5px; padding: 5px; font-weight: bold; font-size: 1.2em; }

/* QUICK POLL and ISSUE OF MONTH BOXES */
#boxes		 { float: right;}

#QP-box 		{ background: #fff; color: #fff; width: 150px; margin-bottom: 5px; padding: 1px; border: 1px solid #567fa7; text-align:left; }
#QP-box h3.box 		{ background: #567fa7; color: #fff; font-weight: bold; font-size: 1.05em; padding: 4px; margin: 0; }
#QP-box p		{ background: inherit; color: #567fa7; margin: 0; padding-bottom: 5px; font-size: 85%; font-weight: bold;}
#QP-box fieldset	 	{ border: 0; margin: 5px; }
#QP-box label 		{ padding-left: 1px; background: inherit; color: #567fa7; font-size: 85%; font-weight: bold;}
#QP-box input 		{ margin-left: 15px; }
#QP-box .button 		{ width: 60px; height: 20px; font-weight: bold; font-size: 90%; background-color: #d5dfe9; color: #567fa7;  border: solid 1px #567fa7; cursor: pointer; margin-bottom: 5px;}

#IOM-box 		{ background: #fff; color: #fff; width: 150px; margin-top: 5px; margin-bottom: 5px; padding: 1px; border: 1px solid #036; text-align:left; }
#IOM-box h3.box 	{ background: #036; color: #fff; font-weight: bold; font-size: 1.05em; padding: 4px; margin: 0; }
#IOM-box p		{ background: inherit; color: #036; margin: 5px; font-size: 85%; }