body { margin: 0px; background-color: #E1E1E1; }
.page_alerts { background-color: #FBD11D; color: #1C2869; font-family: 'Roboto Condensed', sans-serif; font-size: 10pt; text-align: center; padding: 3px; }
.page_alerts a { text-decoration: none; color: #1C2869; }
.page_alerts a:hover { text-decoration: underline #1C2869; }
.page_911 { background-color: rgba(0,0,0,0.70); color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 11pt; font-weight: bold; padding: 10px; text-align: center; letter-spacing: 2px; }
.page_header { z-index: 900; background-color: #800000; color: #FFFFFF; font-family: 'Roboto', sans-serif; text-align: center; padding-top: 0px; padding-bottom: 25px; display: block; position: relative; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.page_header::after { content: ""; background-image: url(https://pcfd23.org/NEW/img/pcfd23patch.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.page_header_small { font-size: 9pt; margin-top: 25px; margin-bottom: -10px; }
.page_header_large { font-size: 36pt; font-weight: bold; font-family: 'Roboto Slab', serif; }
.page_nav { z-index: 900; margin-top: 30px; background-color: rgba(80,80,80,0.85); text-align: center; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-top: 3px solid rgba(251,209,29,0.85); border-bottom: 3px solid rgba(251,209,29,0.85); }
.page_nav a { color: #FFFFFF; width: 75px; font-family: 'Roboto', sans-serif; font-size: 10pt; font-weight: bold; text-align: center; padding: 12px 14px; display: inline-block; text-decoration: none; }
.page_nav a:hover { background-color: #C0C0C0; color: #800000; }
.page_nav .sel { color: #FBD11D; }
.page_nav .sel a:hover { background-color: #C0C0C0; color: #800000; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: rgba(192,192,192,0.9); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { color: black; padding: 12px 12px; text-decoration: none; display: block; text-align: left; width: 100px; }
.dropdown-content a:hover { background-color: #DDDDDD; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #C0C0C0; color: #800000; }
.nav_img { margin-top: -50px; margin-bottom: -30px; overflow: visible; z-index: 1000; }
.burnPermitApp_container { background-image: url(https://pcfirecad.com/flame_background.jpg); background-position: 50% 95%; width: 175px; border: 1px solid #000000; border-radius: 5px; color: #FFFFFF; font-family: 'Roboto Slab', serif; font-size: 15pt; font-weight: bold; text-align: center; padding: 5px; text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; cursor: pointer; }
.main_content { width: 1000px; margin: auto; box-sizing: border-box; }
.main_content_left { float: left; width: 200px; margin-right: 10px; box-sizing: border-box; }
.left_box { padding: 5px; background-color: #C0C0C0; border: 1px solid #505050; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 10pt; margin-bottom: 10px; }
.left_date { padding: 5px; text-align: center; margin-bottom: 5px; position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 10px; }
.left_date img { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0.4; z-index: 1; }
.left_date_item1 { font-family: 'Roboto', sans-serif; font-size: 10pt; font-weight: bold; z-index: 2; position: relative; }
.left_date_item2 { font-family: 'Roboto', sans-serif; font-size: 10pt; z-index: 2; position: relative; }
.left_date_item3 { font-family: 'Roboto', sans-serif; font-size: 8pt; padding-top: 5px;  z-index: 2; position: relative; cursor: help; }
.main_content_right { float: left; width: 790px; box-sizing: border-box; }
.right_box { padding: 5px; background-color: #EEEEEE; border: 1px solid #808080; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 12pt; margin-bottom: 10px; line-height: 1.4; }
.main_content:after { content: ""; display: table; clear: both; }
.main_content_right_title { font-family: 'Roboto Slab', serif; font-size: 22pt; font-weight: bold; color: #800000; }
.main_content_left_title { font-family: 'Roboto Slab', serif; font-size: 14pt; color: #800000; font-weight: bold; text-align: center; margin-bottom: 10px; }
.announcements_container { font-family: 'Roboto', sans-serif; font-size: 12pt; padding: 5px; margin-top: 10px; border-bottom: 1px dashed #808080; }
.announcements_container:last-child { border-bottom: none; }
.announcements_header { font-family: 'Roboto', sans-serif; font-size: 16pt; font-weight: bold; color: #000000; }
.announcements_time { font-family: 'Roboto', sans-serif; font-size: 8pt; font-weight: bold; color: #505050; }
.main_content a { text-decoration: underline #1C2869; font-weight: bold; color: #1C2869; }
.main_content a:hover { text-decoration: underline #800000; color: #800000; }
.quick_links { z-index: 900; background-color: rgba(80,80,80,0.9); color: #FBD11D; font-family: 'Roboto Slab', serif; font-size: 11pt; text-align: center; padding-top: 10px; padding-bottom: 20px; width: 100%; }
.quick_links_header { font-size: 18pt; font-weight: bold; padding: 10px; }
.quick_links_container { font-family: 'Roboto', serif; width: 175px; display: inline-block; text-align: left; }
.quick_links_container_item { font-size: 14pt; display: block; padding: 5px; }
.quick_links_container_subitem { font-size: 14pt; display: block; padding: 5px; margin-left: 15px; border-left: 1px solid #FBD11D; }
.quick_links_container_subitem_last { font-size: 14pt; display: block; padding: 5px; margin-left: 15px;  }
.quick_links_container_subitem_arrow { left: -6px; position: relative; }
.quick_links_container_subitem_arrow_last { left: -5px; overflow: visible; position: relative; margin-top: -15px; }
.quick_links_container a { text-decoration: none; color: #FBD11D; }
.quick_links_container a:hover { color: #FFFFFF; }
.footer { z-index: 900; background-color: #800000; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 8pt; text-align: center; display: block; position: relative; box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19); margin-top: 20px; }
.footer::after { content: ""; background-image: url(https://pcfd23.org/NEW/img/chevron.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.15; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.footer_items { margin: auto; width: 1000px; padding: 8px;}
.footer_items a { text-decoration: underline #FFFFFF; font-weight: bold; color: #FFFFFF; }
.footer_items a:hover { text-decoration: underline #FBD11D; color: #FBD11D; }
.fab { padding: 18px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px; }
.fab:hover { opacity: 0.7; text-decoration: none; color: #FFFFFF; }
.fa-facebook { background: #3B5998; color: white; }
.fa-twitter-square { background: #55ACEE; color: white; }
.slideshow_container { max-width: 1000px; position: relative; margin: auto; box-sizing: border-box; }
.slideshow_text { position: absolute; right: 5px; bottom: 9px; background-color: rgba(15, 41, 64, 0.5); border: 1px solid #1C2869; border-radius: 5px; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 8pt; color: #FFFFFF; }
.slideshow_img { border-radius: 10px; border: 2px solid #1C2869; }
.mySlides { display: none; }
.dot { height: 15px; width: 15px; margin: 0 2px; background-color: #C0C0C0; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.active { background-color: #1C2869; }
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }
@keyframes fade { from { opacity: .4; } to { opacity: 1; } }
.burnBanStatus_container { font-family: 'Roboto', sans-serif; font-size: 10pt; width: 100%; }
.burnBanStatus_loc { font-size: 11pt; font-weight: bold; text-align: center; background-color: #613823; color: #FFFFFF; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 3px; }
.burnBanStatus_desc { font-size: 9pt; text-align: center; padding-top: 10px; padding-bottom: 5px; font-weight: bold; background-color: #FFFFFF; }
.burnBanStatus_descBig { font-size: 14pt; text-align: center; padding-top: 10px; padding-bottom: 5px; font-weight: bold; }
.burnBanStatus_updated { font-size: 8pt; font-family: 'Roboto Condensed', sans-serif; text-align: center; padding: 2px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 5px; }
.burnBanStatus_info { font-size: 9pt; text-align: center; font-weight: bold; margin-bottom: 5px; }
.burnBanStatus_mainUpdated { font-size: 8pt; font-family: 'Roboto Condensed', sans-serif; text-align: center; }
.burnBanStatus_colGreen { background-color: rgba(27,94,32, 0.9); color: #FFFFFF; }
.burnBanStatus_colBlue { background-color: rgba(48,79,254, 0.9); color: #FFFFFF; }
.burnBanStatus_colYel { background-color: rgba(255,255,0, 0.9); color: #000000; }
.burnBanStatus_colOra { background-color: rgba(255,88,0, 0.9); color: #000000; }
.burnBanStatus_colRed { background-color: rgba(239,16,8, 0.9); color: #FFFFFF; }
.burnBanStatus_colMar { background-color: rgba(128, 0, 0, 0.9); color: #FFFFFF; }
.responses_container { font-family: 'Roboto', sans-serif; font-size: 9pt; width: 100%; text-align: center; }
.responses_head { font-size: 10pt; font-weight: bold; text-align: center; }
.responses_table { border-collapse: collapse; border-top: 1px solid #505050; border-bottom: 1px solid #505050; width: 100%; }
tr.responses_th td { border-bottom: 1px solid #505050; text-align: center; background-color: #A0A0A0; font-weight: bold; padding: 3px; }
tr.responses_td td { font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size: 9pt; background-color: #FFFFFF; padding: 3px; }
tr.responses_td2 td { font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size: 9pt; background-color: #EEEEEE; padding: 3px; }
.responses_tdBol { font-weight: bold; }
.responses_extra { margin-top: 10px; }
.responses_updated { font-family: 'Roboto Condensed', sans-serif; font-size: 8pt; margin-top: 10px; }
ul.breadcrumb { padding-left: 10px; padding-bottom: 5px; margin: 0px; list-style: none; }
ul.breadcrumb li { display: inline; font-family: 'Roboto Condensed', sans-serif; font-size: 9pt; }
ul.breadcrumb li+li:before { padding: 8px; color: #000000; content: "/\00a0"; }
ul.breadcrumb li a { text-decoration: underline #1C2869; font-weight: bold; color: #1C2869; }
ul.breadcrumb li a:hover { text-decoration: underline #800000; color: #800000; }
.main_content_right_subtitle { font-family: 'Roboto Slab', serif; font-size: 20pt; color: #1C2869; }
.main_img_container { position: relative; margin: auto; box-sizing: border-box; }
.main_img_text { position: absolute; right: 5px; bottom: 9px; background-color: rgba(15, 41, 64, 0.5); border: 1px solid #1C2869; border-radius: 5px; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 8pt; color: #FFFFFF; }
.main_img { border-radius: 10px; border: 2px solid #1C2869; }
.callDetails_tbl { border-collapse: collapse; border-top: 1px solid #000000; border-bottom: 1px solid #000000; width: 100%; font-family: 'Roboto', sans-serif; padding: 5px; font-size: 9pt; }
tr.responseDetails_year_th td { font-size: 10pt; font-weight: bold; text-align: center; background-color: #800000; color: #FFFFFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 5px; }
.responseDetails_year0_th { font-family: 'Roboto Condensed', sans-serif; font-size: 10pt; text-align: center; background-color: #FFFFFF; color: #000000; padding: 4px; }
.responseDetails_year1_th { font-family: 'Roboto Condensed', sans-serif; font-size: 10pt; text-align: center; background-color: #EEEEEE; color: #000000; padding: 4px; }
.responseDetails_summary { font-family: 'Roboto Condensed', sans-serif; font-size: 10pt; text-align: center; background-color: #C0C0C0; color: #000000; padding: 5px; }
.responseDetails_year { font-size: 14pt; font-weight: bold; }
#mapid { height: 500px; width: 775px; border: 2px solid #1C2869; border-radius: 10px; }
#geomapid { height: 350px; width: 775px; border: 2px solid #1C2869; border-radius: 10px; }
.section_toc { background-color: #1C2869; width: 150px; border-radius: 10px; border: 2px solid #505050; float: right; margin-left: 20px; margin-bottom: 20px; }
.section_toc_header { color: #FFFFFF; padding: 8px; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; font-weight: bold; text-align: center; }
ul.section_toc_items { list-style: none; margin: 0px; padding: 0px; }
ul.section_toc_items li { display: block; font-family: 'Roboto', serif; font-size: 10pt; padding: 5px; text-align: center; background-color: #C0C0C0; }
ul.section_toc_items li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
ul.section_toc_items li:hover { background-color: #EEEEEE; }
ul.section_toc_items li a { text-decoration: underline #1C2869; color: #1C2869; font-weight: bold; }
ul.section_toc_items li a:hover { text-decoration: underline #800000; color: #800000; }
.main_quote { font-family: 'Noto Sans JP', sans-serif; font-size: 14pt; font-weight: 900; font-style: italic; color: #1C2869; width: 790px; margin-top: 10px; }
.staff_container {text-align: center;}
.staff_container_element {width: 250px; display: inline-block; text-align: center; margin-bottom: 25px;}
.staff_container_name {font-weight: bold;}
.staff_container_separator {font-size: 10pt; font-weight: bold; color: #FBD11D; margin-top: -5px;}
.staff_container_title {font-size: 11pt; margin-top: -5px;}
.staff_container_email {font-size: 10pt;}
.staff_img {border: 3px solid #343F64; border-radius: 10px;}
table.genericTable { border-collapse: collapse; border-top: 1px solid #000000; border-bottom: 1px solid #000000; width: 100%; font-family: 'Roboto', sans-serif; padding: 5px; font-size: 9pt; }
table.genericTable thead { font-size: 10pt; font-weight: bold; text-align: center; background-color: #800000; color: #FFFFFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 5px; }
table.genericTable tbody { font-family: 'Roboto Condensed', sans-serif; font-size: 10pt; text-align: center; background-color: #FFFFFF; color: #000000; padding: 4px; }
table.genericTable tbody tr:nth-child(even) {background-color: #EEEEEE;}
table.genericTable tbody tr:hover { background-color: #FBD11D; } 
.main_geo_emphasis { width: 600px; text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; background-color: rgba(251,209,29,0.5); border: 2px solid #FBD11D; border-radius: 10px; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 13pt; font-weight: bold; color: #000000; }
.login_container { width: 450px; margin: auto; border: 2px solid #1C2869; background-color: #C0C0C0; padding: 10px; border-radius: 10px; }
.login_element { font-family: 'Roboto', sans-serif; font-size: 14pt; font-weight: bold; color: #1C2869; width: 100px; display: inline-block; text-align: right; margin-left: 20px; margin-right: 5px; }
.login_center {text-align: center; font-family: 'Roboto', sans-serif; font-size: 10pt; display: block; }
.login_center a { text-decoration: underline #1C2869; font-weight: bold; color: #1C2869; }
.login_center a:hover { text-decoration: underline #800000; color: #800000; }
input[type=text], input[type=number], input[type=password], select { width: 300px; padding: 6px 10px; margin: 8px 0; box-sizing: border-box; border: 1px solid #1C2869; color: #1C2869; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 14pt; text-align: center; background-color: #EEEEEE; }
input[type=submit] { padding: 6px 10px; margin: 8px 0; border: 1px solid #1C2869; color: #FFFFFF; border-radius: 5px; width: 150px; font-family: 'Roboto', sans-serif; font-size: 14pt; text-align: center; background-color: #1C2869; }
.contact_container { width: 600px; margin: auto; border: 2px solid #1C2869; background-color: #C0C0C0; padding: 10px; border-radius: 10px; }
.contact_element { font-family: 'Roboto', sans-serif; font-size: 14pt; font-weight: bold; color: #1C2869; width: 140px; display: inline-block; text-align: right; margin-left: 20px; margin-right: 5px; }
.contact_center { text-align: center; font-family: 'Roboto', sans-serif; font-size: 10pt; display: block;  margin-bottom: 5px; }
.contact_container input[type=text], input[type=email], input[type=number] { width: 400px; padding: 6px 10px; margin: 8px 0; box-sizing: border-box; border: 1px solid #1C2869; color: #1C2869; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 14pt; text-align: center; background-color: #EEEEEE; }
.contact_container input[type=submit] { padding: 6px 10px; margin: 8px 0; border: 1px solid #1C2869; color: #FFFFFF; border-radius: 5px; width: 200px; font-family: 'Roboto', sans-serif; font-size: 14pt; text-align: center; background-color: #1C2869; }
.contact_element_textarea, .contact_container textarea{ display: inline-block; vertical-align: middle; }
.contact_element_textarea { font-family: 'Roboto', sans-serif; font-size: 14pt; font-weight: bold; color: #1C2869; width: 140px; text-align: right; margin-left: 20px; margin-right: 5px; height: 200px; }
.contact_container textarea { width: 400px; height: 200px; padding: 6px 10px; margin: 8px 0; box-sizing: border-box; border: 1px solid #1C2869; color: #1C2869; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 14pt; background-color: #EEEEEE; display: inline-block; }
.contact_recaptcha { font-family: 'Roboto', sans-serif; font-size: 12pt; font-weight: bold; color: #1C2869; }
.contact_req { font-family: 'Roboto', sans-serif; font-size: 14pt; font-weight: bold; color: #EF1008; display: inline-block; margin-left: 4px; }
.contact_err { padding: 10px; width: 600px; border: 1px solid #EF1008; background-color: #e5cccc; color: #EF1008; font-weight: bold; border-radius: 5px; margin: auto; text-align: center; margin-bottom: 10px; }
.contact_container input:invalid { background-color: #e5cccc; }
.weather { display: none; width: 350px; background-color: #C0C0C0; border: 1px solid #505050; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-left: 5px; padding-right: 5px; z-index: 1500; margin-left: 10px; margin-top: -10px; font-family: 'Roboto Condensed', sans-serif; font-size: 9pt; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); }
.weather_header { font-size: 12pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #505050; text-align: center; }
.weather_period { margin-bottom: 5px; }
.weather_icon { display: inline-block; width: 32px; height: auto; margin-right: 5px; vertical-align: top; }
.weather_fcst { display: inline-block; width: 100%; height: auto; vertical-align: top; }
.weather_updated { font-size: 8pt; text-align: center; margin-bottom: 5px; padding-top: 5px; border-top: 1px dashed #505050; }