/************************************************************************/ /* ROOT ELEMENTS */ html, body { box-sizing: border-box; margin:0; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; padding:0; font-family:'Montserrat', sans-serif; -webkit-text-size-adjust:100%; line-height:1.5; color: var(--MainFontColor); /* font size is in layout_screensize.css */ background: url(/_layout/_images/logo/LogoParts/bkgrnd.png)no-repeat center fixed; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } img { image-orientation: from-image; } h1 {display:none;} h2 {font-size:26px; font-weight:bold;} h3 {font-size:22px; font-weight:bold;} h4 {font-size:18px;} h5 {font-size:16px;} h6 { } /************************************************************************/ /* Settings for the main section */ .bkgmain {background-color:var(--BkgColorMain); width:100%; } .bkg_Med_Color {background-color:var(--BkgColorMed); width:100%; } .bold {font-weight:bold;} .italic {font-style:italic;} /* HIGHLIGHT COLOR */ a:link {color: var(--HighlightColor_dark);text-decoration: none;} a:visited {color: var(--HighlightColor_dark); text-decoration: none;} a:hover {color: var(--HighlightColor_dark); text-transform:none;} a:active {color: var(--HighlightColor_dark);text-decoration: none;} /************************************************************************/ /* Dark Areas */ .HighlightColor_dark {margin:0; background-color:var(--HighlightColor_dark); color: var(--HighlightColor_light); font-weight:bold; text-transform:none; text-decoration:none; } .HighlightColor_dark a:link {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_dark a:visited {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_dark a:hover {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_dark a:active {color: var(--HighlightColor_light); text-decoration: none;} th {color: var(--HighlightColor_light);background-color:var(--HighlightColor_dark);} td {} /************************************************************************/ /* Medium Areas */ .HighlightColor_medium {margin:0; background-color:var(--HighlightColor_medium); color: var(--HighlightColor_light); font-weight:bold; text-transform:none; text-decoration:none; } .HighlightColor_medium a:link {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_medium a:visited {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_medium a:hover {color: var(--HighlightColor_light); text-decoration: none;} .HighlightColor_medium a:active {color: var(--HighlightColor_light); text-decoration: none;} th {color: var(--HighlightColor_light);background-color:var(--HighlightColor_medium);} td {} /************************************************************************/ /* Light Areas */ .HighlightColor_light {margin:0; background-color:var(--HighlightColor_light); color: var(--HighlightColor_dark); font-weight:bold; text-transform:none; text-decoration:none; } .HighlightColor_light a:link {color: var(--HighlightColor_dark); text-decoration: none;} .HighlightColor_light a:visited {color: var(--HighlightColor_dark); text-decoration: none;} .HighlightColor_light a:hover {color: var(--HighlightColor_dark); text-decoration: none;} .HighlightColor_light a:active {color: var(--HighlightColor_dark); text-decoration: none;} th {color: var(--HighlightColor_dark);background-color:var(--HighlightColor_light);} td {} /************************************************************************/ /* TABS */ /* Tabs - no JS file needed. Place script at bottom of page */ .tab {overflow: hidden;} /* Style the buttons that are used to open the tab content */ .tab button { background-color:#EEEEEE; float:left; outline:none; cursor:pointer; padding:.5em 1em; transition:0.3s; font-weight:bold;} .tab button:hover { background-color:#DDDDDD;} .tab button.active { background-color:#CCCCCC;} .tabcontent { display:none; padding:2.0em 1.5em; border:none; border-top:double rgb(8,8,67); border-radius:1em 1em 0 0; moz-border-radius:1em 1em 0 0; -webkit-border-radius:1em 1em 0 0;} div.tabContent.hide { display:none; } /* Shadded boxes */ /* HTML:
INFO HERE
*/ .shade {-moz-box-shadow: 5px 5px 5px #888888; /* Old Firefox */ box-shadow: 5px 5px 5px #888888; padding:.5em;} .shadeul {-moz-box-shadow: 5px 5px 5px #888888; /* Old Firefox */ box-shadow: 5px 5px 5px #888888;} .shade_right {-moz-box-shadow: 5px 5px 5px #888888; /* Old Firefox */ box-shadow: 5px 5px 5px #888888;} .shade_left {-moz-box-shadow: 5px 5px 5px #888888; /* Old Firefox */ box-shadow: -5px 5px 5px #888888;} .shadepic {-moz-box-shadow: 5px 5px 5px #888888; /* Old Firefox */ box-shadow: 5px 5px 5px #888888; padding:0em;} .shadecol3 {background-color:#EFEFEF; opacity: 0.9; -moz-box-shadow: 5px 5px 10px #BCBCBC; box-shadow: 5px 5px 10px #BCBCBC; padding:.5em; vertical-align:top; border-radius: 10px;} .shadecal {background-color:#EFEFEF; opacity: 0.9; -moz-box-shadow: 2px 2px 5px #BCBCBC; box-shadow: 2px 2px 5px #BCBCBC; padding:.5em; vertical-align:top; border-radius: 10px;} /****************************************************/ /* The sticky class is added to the navbar with JS (bottom of the page) when it reaches its scroll position */ .sticky { position: fixed; top: 0; width: 100%;} /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 50px;} /* FORMATTING THE NAV TO NOT SCROLL OFF THE PAGE */ html {padding: 0; margin: 0;} nav {z-index: 500;} .nav-placeholder { margin: 0 0 0 0;} .fixed {position: fixed;top: 0; left: 0; width: 100%; background-color: transparent;} .fixed .nav-inner {padding: 0;} .fixed .nav-inner-most {max-width: 100%; margin-left:auto; margin-right:auto;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /************************************************************************/ /* FOOTER OBJECT */ .footer { padding-bottom:1em; text-align: center; position: absolute; bottom: 0px; width:100%; background-color: var(--HighlightColor_medium); color: var(--HighlightColor_dark); } .navfooter {background-color: var(--HighlightColor_light); color: var(--HighlightColor_dark); font-weight:normal; text-decoration:none; font-size:11px;} .navfooter a:link {color: var(--HighlightColor_dark);text-decoration: none;} .navfooter a:visited {color: var(--HighlightColor_dark);text-decoration: none;} .navfooter a:hover {color: var(--HighlightColor_dark);text-decoration: none;} .navfooter a:active {color: var(--HighlightColor_dark);text-decoration: none;} /************************************************************************/ /* LINKS USED IN NAVIGATION */ .nav_Header {background-color: var(--HighlightColor_dark); color:var(--HighlightColor_light); font-size:14px; text-align:right; overflow:hidden; font-family:'Montserrat', sans-serif;} .nav_Header button {color:var(--HighlightColor_light); border:none; text-align:right; text-decoration:none; cursor:pointer; padding:.25em 1em;} .nav_Header button:hover {color:var(--HighlightColor_light);} .nav_Header button.active {color:var(--HighlightColor_light); font-weight:bold;} .nav_HeaderContent {display:none;} div.nav_HeaderContent { overflow:hidden; background-color:var(--HighlightColor_light); color:var(--HighlightColor_dark); text-align:right; padding:1em 1em 0 1em;} div.nav_HeaderContent.hide {display:none;}