marginjrj marginjrj marginjrj marginjrj
@charset "UTF-8";
body {
background-color: #435e7a;
}
.bvhs {
background-color: #435E7A;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -5000;
}
.maincontentbox {
position: relative;
top: -275px;
margin: auto;
}
.w3-third.ws-margin-4.w3-card-16 {
width: 30%;
margin-right: 4px;
margin-left: 4px;
}
.w3-twothird.w3-card-16 {
margin-left: 4px;
width: 66%;
margin-top: 3px;
margin-right: 4px;
}
. bvhdarkblue {
color: #435e7a;
}
.bvhsblue{
background-color: #A3CFEE;
}
.bgblue {
background-color: #5882ac;
}
.borderblue {
background-color: #5882ac;
}
.bvhsgreen{
background-color: #d4f19d;
}
.marginjrj{
margin:8px 8px 8px 8px;
}
.wrapper {
height: 1400px;
background-color: #435e7a;
left: auto;
right: auto;
margin-left: auto;
margin-right: auto;
margin: auto;
max-width: 1280px;
max-width: 1280px;
}
.spanall {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}
.menubox {
background-color: #4275A0;
}
.navwidth {
width: 90%;
}
p {
text-align: left;
font-size: 12px;
margin-bottom: 6px;
line-height: 130%;
}
p.thinner {
font-weight: 300;
}
h3 {
font-size: 130%;
line-height: 100%;
font-weight: bold;
margin-bottom: 2px;
}
h4 {
font-size: 100%;
line-height: 100%;
font-weight: bold;
margin-bottom: 2px;
}
}
.botmargin {
padding-bottom: 20px;
}
}
.inset {
font-style: italic;
padding-left: 12px;
}
.charcoal {
background-color: #3D3D3D;
}
.rbuffer {
margin-right: 7px;
}
.year {
font-weight: bolder;
font-size: large;
}
.indent10 {
text-indent: 10px;
}
.indent20 {
text-indent: 20px;
}
.indent {
text-indent: 30px;
}
ul {
list-style-position: inside}
.imgright {
float: right;
}
.outdent {
text-indent: -22px;
text-align: left;
margin-left: 20px;
}
.imgcenter {
position: fixed;
left: 12em;
top: 3em;
max-height: 70vw;
}
.popup {
height:100%;
width:100%;
overflow: scroll;
}
.w3-closebtn {
right: 8em;
z-index: 1200;
top: 3em;
}
.newspaper3 {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}
.newspaper2 {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
-moz-column-gap: 20px; /* Firefox */
column-gap: 20px;
padding:8px 8px 8px 8px;
}
.dropcap {
margin-bottom: 6px;
text-indent: -16px;
}
.scroll {
overflow: scroll;
}
figcaption {
font-size: small;
}
figure {
margin-right: 20px;
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
}
.hzbreak {
margin-bottom: 5px;
}
.zminus1 {
z-index:-1;
}
.z10 {
z-index:10;
}
.z20 {
z-index:20;
}
.z30 {
z-index:30;
}
.z40 {
z-index:40;
}
.demoWrapper {
width: 680px;
height: 400px;
-webkit-font-smoothing: antialiased;
margin: 50px auto;
padding: 1px;
}
.stage {
height: 325px;
margin-top: 15px;
margin-left: 15px;
color: #ddd;
margin-right: 10px;
font-family: Arial, Helvetica, Verdana;
position:realtive;
}
.box {
position: absolute;
width: 180px;
height: 180px;
background-color: #06f;
display: inline-block;
margin: 10px 20px 20px 235px;
display: inline-block;
overflow:hidden;
}
.box > img {
width:180px;
height:auto;
border:0 solid #transparent;
outline:0 solid #transparent;
}