/***** GENERIC RULES AND MORE **********************************************************/

a {
  text-decoration: underline;
  color: #006699;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: px; /*for IE*/
}


/* Menus... */

ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.menu li {
  display: inline;
  float: left;
  padding-left: 13px;
}

ul.menu li a {
  display: inline-block;
  padding: 5px 12px 0px 8px;
  height: 25px;
  color: white;
  text-decoration: none;
}

ul.menu a:hover {
  text-decoration: none;
}


ul.dept {
font-size:80%;
}

/***** LAYOUT STYLES (from here on in...) ************************************************/

body {
  background: url(/shared/Redesign/images/lines_bkgrd.jpg);
  font-family: 'Verdana', 'Arial', sans-serif;
  margin-top: 10px;

}

#pagecrimestat {
  clear: both;
  width: 700px;
  margin: 0 auto;
  background-color: white;
  border: 1px solid white;
/*  background: url(/shared/Redesign/images/headerimg.jpg) repeat-x white;*/
}

/***** HEADER *****************************************************************************/

#headers {
  float: left;
  width: 700px;
  padding-bottom: 15px;
  background: url(/shared/Redesign/images/dropshadow_spacer.jpg) repeat-x;
  background-position: bottom center;
}

#banner {
  height: 119px;
  background: url(/shared/Redesign/images/headerimg.jpg);
/*  border-bottom: 1px solid white;*/
}


#banner .left {
  background: url(/crimestat/images/header_lt_bg.gif);
  width: 350px;
  float: left;
}

#banner .right {
  background: url(/crimestat/images/header_rt_bg.gif);
  width: 350px;
  float: right;
}

#top-menu {
  background-color: #333333;
  border-bottom: 1px solid white;
  height: 24px;
}

#top-menu ul {
  font-size: 8pt;
  text-align:center;
  padding-top: 3px;
}

#top-menu ul li.first {
  text-indent: 100px;
  
}

#top-menu ul li.contact {
  background-image: url(/CrimeStat/images/icons/email.gif);
  background-position:15px 35%;
  background-repeat:no-repeat;
  text-indent: 20px;
}

#top-menu ul li a {
  padding: 1px 12px 0px 8px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 21px;
}

/* Hack: IE6 ignores this style because of the '>'. */ 
ul.menu li > a {
  display: block;
}

/***** RIGHT CONTENT ***********************************************************************/

#main {
  float: left;
  width: 700px;
}

#main a {
  text-decoration: underline;
}

#main a:hover {
  text-decoration: none;
}

/***** MAIN ********************************************************************************/

#content {
  float: left;
  width: 455px;
/*  width:auto;*/
  padding: 10px 14px 14px 14px;
  font-size: 80%;
}

#content h1 {
  margin-top: 0;
}


/***** RIGHT BAR *************************************************************************/

#right-bar {
  width: 216px;
  float: right;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  margin-bottom: 10px;
  position:relative;
}

#right-bar .section {
  /*padding-right: 13px;*/
  background-color: #EEEEEE;
}

#right-bar .section h1 {
  background-color: #CC0000;
  margin: 0;
  padding: 8px;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  color: white;
  border-bottom: 1px solid #ffffff;
}

#right-bar .section a {
  color: white;
  text-decoration: none;
}


#right-bar .section h2 {
  background-color: #996600;
  margin: 0;
  padding: 8px;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  color: white;
  border-bottom: 1px solid #ffffff;
}

#right-bar .section h3 {
  background-color: #996699;
  margin: 0;
  padding: 8px;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  color: white;
  border-bottom: 1px solid #ffffff;
}

#right-bar .section .body {
  background-color: #EEEEEE;
  border-bottom: 1px solid #ffffff;
  padding: 5px 10px;
/*  color: #333333;*/
  /*font-size: 10pt;*/
  font-size: 85%;
}

#right-bar .section .search .body {
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 10px;
  text-align:center;
  /*font-size: 10pt;*/
  
}

#right-bar .section .body ul {
  margin: 0;
  padding-left: 15px;
  list-style-type: square;
  
}

#right-bar .one {
  background-color: #CC0000;
  color: #CC0000;
}

#right-bar .two {
  background-color: #996600;
  color: #996600;
}

#right-bar .three {
  background-color: #996699;
  color: #996699;
}

#right-bar .four {
  background-color: #9999cc;
  color: #996699;
}

#right-bar .body a {
  color: #333333;
  text-decoration: underline;
}

#right-bar .body a:hover {
  text-decoration: none;
}

#right-bar .search form {
  color: #333333;
  display:inline;
  margin: 0px;
}

#right-bar {
  font-size: 80%;
}

#right-bar li {
  padding: 2px 0;
}

#right-bar .date {
  text-align: right;
  color: black;
  margin-bottom: 5px;
  margin-right: 7px;
  background-color: #ffffff;
}


.RtNavText {
  color: #333333;

}

/***** FOOTER ***********************************************************************/

#backtotop {
  margin-right: 14px;
}

#footer {
  clear: both;
  padding: 1em;
  margin-top: 1em;
  background-color: #333333;
  color: white;
  text-align: center;
  font-size: 70%;
  border-top: 1px solid white;
}

#footer p {
  margin: 0;
  padding: 0;
}

#footer a {
  color: white;
}


/** ALTERNATIVE LAYOUTS **/
body.hide-right-bar #right-bar {
  display: none;
}

body.hide-right-bar #content {
  width: 672px;
}

/*****************************************************************************************/

h1{font-size: 120%; color: #A87136; font-weight: bold;}

h2{font-size: 110%; color: #333333; font-weight: bold;}

h3{font-size: 10pt; color: #333333; font-weight: bold; }

h4{font-size: 10pt; color: #A87136; font-weight: bold;}

h5{color: rgb(204,153,51);}

h6{color: #000000; font-size: 10pt; font-weight: bold;}

hr {color: #A87136; height:1px}

.black {color: #000000;}

.disclaimer {
  font-size: 80%;
}

#disclaimer {
  position: static;
  float: left;
  width: 672px;
  padding: 5px 14px 0px 14px;
  font-size: 80%;
}