@charset "utf-8";
/* Content Styles */
myTable_wrapper, .dataTables_wrapper {
min-height: 0px !important;
}
/* section headings */
.bluetext {
color: #4b7dfa;
}
.redtext {
color: #f73f3f;
}
.whitetextnounderline {
text-decoration: none;
color: #eff4ff;
}
body {background: #333333;}{
font-size:0.9375em; /* 15 ÷ 16 */
background: #434343;
font-family: "Arial", Arial, sans-serif;
}
legend {
display: block;
margin: 0px 0px 0px 20px;
padding: 5px 0px 5px 0px;
text-align: left;
font-family: arial;
font-size: 12px;
font-style: normal;
left: auto;
text-align: left;
}
header {background: #333333;}
header h1 {
font-size:0.9375em; /* 15 ÷ 16 */
font-family: "Arial", Helvetica, sans-serif;
font-weight:narrow;
font-style:normal;
color: #eff4ff;
/*font-size: 250%;*/
margin: 70px 0 0 0;
padding: 0;
}
header h2 {
font-size:0.9375em; /* 15 ÷ 16 */
font-family: "Arial", Helvetica, sans-serif;
font-weight:light;
font-style:normal;
color: #4b7dfa;
text-align: center
margin: 0;
}
/*
footer spacer fs {
font-size:0.9375em; /* 15 ÷ 16 */
/* font-family: "Arial", Helvetica, sans-serif;
font-weight:light;
font-style:normal;
color: #434343;
text-align: center
margin: 0;
}
*/
hyperlinks {
font-size:0.9375em; /* 15 ÷ 16 */
font-family: "Arial", Helvetica, sans-serif;
font-weight: light;
font-style: normal;
margin: 0;
text-decoration: none;
}
/*
.logo {
float: left;
} */
IMG.displayed {
display: block;
width: 88%;
margin-left: auto;
margin-right: auto;
border: 1px solid #ffffff;
}
IMG.div7display {
display: block;
width: 95%;
margin-left: auto;
margin-right: auto;
height: 95%;
border:1px solid #ffffff;
}
IMG.div4display {
display: block;
width: 88%;
margin-left: auto;
margin-right: auto;
height: 95%;
border:1px solid #ffffff;
}
IMG.silhouette {
display: block;
width: 88%;
margin-left: auto;
margin-right: auto;
height: 95%;
}
IMG.help_button {
display: block;
width: 150;
margin-left: auto;
margin-right: auto;
height: 30;
}
.grey {
color: #434343
}
button {
font-size:small
}
/* show/hide menu bar on narrow screens */
#showDivs, #togglenav {
color: #333333;
line-height: 35px; width:100%;
}
#LayoutDiv1 { background: #333333}
#LayoutDiv2 { background: #404040}
#LayoutDiv3 { background: #404040}
#LayoutDiv4 { background: #404040}
#LayoutDiv5 { background: #404040}
/* #LayoutDiv6 { background: #373737} */
#LayoutDiv6 { background: #333333}
/* #LayoutDiv7 { background: #373737} */
#LayoutDiv7 { background: #333333}
/**re-usable classes**/
.center {
text-align:center
}
.right {
text-align:right
}
.border {
border: 4px solid #FFF; border-radius: 10px;
}
footer {
text-decoration: none;
background: #434343;
color: #eff4ff
}
footer p{
text-decoration: none;
margin:0; padding:0; text-align:center
}
footer a:link, footer a:visited {
text-decoration: none;
color: #4b7dfa;
font-weight: narrow
}
/**text styles**/
/* large and small text setting for same line application */
.big {
font-size: 0.75em;
font-style: italic;
}
.small {
font-size: 10px;
}
acknowledge {
text-align: left;
margin: 0 12px 0 12px;
padding: 6px;
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #eff4ff;
font-family: "Arial", Helvetica, sans-serif;
}
h1, h3, h4, h5, p {
text-align: left;
margin: 0 12px 0 12px;
padding: 6px;
/*font-size: 80%;*/
font-size: 13px;
font-weight: normal;
color: #eff4ff;
}
h2 {
text-transform: uppercase;
text-align: left;
margin: 0 12px 0 12px;
padding: 6px;
/*font-size: 80%;*/
font-size: 2em;
font-weight: normal;
color: #4b7dfa;
font-family: "Arial", Helvetica, sans-serif;
font-style: normal;
}
h2b {
text-transform: uppercase;
text-align: left;
margin: 0 12px 0 12px;
padding: 6px;
font-size: 0.7500em;
font-weight:normal;
color: #cc9933;
}
dh {
text-transform: uppercase;
text-align: left;
margin: 0px 12px 0 12px;
padding: 6px;
font-size: 1.1500em;
font-weight:normal;
color: #4b7dfa;
font-family: "Arial", Helvetica, sans-serif;
font-style: normal;
}
dt {
text-transform: uppercase;
text-align: left;
margin: 0px 0px 0px px;
padding: 6px;
font-size: 1.1500em;
font-weight:normal;
color: #eff4ff;
font-family: "Arial", Helvetica, sans-serif;
font-style: normal;
text-align: center
}
rh {
text-transform: uppercase;
text-align: left;
margin: 10px 0px 10px 0px;
padding: 6px;
font-size: 1.1500em;
font-weight:normal;
color: #4b7dfa;
font-family: "Arial", Helvetica, sans-serif;
font-style: normal;
text-align: center
}
/* header layout */
.logo {
position: relative;
float:left;
margin-right: 20px;
bottom: 0;
z-index: 2;
}
/*
.socialmedia {
position: relative;
float:right;
height: 155px;
width: 540px;
z-index: 3;
}
*/
.navs p {
/* position: absolute; */
position: relative;
float:right;
bottom: 20;
z-index: 4;
}
/* end */
/* #togglenav {
float:right; width:20em
} */
nav {
margin: 5px auto 24px auto; overflow:hidden;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
margin:0; padding:0; float: left;
}
nav li a {
text-decoration: none;
text-transform: uppercase;
display:inline-block;
border-style: solid;
border-width: 1px;
border-color: #D8E9B6;
margin: 0 10px 0 10px;
font-size: 14px;
color: #eff4ff;
font-weight:narrow;
background: #4b7dfa;
padding: 8px;
width: 105px
}
nav li a:hover, nav li a:active, nav li a:focus {
color: #eff4ff;
border-style: solid;
border-width: 1px;
border-color: #eff4ff;
background: #333333;
font-weight: narrow;
font-family: "Arial", Helvetica, sans-serif;
font-size: 14px;
}
/* Special Rules for Mobiles. */
@media only screen and (max-width: 481px) {
/** hide some divs **/
#LayoutDiv1, #LayoutDiv6, #LayoutDiv7 {
display: none
}
/* #togglenav {
float:none; width:100%;
} */
/**make navs full width**/
nav, nav li {
float:none
}
nav li a {
margin: auto;
width: 85%;
display:block;
line-height: 20px;
}
/* nav {
display:none
} */
.logo {
float:none
}
header h1 {
margin-top:0; margin-left: 25px;
}
body {
font-size: 75%
}
}
/* Special Rules for Tablets */
@media only screen and (min-width: 482px) {
nav {
display:block
}
#togglenav {
float:none; width:100%;
}
#showDivs {
display:none
}
body {
font-size:100%;
}
.gridContainer div {
min-height: 0px
}
}
/* Special Rules for Desktops */
@media only screen and (min-width: 1040px) {
nav {
float:right; width:auto;
}
nav {
display:block
}
#togglenav {
display:none
}
#showDivs {
display:none
}
body {
font-size: 14px;
font-family: "Arial", Helvetica, sans-serif;
}
.gridContainer div {
min-height: 0px
}
input.search-query {
background-color:#f47443;
color:#333333;
}
}
/* center tables in div */
table.center {
margin: auto;
}