html { font-size: 62.5%; }
body { background: ; color: #222222; }

@-moz-document url-prefix() {
body { background: #9ccae1; }
}
a { color: #005d8d; }
.highlight { background: #ffff99; }
label { color: #4d4d4d;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #6f6f6f;}
.subheader { color: #6f6f6f; }
code {  background: #ffff99; }
blockquote, blockquote p { color: #6f6f6f; }
blockquote { border-left: 1px solid #ddd; }
blockquote cite { color: #555555; }
blockquote cite a, blockquote cite a:visited { color: #555555; }
abbr, acronym { color: #222222;}
abbr { text-transform: none; }

.top-bar { background: #005d8d;}
.top-nav { background: none;    margin-top: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.search .submit-button { background: #000000;}
.search .submit-button:hover { background: #555555; color: #ccc;}
.footer {
background: #005d8d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzFhMzUxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #003855  0%, #005d8d 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003855 ), color-stop(99%,#005d8d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003855  0%,#005d8d 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003855  0%,#005d8d 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003855  0%,#005d8d 99%); /* IE10+ */
background: linear-gradient(to bottom,  #003855  0%,#005d8d 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003855', endColorstr='#005d8d',GradientType=0 ); /* IE6-8 */
color: #fff;
}
.footer-base { background: #000000;  color: #fff;}
#menuButton{
background: #296b8c;
color: #fff;
}
#menuButton:hover{
background: #333;
color: #fff;
}
@media only screen and (max-width: 767px){
#header  p.intro {color: #333;}
#sidebarButton p{
color: #333;}
}
.large-header1{color: #005d8d;}
.news-home {background: #C3DAE6; border: 1px solid #005d8d; border-left: 6px solid #005d8d;}
.news-home h3{color: #005d8d;}
.news-home p{color: #000000;}
p.large-header2{color: #C3DAE6;}
.desc{color: #000000;}
.news-home a.small{color: #333;}

/* Normal Buttons ---------------------- */
.button { background: #000000; border: 1px solid #333; color: white;}
.button:hover { color: white; background-color: #333333; }
.button.primary:hover { background-color: #333; }
.button.success { background-color: #3a6d19; border: 1px solid #192f0b; }
.button.success:hover { background-color: #24440f; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; }
.button.secondary:hover { background-color: #d0d0d0; }

.button.disabled, .button[disabled] {  background: #000000; }
.button.disabled :hover, .button[disabled] :hover { background: #000000; }
.button.disabled.success, .button[disabled].success { background-color: #3a6d19; }
.button.disabled.success:hover, .button[disabled].success:hover { background-color: #3a6d19; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }

.button.dropdown > ul li a:hover { background-color: #9ccae1; color: #000; }
.button.dropdown > ul li.divider { background: #ededed; }

.button.dropdown.split:hover { background-color: #000000; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #3a6d19; }
.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white;}
.button.dropdown.split > a:hover { background-color: #04496b; }
.button.dropdown.split > span { background-color: #000000;}
.button.dropdown.split > span:hover { background-color: #04496b; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #3a6d19; border-left-color: #192f0b; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.secondary > a { color: #1d1d1d; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #24440f; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; }

/* Requires globals.css */
.main-nav { background: #005d8d; -webkit-box-shadow: inset 0px -2px 3px 0px #004c73;
box-shadow: inset 0px -2px 3px 0px #004c73;}

.tabs > dd{ background: #00517b;-webkit-box-shadow: inset 0px -2px 5px 0px #004c73; box-shadow: inset 0px -2px 5px 0px #004c73; border: 0px solid #004c73;  }
.tabs > dd.current { background: #000000; }
.tabs > dd.active { background: #000000; border-color: #04496b; }
.tabs > dd.active > a { color: white; }
.tabs > dd.active:hover { background:#000000; }
.tabs > dd:hover { background: #000000; -webkit-box-shadow: inset 0px -2px 3px 0px #004c73; box-shadow: inset 0px -2px 3px 0px #004c73; }
.tabs > dd > a { color: #e6e6e6; }
.tabs > dd.has-flyout > a:first-child:after { border-color: #e6e6e6 transparent transparent transparent; }
.tabs > dd.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }

.nav-bar { background: #000000; }
.nav-bar > li { background: #000000;}
.nav-bar > li.active { background: #000000; border-color: #04496b; }
.nav-bar > li.active > a { color: white;}
.nav-bar > li.active:hover { background: #005d8d;}
.nav-bar > li:hover { background: #005d8d; }
.nav-bar > li > a { color: #e6e6e6; }
.nav-bar.vertical > li { background: #ffffff; }
.top.nav-bar { background: #005d8d;}
.top.nav-bar > li {  background: #005d8d; }
.top.nav-bar > li.active { background: #000000; border-color: #04496b; }
.top.nav-bar > li.active:hover { background: #000000; cursor: default; }
.top.nav-bar > li:hover { background: #333333; }
.top.nav-bar > li > a { color: #e6e6e6; }
.quick.nav-bar { background: #F2F2F2; }
.quick.nav-bar > li.active { background: #e6e6e6; border-color: #04496b; }
.quick.nav-bar > li.active:hover { background: #e6e6e6; cursor: default; }
.quick.nav-bar > li:hover { background: #e6e6e6; }
.quick.nav-bar > li > a { color: #555; }

ul.flyout li, .quick.nav-bar li ul li { border-left: solid 3px #CCC; }
ul.flyout li a, .quick.nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; color: #555; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
ul.flyout li a:hover, .quick.nav-bar li ul li a:hover { background: #ebebeb; color: #333; }
ul.flyout li.active, .quick.nav-bar li ul li.active { border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
ul.flyout li.active a, .quick.nav-bar li ul li.active a { background: #4d4d4d; color: #fff; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.flyout { background: #333333; border: 0px solid #333333; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

ul.flyout li, .nav-bar li ul li { border-left: solid 1px #333333; }
ul.flyout li a, .nav-bar li ul li a { background: #333333; color: #E6E6E6; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(0,0, 0, 0.5) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset; }
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #4385a7; color: #E6E6E6; }
ul.flyout li.active, .nav-bar li ul li.active { border-top: 1px solid #333333; border-left: 0px solid #333333; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #333333; color: #fff; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.top .flyout { background: #4385a7; border: 0px solid #D9D9D9; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}

dl.tabs.vertical dd.active a { background: #4d4d4d; color: #fff; }
dl.tabs.pill dd.active a { background-color: #000000;  }
@media only screen and (max-width: 767px) { 
  dl.tabs.mobile dd a { background: #eee;}
  .tabs.mobile dd a {  background: #fff; }
  .tabs.mobile dd a.active {  background: #000000;  }
 }
div.alert-box { color: white; background-color: #000000;  }
div.alert-box.success { background-color: #3a6d19; color: #fff;}
div.alert-box.alert { background-color: #c60f13; color: #fff;}
div.alert-box.secondary { background-color: #e9e9e9; color: #505050;  }
div.alert-box a.close { color: #333; }

.label { color: #fff; background: #000000; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #3a6d19; }
.label.secondary { background-color: #e9e9e9; color: #505050; }

.panel { background: #f2f2f2;}
.panel.callout { background: #000000; color: #fff; border-color: #04496b; }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; color: #000000; }
.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }

dl.sub-nav dd.active a { background: #000000; color: #fff;}

ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { color: #999; }
ul.pagination li.current a { background: #000000; color: white;}
ul.pagination li.current a:hover { background: #000000; }

/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: #f6f6f6;  }

table { background: #fff; }
table thead, table tfoot { background: #f5f5f5; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333;  }


table { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; }

table thead, table tfoot { background: #f5f5f5; }

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 14px; line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 16px; font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #f9f9f9; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

.nav-bar > li.has-flyout > a:first-child::after {border-color: #E6E6E6 transparent transparent transparent;}
.panel { background: #F2F2F2; border: solid 1px #E6E6E6;}
.footer-link { background: #003855; color: #ffffff; border: 1px solid #005d8d;}
.footer-link:hover{ background: #005d8d; color: #ffffff; }
.top-search { background: #333; }
.submit-button:hover{ background: #005d8d;}
.social-links, .social-links:hover {background: #005d8d;}

.boxed { background: white; -webkit-box-shadow: inset 0px -3px 3px 0px #8c8c8c;	box-shadow: inset 0px -3px 3px 0px #8c8c8c;}
.boxed .fhead { background: white;}
.boxed .fhead:before { border-top: 15px solid #9ccae1; border-right: 15px solid #000000;}
.boxed .fhead:after { border-top:15px solid #9ccae1; border-left: 15px solid #000000;}

.parks-button {
display: block;
float: none;
padding: 8px;
font-size: 17px;
line-height: 1.2;
margin: 0px 0px 10px 0px;
min-height: 54px;
color: #d7e5ec;
background: #005d8d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzFhMzUxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #003855  0%, #005d8d 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003855 ), color-stop(99%,#005d8d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003855  0%,#005d8d 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003855  0%,#005d8d 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003855  0%,#005d8d 99%); /* IE10+ */
background: linear-gradient(to bottom,  #003855  0%,#005d8d 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003855', endColorstr='#005d8d',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 0px 8px 8px 0px;
        border-radius: 0px 8px 8px 0px;
}


.parks-button:hover{
background: #FEC60D; 
}

.parks-button img{
float: left;
margin: -16px 7px 0px 0px;
border: 2px solid #b7cfdb;
}

@media only screen and (max-width: 767px){
#header {
border-bottom: 1px solid #005d8d;
position: relative;
background: #9ccae1 url('/DeptUIFiles/911MobHeader.jpg') no-repeat;
margin: 0px 0px 15px 0px;
background-position: center;
}
}