/* CSS Document *//* tag definitions ---------------------------------------------------------- */
body {
  margin: 18px 0px;
  padding: 0px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  background-image: url(../images/bg-narrow.jpg);
  background-repeat: repeat-x;
  text-decoration: none;
}

body A {
  color: #009000;
  text-decoration: none;
}

body A:hover {
  color: #bb0000;
  text-decoration: none;
  background-color: #f3f37b;
}

body A:visited {
  color: #5e485e;
}
/* the css below contained a typo */
/*body A:visited {;
    color: #5e485e;
}
*/
/* this is to remove borders anround hyperlinked images*/

a img {
  border: 0;
}

p {
  font-size: 80%;
  color: #000000;
}

li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 110%;
  color: #598059;
  text-align: left;
  text-transform: none;
  line-height: 100%;
}

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 100%;
  color: #598059;
  text-align: left;
  line-height: 90%;
  font-style: italic;
}

h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 85%;
  color: #598059;
  text-align: left;
  line-height: 90%;
}

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #598059;
  text-align: left;
  line-height: 90%;
}

h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #598059;
  text-align: left;
  line-height: 90%;
  font-style: italic;
}
/* ID definitions ---------------------------------------------------------- */

#municipal_site {
  width: 775px;
  margin: 0px auto;
  text-align: left;
}

#header {
  height: 116px;
  width: 775px;
}

#top_nav {
  height: 60px;
  width: 775px;
  height: auto;
}

#top_nav ul {
  color: #FFFFFF;
  font-size: 80%;
  list-style: none;
  margin: 0 0;
  padding: 0 0;
}

#top_nav li {
  float: left;
  margin: 0 0em;
  padding: 0;
  text-align: center;
}

#top_nav a {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}

#top_nav li a {
  display: block;
  float: left;
  height: 22px;
/* broken somehow! needs to be 25 px for firefox */
  line-height: 22px;
  padding-bottom: 2px;
  text-align: center;
  text-decoration: none;
  width: 108px;
  background-color: #598059;
}

#top_nav a:hover {
  color: #fc0;
  text-decoration: none;
}

#top_nav a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#top_nav a:visited:hover {
  color: #fbfb41;
  text-decoration: none;
}

#main {
  width: 775px;
  background-color: #FFFFFF;
  border-right: 1px dashed #333;
  border-left: 1px dashed #333;
}

#breadcrumb {
  font-size: 65%;
  color: #000000;
  float: left;
  width: 420px;
  height: 35px;
  padding-top: 8px;
  padding-left: 5px;
  background-color: #FFFFFF;
}

#search {
  font-size: 65%;
  float: left;
  text-align: right;
  width: 345px;
  height: 35px;
  padding-top: 8px;
  padding-right: 5px;
  background-color: #FFFFFF;
}

#content {
  float: left;
  width: 775px;
  background-color: #FFFFFF;
  padding-bottom: 20px;
  border-bottom: 2px solid #345A81;
  background-image: url(../images/star_bg.jpg);
}

#column {
  float: left;
  width: 547px;
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
/* right border addition to extend down
    border-right: 1px dashed #333333;*/
}

#col_left {
  background-color: #FFFFFF;
  float: left;
  width: 125px;
  padding: 10px;
/*dashed top border addition per leonard's request*/
/*border-top: 1px dashed #333333;*/
  border-right: 1px dashed #333333;
}

#col_center {
  float: left;
  height: 100%;
  text-align: left;
  width: 427px;
  padding: 10px;
}

#sidebar {
  float: right;
  width: 160px;
  height: auto;
  padding-right: 10px;
  padding-left: 10px;
  border-left: 1px dashed #333;
}

#sidenav {
  font-weight: bold;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 25px;
  padding-left: 5px;
  display: block;
  list-style-type: none;
}

#sidenav ul {
  margin: 0 0;
  padding: 0 0;
  height: 60px;
  padding-top: 5px;
  padding-bottom: 7px;
}

#sidenav li {
  list-style: none;
  display: block;
  float: left;
  padding: 5px;
  height: 10px;
  width: 150px;
  font-weight: bold;
}
/*--Added sidenav2 to correct issue --*/

#sidenav2 {
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: block;
  list-style-type: none;
  height: auto;
}

#sidenav2 ul {
  margin: 0 0;
  padding: 0 0;
  height: 60px;
  padding-top: 20px;
  padding-bottom: 30px;
}

#sidenav2 li {
  list-style: none;
  display: block;
  float: inherit;
  padding: 5px;
  height: 10px;
  width: 150px;
}

#footer {
  background-color: #CFE6CF;
  clear: left;
  float: left;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
  font-size: 85%;
  width: 775px;
  height: 60px;
  color: #333333;
  line-height: 15px;
  border-left: 1px dashed #333;
  border-right: 1px dashed #333;
  border-bottom: 1px dashed #333;
  padding-top: 10px;
}

#footer a {
  color: #000000;
  text-decoration: underline;
}

#footer a:hover {
  color: #bfbf60;
  text-decoration: none;
}

#footer a:visited {
  color: #7f8059;
  text-decoration: underline;
}

#news {
  float: left;
  width: 500px;
  background-color: #FFFFFF;
  margin-top: 5px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #97C7DE;
}

#col_left h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #FF0000;
  line-height: 2em;
  margin-bottom: 8px;
}

#pullquote {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

#calendar {
  margin-left: 5px;
  height: 135px;
}

#features a {
  font-weight: bold;
  font-size: 0.9em;
  color: #bfbf60;
  padding-bottom: 5px;
  padding-top: 6px;
}

#features p {
  margin-top: 3px;
  margin-bottom: 0px;
}

#header h1 {
  display: none;
}
/* class definitions ---------------------------------------------------------- */

.collections {
  font-size: 0.8em;
  padding-bottom: 6px;
  margin-bottom: 8px;
  border-bottom-color: #90C6DE;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  line-height: 1.1em;
  clear: both;
  display: block;
}

.collections a {
  font-weight: bold;
  color: #000099;
  font-size: 0.8em;
}

.collections .col_body {
  font-size: 0.8em;
}

.collections .thumbnail {
  float: left;
  padding-right: 5px;
  height: 25px;
  padding-bottom: 5px;
}

.sidenav1 li a {
  font-size: 70%;
  line-height: 110%;
  color: #000000;
  font-weight: bold;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: block;
  list-style-type: none;
}

.newsevents {
  font-size: 70%;
  color: #333333;
}

.breakingnews {
  font-size: 70%;
  color: #990000;
  padding: 0px 15px;
}

.smpagenav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 64%;
  line-height: 100%;
  color: #000000;
  font-weight: normal;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 15px;
  font-style: normal;
}

.star {
  font-size: 100%;
  font-weight: bold;
  color: #990000;
}

.plevelnav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 71%;
  line-height: 150%;
  color: #000000;
}
/* Additional SCSO Styles ---------------------------------------------------------- */

.steveinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-variant: normal;
	line-height: 1.1em;
	margin: 6px;
	padding: 6px;
	width: 300px;
	border: 1px dashed #333;
	font-style: italic;
}

.stevenewsheadlinegreen {

color: #009900;
font-size: 115%;
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

.stevenewsheadlinered {

color: #FF0000;
font-size: 115%;
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

#fullcolumn {
  width: 735px;
  float: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
}
/*this class is for adding links on the left side of index page-----------------*/

.outsidelinks {
  font-size: 70%;
  line-height: 130%;
  color: #333333;
  font-weight: bold;
  display: block;
  font-variant: small-caps;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding-bottom: 3px;
  padding-top: 3px;
}

.outsidelinks A:hover {
  color: #295329;
  text-decoration: none;
  background-color: #f3f37b;
}
/* this is for a page break*/

.break {
  page-break-after: always;
}
/* Set of Links Style ---------------------------------------------------------- */

div #set_of_links {
  position: relative;
  padding: 9px;
  border: 1px dotted #999;
  background-color: #fff;
  margin-bottom: 20px;
}

div #set_of_links a {
  display: inline;
  padding: 0px 9px 0px 9px;
  text-decoration: none;
  color: maroon;
}

div #set_of_links a:hover {
  background: transparent;
}

div #set_of_links a span {
  display: none;
}

div #set_of_links a:hover span {
  display: inline;
  position: absolute;
  top: 0;
  left: 90px;
  padding: 5px 15px 5px 0;
}
/* Fallen Officer Style ---------------------------------------------------------- */

.falleninfo{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: bolder 16px;
}

.fallendetails{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: justify;
  display: block;
}

/********** video link in news index **********/
.videolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: italic;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FF0000;
	text-decoration: underline;
}
.videolinik a {
color:#FF0000;
}
.videolink A:hover {
color:#FF0000;
}