/* Site CSS */
:root {
--grid-gap: 0px;
--font1: 'Helvetica', 'Arial', sans-serif;
--font2: 'Helvetica', 'Arial', sans-serif;
--font-size: 16px;
--theme_background_1: rgb(0, 78, 100);
--theme_foreground_1: #fff;
--theme_background_2: rgb(227, 227, 227);
--theme_foreground_2: #000;
--theme_background_3: rgb(244, 233, 205);
--theme_foreground_3: #000;
--body_foreground: rgb(85, 85, 85);
--body_background: rgb(244, 233, 205);
--block_color_1:var(--theme_background_1);
--block_color_1_alt:var(--theme_foreground_1);
--block_color_2:var(--theme_background_2);
--block_color_2_alt:var(--theme_foreground_2);
}
body {
background-color:rgb(244, 233, 205);
color:rgb(85, 85, 85);
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(0, 78, 100);
background-image:url('https://web-cdn.org/s/1316/image/Banners/01.jpg?maxwidth=1280');;
color:rgb(255, 255, 255);
grid-template-areas:'logo logo logo logo logo logo logo logo logo logo logo logo';
min-height:300px;
}
header div#inner {
height:300px;
}
#header_bar {
}
nav {
background-color:rgb(0, 78, 100);
color:rgb(255, 255, 255);
font-size:90%;
border-bottom:6px solid rgb(227,227,227);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(0, 78, 100);
color:rgb(255, 255, 255);
}
nav li:hover, nav li:active, nav li:hover>a, nav li:active>a, nav a.on, nav li.on, #menu_opener:hover::before, nav ul ul li:hover, nav ul ul li:hover>a {
background-color:rgb(227, 227, 227);
color:rgb(0, 0, 0);
}
nav ul {justify-content:center;}
article {
background-color:rgb(255, 255, 255);
color:rgb(85, 85, 85);
}
aside {
background-color:rgb(241, 241, 241);
color:#000;
}
footer {
background-color:rgb(0, 78, 100);
color:rgb(255, 255, 255);
border-top: 6px solid rgb(227,227,227);
}
@media(min-width: 780px) {
article section {padding: 1rem 2rem;}
aside section {padding: 1rem 2rem;}
footer section {padding: 1rem 2rem;}
}
section.breadcrumb, section.breadcrumb:nth-child(odd) {
background-color:#555555;
color:#ffffff;
}
section.breadcrumb a {
color:#ffffff;
}
#breadcrumbhomeicon {fill:#ffffff;}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:end;justify-self:center;}
}
body#p10941 {}
body#p10943 {}
body#p10944 {}
body#p10950 {}
body#p10951 {}
body#p10955 {}
body#p10956 {}
body#p10959 {}
body#p10960 {}
body#p10961 {}
body#p10962 {}
body#p10963 {}
body#p10964 {}
body#p10965 {}
body#p10966 {}
body#p10967 {}
body#p10968 {}
body#p10970 {}
body#p10973 {}
body#p10975 {}
body#p10976 {}
body#p10977 {}
body#p10978 {}
body#p14716 {}
body#p14717 {}
body#p14724 {}
body#p14725 {}
body#p14726 {}
body#p14727 {}
body#p14728 {}
body#p14729 {}
body#p14730 {}
body#p16636 {}
/* Custom CSS */
.header_heading {
font-size:50px;
text-shadow: 0 0 1px #000, 0 0 3px #363636;
text-decoration:underline;
background: rgba(0,0,0,.3);
padding: 1rem 2rem;
border-radius: .5rem;
}

main {
-webkit-box-shadow: 0 0 0 4px rgba(255,255,255,1),0 0 3px 4px rgba(0,0,0,.6);
box-shadow: 0 0 0 4px rgba(255,255,255,1),0 0 3px 4px rgba(0,0,0,.6);
}

@media only screen and (max-width: 600px) {
body.margin_1 {
padding:0;
}
h1 {
font-size:30px;
}
h2 {
font-size: 26px;
}
}

/* vertical menu layout size up until 1600px */
@media (min-width: 1025px) {
main {
  grid-template-columns: 220px repeat(4, 1fr) 180px;
}
}
/* vertical menu layout size over 1600px */
  @media (min-width: 1600px) {
body.width_1280 main {
  grid-template-columns: 220px repeat(4, 1fr) 100px;
}
}