body, html { height: 100%; margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: 400; }
img { vertical-align: top; }
.image_responsive { max-width: 100%; height: auto; }
.photoborder { border-color: black; border-style: solid; border-width: 1px; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.float_right { float: right; margin-left: 1%; margin-bottom: 1%; }
.float_left { float: left; margin-right: 1%; margin-bottom: 1%; }
input:focus { background-color: #FFFE95; }
.padded_text_box { width: auto; background-color: #D9D9D9; font-size: 82%; float: right; line-height: 160%; padding: 1%; margin: 1%; }
ul { list-style-type: disc; padding-left: 0.5em; }
li.list_plain { padding-top: 0.3em; padding-bottom: 0.3em; margin-top: 0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; }
.template_main_content { display: block; width: 100%; margin-top: 0; vertical-align: top; padding-left: 2%; padding-right: 2%; }
.headline_block { width: 100%; padding-top: 1%; padding-bottom: 0; height: auto; vertical-align: top; margin-bottom: 0; text-align: left; }
a:link, a:visited { text-decoration: none; color: #06359C; }
a:hover { color: #CC0033; }
.category_list_header { font-weight: bold; padding: 0.3em; background-color: #F2C355; }
.category_list_container { width: 100%; background-color: #F2F2F2; margin: 0; padding: 0; }
.category_list_wrapper { width: 100%; margin: 0; padding: 0; border-bottom: 2px solid white; }
.category_list_title { position: relative; left: 2.0em; margin-right: 2.0em; font-weight: normal; padding-left: 0.3em; padding-top: 0.5em; padding-bottom: 0.5em; background-color: #F2F2F2; }
.category_list_toggle { position: absolute; top: 0; left: -2.0em; width: 2.0em; padding: 0.5em; background-color: #F2F2F2; color: #215BB1; }
.category_list_record { font-size: 90%; padding-left: 0.4em; padding-right: 0.3em; margin: 0; background-color: #E5E5E5; }
a.list_categories_link:link, a.list_categories_link:visited { position: absolute; bottom: 10%; left: 5%; text-align: left; color: white; font-size: 130%; padding: 1.5%; background-color: rgba(0, 0, 0, 0.4); } 
a.list_categories_link:hover { color: #FFC72C; text-decoration: none; }
.slideshow_button { 
 border: none; display: inline-block; padding-left: 0.6em; padding-right: 0.6em; vertical-align: middle; overflow: hidden; text-decoration: none; 
 font-size: 100%; text-align: center; height: 60%; color: white; background-color: rgba(77, 77, 77, 0.2); 
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.slideshow_button:hover { color: black; background-color: rgba(255, 255, 255, 0.4); }
.slideshow_header { left: 0; top: 0; text-align: center; }
.slideshow_arrow_back { position: absolute; top: 50%; left: 0%; transform: translate(0%,-50%); -ms-transform: translate(-0%,-50%); }
.slideshow_arrow_forward { position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); }
.slideshow_header_text { font-size: 120%; font-weight: bold; padding: 0.2em 0.3em; }
.slideshow_text_bg { color: white; background-color: #808080; }
.slideshow_caption { left: 0; bottom: 0; text-align: left; }
.slideshow_caption_text { font-size: 90%; font-weight: normal; padding: 0.2em 0.3em; color: black; background-color: #E5E5E5; }
.footer_rule { display: block; width: 100%; margin-top: 2%; vertical-align: top; height: 2px; background-color: #CCCCCC; }
#footer { display: block; width: 100%; padding-top: 1%; padding-bottom: 1%; font-size: 100%; padding-left: 2%; padding-right: 2%; }
.admin_header_container { width: 100%; margin: 0 auto; height: auto; background-color: #DDDDED; border-bottom: 3px solid #0053A6; }
.admin_header { display: inline-block; position: relative; width: 45%; text-align: center; vertical-align: top;  padding: 2%; }
.admin_navbar_container { text-align: right; margin-right: 10%; margin-top: 0; margin-bottom: 0; }
a.admin_navbar:link, a.admin_navbar:visited { color: #004A92; text-decoration: none; padding-left: 2.0em; font-size: 100%; font-weight: bold; }
a.admin_navbar:hover { color: #3083FF; }
.form_fields { padding-top: 1%; padding-bottom: 1%; margin: 0; text-align: left; }
.tooltip_hidden { position: absolute; visibility: hidden; z-index: 2; padding: 5px; font-size: 80%; background-color: #E5E5E5; border: 1px solid #CCCCCC; opacity: 0; transition: opacity .5s; }
input[type=submit] { font-size: 100%; padding: 0.2em 0.3em; border: 1px solid black; border-radius: 2px; background-color: #D0DBF2; transition: all 0.5s ease; }
input:hover[type=submit] { background-color: #AAC1F2; transition: all 0.3s ease; }
input[type=text], input[type=password] { width: 80%; padding: 2px; border: 1px solid black; border-radius: 3px; background-color : #F2F2F2; }
input[type=text]:focus, input[type=password]:focus { background-color: #FFFEB2; }
textarea{ width: 80%; padding: 2px; border: 1px solid black; border-radius: 3px; background-color : #F2F2F2; }
textarea:focus { background-color: #FFFEB2; }
select { width: auto; padding: 2px; border: 1px solid black; border-radius: 3px; }
.photo_caption_block { float: right; max-width: 50%; text-align: left; vertical-align: top; padding-left: 0.8em; padding-bottom: 0.8em; margin: 0; }
.photo_caption_text { font-size: .85em; margin: 0; padding-top: 0.3em; }
.border_box
{ 
  width: 80%; padding: 1.5%; margin: 1.5%; border-radius: 2px; background-color: #EFEFEF; border: 1.5px solid #000000; margin: 0 auto;
  text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}

/* Desktop */
@media only screen and (min-width: 800px)
{
p, div, span, ul, ol, li, tr, td { font-size: 1.0em; line-height: 1.4; }
.container { max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto; background-color: white; padding-top: 2%; padding-left: 2%; padding-right: 2%; }
.messages_block { max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto; }
.masthead_header { width: 100%; margin: 0 auto; }
.masthead_mobile { display: none; }
#nav_bar { position: fixed; width: 100%; border-bottom: thin solid #4D4D4D; z-index: 100; background-color: #CC0033; }
ul.navbar { list-style-type: none; margin: 0; overflow: hidden; text-align: center; }
li.navbar, li.dropdown { display: inline-block; padding-top: 0.5em; padding-bottom: 0.5em; }
a.navbar:link, a.navbar:visited, a.navbar_dropdown:link, a.navbar_dropdown:visited { color: white; text-decoration: none; font-size: 1.1em; }
a.navbar:hover, a.navbar_dropdown:hover { color: #CCCCCC; }
.more_info_navbar {
 position: absolute; margin-top: 0.5em; margin-left: -5%; min-width: 20%; background-color: #E5E5E5; z-index: 10; 
 visibility: hidden; opacity: 0; transition: opacity .5s;
}
li.dropdown:hover .more_info_navbar { visibility: visible; opacity: 1; }
.more_info_navbar a { display: block; }
.more_info_box { border-top: thin solid #4D4D4D; border-left: thin solid #4D4D4D; border-right: thin solid #4D4D4D; }
a.more_info_text:link, a.more_info_text:visited { height: auto; margin: 0; color: #06359C; font-size: 90%; text-decoration: none; text-align: left; padding: 0.4em; border-bottom: thin solid #4D4D4D;  }
a.more_info_text:hover { background-color: #CCCCCC; color: #CC0033; }
a.choose_language:link, a.choose_language:visited { background-color: white; color: #CC0033; text-decoration: none; font-size: 0.9em; padding: 0.1em 0.15em; }
a.choose_language:hover { background-color: #CCCCCC; }
.footer_style { text-align: center; font-size: 100%; margin-bottom: 0.5em; }
.insert_content_image { max-width: 50%; }
.shadow_heading { color: white; font-size: 1.2em; font-weight: bold; text-shadow: 2px 2px 4px #1A1A1A, -2px -2px 4px #1A1A1A; margin-bottom: 2.0em; }
h1, h2, h3, h4, h5, h6 { color: #4D4D4D; font-weight: normal; }
h1 { font-size: 2.2em; margin-top: .4em; margin-bottom: .9em; }
h2 { font-size: 2.0em; margin-top: .4em; margin-bottom: .9em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
.section_divider { width: 100%; vertical-align: top; border-top-style: solid; border-top-width: 0.8em; border-top-color: #CC0033; margin-bottom: 1.5em; }
a.section_label:link, a.section_label:visited { 
 display: inline-block; width: 20%; background-color: #999999; border-left: 0.4em solid #CC0033; border-bottom: 0.2em solid #CC0033; border-right: 0.2em solid #CC0033;
 white-space: pre; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.1em; padding-right: 0.1em; text-align: center;
 color: white; font-size: 125%; font-weight: bold; text-shadow: 1px 1px 2px black;
}
a.section_label:hover { background-color: #808080; text-decoration: none; transition: all 0.8s ease; }
.section_text_block { display: inline-block; width: 79%; vertical-align: top; padding-left: 0.3em; padding-top: 0.3em; }
.up_arrow { position: fixed; right: 0; bottom: 0; z-index: 10; line-height: 1.0; text-align: center; padding-top: 0.5em; padding-bottom: 0; padding-right: 0.5em; padding-left: 0.5em; margin: 0; }
a.up_arrow:link, a.up_arrow:visited { background-color: #666666; color: white; font-size: 110%; }
a.up_arrow:hover { background-color: #E5E5E5; color: black; }
.title_text { font-size: 1.4em; font-weight: bold; }
#image_slideshow { max-width: 620px; position: relative; margin: auto; margin-bottom: 2%; margin-top: 1%; }
.smalltext { font-size: 1.0em; }
} 
/* End min-width: 800px */

/* Tablet */
@media only screen and (min-width: 800px) and (max-width: 1099px)
{
p, div, span, ul, ol, li, tr, td { font-size: 0.9em; line-height: 1.3; }
.container { max-width: 900px; }
.messages_block { max-width: 900px; }
.masthead_header { padding-bottom: 2%; }
#nav_bar { height: auto; padding-top: 0.2em; padding-bottom: 0.2em; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
a.section_label:link, a.section_label:visited { font-size: 115%; }
}
/* End (min-width: 800px) and (max-width: 1099px) */

/* Mobile */
@media only screen and (max-width: 799px)
{
body { font-size: 100%; }
p, div, span, ul, ol, li, tr, td { font-size: 0.9em; line-height: 1.3; }
.container { max-width: 799px; width: 100%; display: block; margin-left: auto; margin-right: auto; background-color: white; padding-top: 5%; padding-left: 3%; padding-right: 4%; }
.messages_block { max-width: 799px; width: 100%; margin-left: auto; margin-right: auto; }
.masthead_mobile { width: 100%; margin: 0 auto; padding-bottom: 3%; }
.masthead_header { display: none; }
#nav_bar { display: none; }
.nav_bar { 
 position: fixed; width: 100%; height: auto; border-bottom: thin solid #4D4D4D; z-index: 100; padding-top: 0.2em; padding-bottom: 0.1em; background-color: #CC0033;
}
ul.navbar { list-style-type: none; padding: 0; overflow: hidden; text-align: center; }
li.navbar, li.dropdown { display: inline-block; padding-top: 0.3em; padding-bottom: 0.3em; }
a.navbar:link, a.navbar:visited, a.navbar_dropdown:link, a.navbar_dropdown:visited { color: white; text-decoration: none; font-size: 90%; }
a.navbar:hover, a.navbar_dropdown:hover { color: #CCCCCC; }
.more_info_navbar {
 position: absolute; right: 0; margin-top: 0; margin-bottom: 0.5em; padding: 0.5em 2em; background-color: #E5E5E5;
 width: 100%; z-index: 10; visibility: hidden; opacity: 0; transition: opacity .5s;
}
li.dropdown:hover .more_info_navbar { visibility: visible; opacity: 1; }
.more_info_navbar a { display: block; }
.more_info_box { display: inline-block; vertical-align: text-top; width: 30%; }
a.more_info_text:link, a.more_info_text:visited { color: #06359C; text-decoration: none; text-align: left; padding-bottom: 0; padding-top: 0; margin: 0; }
a.more_info_text:hover { color: #CC0033; }
.footer_style { text-align: center; font-size: 90%; margin-bottom: 0.5%; }
.insert_content_image { max-width: 50%; }
.shadow_heading { color: white; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-shadow: 2px 2px 4px #1A1A1A, -2px -2px 4px #1A1A1A; margin-bottom: 1.2em; }
h1, h2, h3, h4, h5, h6 { color: #4D4D4D; font-weight: normal; }
h1 { font-size: 1.2em; margin-top: .2em; margin-bottom: .7em; }
h2 { font-size: 1.1em; margin-top: .2em; margin-bottom: .7em; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.8em; }
.section_divider { width: 100%; margin-bottom: 1.5em; border-top: 0.2em solid #CC0033; border-left: 0.2em solid #CC0033; border-right: 0.2em solid #CC0033; }
a.section_label:link, a.section_label:visited { 
 display: inline-block; width: 100%; background-color: #999999; margin: 0;
 white-space: normal; padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 0.1em; padding-right: 0.1em; text-align: center;
 color: white; font-size: 120%; font-weight: bold; letter-spacing: 0.02em; text-shadow: 1px 1px 2px black;
}
a.section_label:hover { background-color: #808080; text-decoration: none; transition: all 0.8s ease; }
.section_text_block { width: 100%; vertical-align: top; padding-top: 0.2em; padding-left: 0.3em; padding-right: 0.3em; }
.headline_block { width: 98%; margin-left: 4px; }
.up_arrow { display: none; }
.title_text { font-size: 1.2em; font-weight: bold; }
#image_slideshow { max-width: 620px; position: relative; margin: auto; margin-bottom: 2%; margin-top: 1%; }
.smalltext { font-size: 0.75em; }
} 
/* End max-width: 799px */

body.admin { background-image: none; background-color: #F3F0E3; margin: 0; }
body.plain { background-image: none; background-color: white; margin: 0; padding; 0; }
body.plain_white { background-image: none; background-color: white; }
body.plain_padded { background-image: none; background-color: #F3F0E3;   font-size: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
.admin_headline { color: black; }
a.no_underline:link, a.no_underline:visited { text-decoration: none; }
a.no_underline:hover { text-decoration: underline; }
a.menu_header:link, a.menu_header:visited { color: white; text-decoration: none; }
a.menu_header:hover { color: #FAD5A6; }
.dark_bg { background-color: #003193; color: white; }
.medium_bg { background-color: #3366CC; color: white; }
.light_bg { background-color: #DCDCDC; }
.extra_light_bg { background-color: #EEEEEE; }
.highlight_bg { background-color: #D0DBF2; }
.specialbg { background-color: #CC0033; }
.greybg { background-color: #EFEFEF; }
.bluebg { background-color: #99CCFF; }
.table_heading_small { font-size: 1.2em; font-weight: bold; color: white; }
.Table_Heading { background-color: #002C6D; font-size: 1.2em; font-weight: bold; color: white; }
a.whitetext:link, a.whitetext:visited { color: white; text-decoration: none; }
a.whitetext:hover { color: red; }
hr.divider { color: #BF1D1D; margin-top: .5%; margin-bottom: 2%; }
hr.content_rule { color: #999999; width: 60%; align: center; margin-top: 3%; margin-bottom: 3%; }
form { margin-top: 0; margin-bottom: 0; }
.form_button { background-color: #EEEEEE; border-color: silver; }
.form_button_small { font-size: .85em; background-color: #EEEEEE; border-color: silver; }
.redalert { color: #BF1D1D; }
.photoborder_red { border-color: #BF1D1D; border-style: solid; border-width: 1px; }
.plain_text { font-size: 1.0em; }
.plain_text_white { font-size: 1.0em; color: white; }
.plain_text_small { font-size: .85em; }
.plain_text_small_white { font-size: .85em; color: white; }
.nav_links_text { font-size: .85em; }
.archive { font-family: Times, Times New Roman; font-size: 100%; }
.list_tag { margin-bottom: 0.8em; }
.highlight { color: #BF1D1D; }
.highlightbig { color: #BF1D1D; font-size: 140%; }
.white { color: #FFFFFF; }
.subheadtext { font-style: italic; font-weight: normal; margin-top: 0.4em; }
.menutext { font-size: 1.0em; font-weight: bold; margin-left: 5px; margin-top: 10px; margin-bottom: 10px; }
.tinytext { font-size: .75em; }
.smallred { font-size: .85em; color: #BF1D1D; }
.padded_divider { padding: 3px; background-color: #003193; color: white; font-weight: bold; }