body {
  color: #000;
  line-height: 1.2em;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:left;
  background-color: #FFF;
}
p {
    font-size: 1em;
    line-height: 15px;
    margin: 0;
    padding-bottom: 5px;
}
.page {
  max-width: 805px;
  margin: 20px auto 0px auto;
  position: relative;
  background-color: #FFF
}
.two-column, .three-column {
    background-image: url("../images/edge.jpg");
    background-repeat: repeat-y;
    background-position: left center;
    background-size: 200px auto;
    border-radius: 4px 0px 0px 4px;
}
.innertube { margin: 5px; }
.col-md-4, .col-md-8, .col-sm-6, .col-sm-12 { padding-left: 5px; padding-right: 5px; }
.btn-group-justified > a { text-align: left; }
header.col-md-12 {padding-left: 0px; padding-right:0px;}
a { text-decoration: underline; color: #0099ff;}
a.link { color: #0099ff; }
.navbar {
  border-radius: 0px 0px 4px 4px;
  border:none;
  margin-bottom: 2px;
  min-height: 30px !important;
}
.navbar-collapse { padding: 0px;}
.navbar-inverse { background-color: #00519f; }
.navbar-inverse .navbar-brand { color: #FFF; }
.navbar-inverse .navbar-nav > li { margin-bottom: 0px; }
.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  padding: 5px 8px 5px 8px !important;
  border-right: 2px solid #ffffff;
  text-decoration: none;
}
.navbar-inverse .navbar-nav > li > a:hover { background: #49A3FF; color: #FFF; }
.navbar-inverse .navbar-collapse { border-color: #00519f; }
.navbar-inverse .navbar-toggle { border-color: #FFF; }
.navbar-inverse .navbar-toggle:hover { background-color: #49A3FF; }
.navbar-inverse .navbar-toggle:focus { background-color: #00519f; }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { border-radius: 8px; }
ul.nav > li.dropdown > ul.dropdown-menu { background-color: #EAEBD8; }
.dropdown-menu > li > a { border-bottom: 1px solid #DBDAD9; text-decoration: none;}
.dropdown-menu > li > a:hover { background-color: #49A3FF; color: #FFF; }
.dropdown-toggle { padding: 8px; }
#searchDiv { float:right; }
#search-button { color:#FFF; }
.breadcrumbs {
	background-color: #4C8CCD;
    position:relative;
	padding: 5px;
    width: 800px;
    z-index: 500;
    border-radius: 4px;
    text-align: left;
    margin: 1px 0px 3px -15px;
	clear:both;
    color: white;
}
.breadCrumbLink {
	font-weight:bold;
	font-size: .9em;
	margin-left:0px;
	text-decoration:none;
	padding:2px;
}
a.breadCrumbLink { color:white; text-decoration: none; }
a.breadCrumbLink:link { 	color:white; text-decoration: none; }
a.breadCrumbLink:visited { color:white; text-decoration: none;}
a.breadCrumbLink:hover { 
	color:#B22222;
	text-decoration:underline;
}
a.breadCrumbLink:active { color:#458B00; text-decoration: none;}
a.subNavListLinks { text-decoration: none; }
a.subNavListLinks:link { color:black; }
a.subNavListLinks:visited { color:black; }
a.subNavListLinks:hover {
	color:#B22222;
	text-decoration:underline;
}
a.subNavListLinks:active { color:#458B00; }

#bannerCarousel, #topRequests { margin-bottom: 5px; }
.carousel-indicators { bottom: -15px; }
.carousel-indicators li { border-color: #888; }
.carousel-indicators .active { background-color: red; }
.carousel .item {
  min-width: 100%;
  background-color: #fff;
}
.col-md-8 > .carousel > .carousel-inner > div { height: 253px; }
@media (max-width:991px){
  .col-md-8 > .carousel > .carousel-inner > div { height: 100%; }
  .col-sm-left { clear: left;}
}
.carousel-inner > .item > img {
  width: 100%;
  height: 100%;
}
.box {
  background-color: white;
  border: 2px solid #000;
  border-color: #00519F;
  border-radius: 4px 4px 0px 0px;
  width: 100%;
  height: 253px;
  margin: 0px;
}
.boxHeader { background-color: #00519F; }
.box-list {
  list-style:none;
  margin-left:0;
  padding-left:5px;
}
.box-list li {
  margin:5px 0px 8px 0px;
  padding:2px 1px 2px 1px;
}
.box-list > li > a:nth-child(2) { float:right; }
.boxHeader {
  color: #FFF;
  margin: 0px;
  padding-top: 5px;
  min-height: 25px;
}
.boxTitle {
  color: white;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.1em;
  margin: 5px 0px 0px 0px;
  padding: 5px;
}
.deptApp {
  position: relative;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: white;
  border: 2px solid #4C8CCD;
  border-radius: 4px 4px 0px 0px;
}
.deptAppHeader {
  color: #FFF;
  margin: 0px;
  padding-top: 5px;
  min-height: 25px;
  width: auto;
  background-color: #4C8CCD;
}
.sectionOne {
  background-color: yellow;
  border-color: #000;
}
.sectionOneHeader { background-color: #000; }
.black { color: #000; }
.yellow { color: #F2BA13; }
.nav-small > li > a { padding: 10px 15px 10px 15px; text-decoration: none; }
.nav-small > li > a:first-child { margin-top: 0px; }
.nav-yellow > ul { background-color: yellow; }
.nav-yellow > li > a, .nav-yellow > li > a:focus {
  color: black;
  background-color: yellow;
}
.nav-yellow > li > a:hover {
  color: #000;
  background-color: yellow;
  font-weight: bold;
}
.sectionTwo {}
.sectionTwoHeader {  }
.sectionTwo tr { line-height: 20px; }
.sectionThree {  }
.sectionThreeHeader {  }
a.btn.btn-default {
  font-size: 1em;
  color: #000;
  background-color: #F5F5F5;
  border-radius: 0px;
  text-decoration: none;
}
a.btn.btn-default:hover {
  color: #B22222;
  text-decoration: underline;
}
a.btn.btn-default.btn-sm-text { font-size: 0.89em; text-decoration: none; padding: 7px;}
a.btn.btn-default.btn-sm-text:hover { text-decoration: underline; }
.btn-group-lg > .btn, .btn-lg { padding: 10px 16px 9px 16px; }
.btn-group-sm > .btn, .btn-sm { padding: 5px 15px 5px 5px; }
.btn-subnav {
  font-size: 1em;
  color: #000;
  background-color: #DEDEDE;
}
footer {
  font-size: 0.9em;
  color: #FFF;
  background-color: #4C8CCD;
  border-bottom:solid #00519F 30px;
  padding: 10px 10px 10px 0px;
  border-radius: 4px 4px 0px 0px;
}
footer p { color: #FFF; text-align: left;}
footer a { color: #FFF; text-decoration: underline; }
footer { margin-top: 4px; padding-left: 10px; }
a.footerSocialText { color: #909090; }
p.footerSocialText { color: #909090; clear: both; font-size: 10px; }
ul.footerSocialText { float: right; margin: 0px; padding: 0; }
li.footerSocialText {
  position: relative;
  list-style-type: none;
  display: inline;
  float: right;
  margin-left: 5px
}
.askStockton {
  background:url(../images/askstocktonsmall4.gif) bottom right no-repeat;
  padding:0 30px 0 0px;
}
.rss {
  background:url(../images/rss_logo.gif) bottom right no-repeat;
  padding:0 20px 0 0px;
}
h1 {
    color: #003F87;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.3;
    margin: 5px 0px 5px 0px;
}
h2 {
    font-size: 1.1em;
    font-family: arial;
    color: #003F87;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 5px;
}
h3, h4, h5, h6 {
    color: #003f87;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0px 0px 5px 0px;
}
/*a { color: #003F87; }*/
ul, ol { font-size: 1em; padding-left: 20px;}
li {
    color: black;
    margin-left: 0;
    margin-bottom: 5px;
    padding-left: 0;
}
hr {
    border-color: #000;
    margin-top: 6px;
    margin-bottom: 6px;
}
th {
    background-color: #DEDEDE;
    font-family: arial;
    font-weight: bold;
    color: black;
    vertical-align: top;
    text-align: left;
    padding: 4px;
    border: solid 1px gray;
}
.noBorder { 	border:0; }
/* ++Left Column Stuff++ */
.leftColumn {
    float: left;
    padding-bottom: 5px;
    position: relative;
}
.col-md-4.leftColumn { width:200px; }
.subNavControl { display: none;}
.subNavDiv { padding: 0px 5px 5px 5px; }
.subNavHeader { width: 180px; }
h1.subNavHeader  { margin-top: 0px; }
.subNavHeader > a { text-decoration: none; color: #003F87; }
.subNavDivIndent {
    background: #f5f5f5 none repeat scroll 0 0;
    box-shadow: 1px 1px 1px 1px #999999;
    margin: 2px;
    /*padding: 2px;*/
}
.subNavListsIndent {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    font-size: 1em;
}
.subNavListsIndent li:first-child {
    padding-top: 5px;
}
.subNavListsIndent li {
    border-bottom: 1px solid #dbdad9;
    padding: 2px;
}
.subNavListsIndent li a { color: #000; }
#contactUsDiv {
	margin-top:10px;
	margin-bottom:10px;
}
.contactUs, .hoursService {
    font-size:1.2em;
	text-decoration:none;
    color:black;
} 
a.contactUs:link { color:black; }
a.contactUs:visited { color:black; }
a.contactUs:hover {
	color:#B22222;
	text-decoration:underline;
}
a.hoursService:active { color:#458B00; }
a.hoursService:link { color:black; }
a.hoursService:visited { color:black; }
a.hoursService:hover {
	color:#B22222;
	text-decoration:underline;
}
a.hoursService:active { color:#458B00; }
/* ++Middle Column Stuff++ */
.middleColumnOnly {
    float: left;
    position: relative;
    border:5px solid #DEDEDE;
    border-radius: 4px;
    margin-right: -10px;
    padding: 5px;
}
.middleColumnNoRight {
    float: left;
    position: relative;
    border:5px solid #DEDEDE;
    border-radius: 0px 4px 4px 0px;
    padding: 7px;
}
.col-md-8.middleColumnNoRight { width: 600px; }
.middleColumnRight {
	margin-right: -10px;
    padding: 5px;
}
@media (max-width:991px){
  .two-column, .three-column { background: none; }
  .breadcrumbs { width: 104%; }
  .col-md-8.middleColumnNoRight { width: 100%; }
  .subNavControl { display: block;}
  .map-container { width: 99%; }
}
.deptContactData {
	border:0;
	border-bottom:10px solid #DEDEDE;
	background-color:white;
	width:290px;
	height:75px;
	color:black;
    line-height: 1.1em;
}
.deptContactData a { text-decoration: underline; }
.deptMissionData {
    border:0;
	border-bottom:10px solid #DEDEDE;
	background-color:white;
	width:300px;
	height:75px;
	color:black;
}
.lastReview {
    color: green;
    text-align: right;
    margin-right: 10px;
}
/* ++Right Column Stuff++ */
.three-column {
    border:5px solid #DEDEDE;
    border-radius: 0px 4px 4px 0px;
}
.rightColumnWCMS { width:200px; padding: 5px; }
.rightColumnWVID {
    padding-left: 10px;
    width: 200px;
}
/* ++Other Stuff++ */
.sitemapGroup {
    background-color: #eaebd8;
    border: 1px solid gray;
    float: left;
    position: relative;
}
.sitemapGroup > ul, .sitemapGroup > ul > ul, .sitemapGroup > ul > ul > ul { padding-left: 25px; }
.sitemapH1 {
    background-color: white;
    text-decoration: none;
}
@media (min-width: 992px){
  .map-container { width: 800px; }
  .collapse { display: block; }
}
#HomeButton {
    position:absolute;
    margin-left:20px;
    margin-top:100px;
    z-index: 50;
}
.BFDescField { width:250px; }
.BFSpacer {
	color:#B22222;
	font-weight:bold;
	background:yellow;
	text-align:right;
}
.BFTopic { color:black; font-weight:bold; }
.serviceRouterTab th {
    background-color: #dedede;
    border: none;
    color: black;
    font-family: arial;
    font-weight: bold;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    border-radius: 4px 4px 0px 0px;
}
.serviceRouterInfo { padding-left: 15px; }
.jRight { text-align:right; }
.newsDetails {
	margin-bottom:10px;
	margin-top:10px;
}
.newsTitleForDetail, .eventTitleForDetail {
	color:#B22222;
	font-weight:bold;
	padding:2px;
	border:1px solid gray;
}
.docuRefDetails {
	margin-bottom:10px;
	margin-top:10px;
    table-layout: fixed;
    word-wrap: break-word;
}
.newsSection { min-height: 640px; }
.eventsSection { min-height: 958px; }
.docsSection { min-height: 775px; }
.newsList { border:1px solid #DEDEDE; }
.newsTitleForDetail+th {
    background-color:#DEDEDE;
    font-family:arial;
	font-weight:bold;
    vertical-align:top;
    text-align:left;
    padding:4px;
    border:solid 1px gray;
}
.eventList { border:1px solid #DEDEDE; }
tr.eventRow td, th { padding-bottom: 2px; }
.table-bordered.eventDetails>tbody>tr>th { border:solid 1px gray; }
.input-xs {
    border-radius: 3px;
    font-size: 12px;
    height: 20px;
    line-height: 1.5;
    padding: 3px 5px;
}
.infoMsg { color: green; }
.errorMsg { color: red; }
.ayaSection { min-height: 390px; }
#homepageNews {
	margin-bottom:5px;
	margin-top:5px;
	display:none;
}
#homeNewsHeader {
	text-align:left;
	background-color:#191970;
}
.list-group-item.active.homeNewsHeader, .list-group-item.active:focus.homeNewsHeader, .list-group-item.active.homeNewsHeader:hover { background-color:#191970; border-color: #191970; padding: 5px 7px;}
.homeNewsHeader { }
#homepageEvents {
	margin-top:5px;
	margin-bottom:5px;
	display:none;
}
.events-item, .news-item { padding: 4px 4px; border: none; }
.list-group-item.active.homeEventsHeader, .list-group-item.active:focus.homeEventsHeader, .list-group-item.active.homeEventsHeader:hover { background-color:#3A4270; border-color: #3A4270; padding: 5px 7px;}
.eventDate {
	font-weight:bold;
	color:white;
	background-color:#778899;
	padding:2px;
	border:0;
}
.pdf {
	background:url(../files/pdf-logo.gif) bottom right no-repeat;
	padding:0 15px 0 0px;
}
.askStockton {
	background:url(../files/askstocktonsmall3.gif) bottom right no-repeat;
	padding:0 40px 0 0px;
}
.rss {
	background:url(../files/rss_logo.gif) bottom right no-repeat;
	padding:0 20px 0 0px;
}
.padTop { padding-top:10px; }
.padLeft { padding-left:10px; }
.padRight { padding-right:10px; }
.padBottom { padding-bottom:10px; }
.padTopRight {
	padding-top:10px;
	padding-right:10px;
}
.padRightBottom {
	padding-bottom:10px;
	padding-right:10px;
}
.padBottomLeft {
	padding-left:10px;
	padding-bottom:10px;
}
.padLeftTop {
	padding-left:10px;
	padding-top:10px;
}
.padTopBottom {
	padding-top:10px;
	padding-bottom:10px;
}
.padRightLeft {
	padding-left:10px;
	padding-right:10px;
}
table.newBusList { max-width: 600px; line-height: 1.0; font-size: 10px; }
th.newBusList { color: #00519F; }
.ui-autocomplete { background-color: #FFF; }
.borderinvisible { border:0; }
.borderVisible { border:2px solid silver; }