.ie6 img {
width:100%;
}
div {
-webkit-column-count: 100%; /* Chrome, Safari, Opera */
-moz-column-count: 100%; /* Firefox */
column-count: 100%;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
position: absolute;
width: device-width;
min-height: 90%;
padding: 0;
margin: 0;
}
button, input, select, textarea { font-family: sans-serif; }
body {
width: 320px;
min-height: 80%;
padding: .1rem;
margin: .01rem;
font-family: Helvetica;
font-size: 14px;
line-height: 1.231;
position: relative;
}
body:after {
line-height: 1em; /* height of footer */
white-space: pre;
content: "\A";
}
#container {
min-height: 90%;
width: 80%;
margin: .02rem;
position:relative;
}
#wrapper {
min-height: 100%;
position: relative;
}
nav {
float: right;
margin: 2.2rem;
}
h1 {
margin-top: .53em;
margin-left: 3em;
padding-left: 3em;
text-align: left;
font-size: 2.2em;
text-color="#253B85"
}
h2 {
text-align: center;
font-size: 1.7em;
font-color: #253B85;
}
h3 {
text-align: center;
font-size: 1.1em;
font-color: #253B85;
}
h4 {
text-align: center;
font-size: 1.2em;
font-color: #253B85;
}
h5 {
text-align: center;
font-size: 1em;
font-color: #253B85;
}
h6 {
text-align: center;
font-size: 1em;
font-color: #253B85;
}
header {
position: relative;
margin-top: .67em;
margin-bottom: .33em;
font-weight: bold;
background-color: FFFFD;
}
img {
float: left;
margin: .1em;
padding: .01em;
max-width: 100%;
max-height: 100%;
}
figure {
float: center;
margin: .1em;
padding: .01em;
max-width: 100%;
max-height: 100%;
}
figcaption {
display: center;
}
caption {
caption-side: bottom;
display: center;
}
p {
font-family: Palatino;
font-weight: light;
text-color: #023199;
font-size: 14em;
line-height: 1.4;
}
p.clear {
clear: both;
}
main {
width: 100%;
min-height: 48em;
border: .20em solid #c3c3c3;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
background-color:#FFFFFC;
}
main#main div {
width: 35vw;
height: 35vw;
}
section {
margin-top: .5em;
margin-right: .2em;
margin-bottom: .5em;
margin-left: .2em;
padding: .1em;
}
article {
float: left;
background-color: e3eaf9;
min-height: 40vw;
height: 40vw;
width: 17vw;
padding: .1em;
margin:.5em;
}
article2 {
float: left;
background-color: ;
min-height: 40vw;
height: 40vw;
width: 17vw;
padding: .1em;
margin:.5em;
}
article3 {
float: left;
background-color: ;
min-height: 40vw;
height: 40vw;
width: 17vw;
padding: .1em;
margin:.5em;
}
article4 {
float: left;
background-color: ;
min-height: 40vw;
height: 40vw;
width: 5vw;
padding: .1em;
margin:.5em;
}
video1 {
float: center;
background-color: ;
min-height: 40vw;
height: 40vw;
width: 40vw;
padding: .1em;
margin: 2.5em;
}
aside {
float: left;
background-color: e3eaf9;
min-height: 40vw;
height: 40vw;
width: 20vw;
margin-top: .5rem;
padding: .1em;
margin-right: .5em;
margin-left: .5em;
}
nav2 {
float: right;
width: 19vw:
min-height: 40vw;
height: 47vw;
padding: 1em;
padding-right: 1em;
margin-top: 1.5rem;
margin-left: 3.25rem;
mating-bottom: 2rem;
background-color: #e0e4eb;
}
#nav2 {
background-color: #F0F8FF;
font-family: Arial;
}
#nav2_wrapper {
width: 20vw;
margin: 0 auto;
text-align: left;
}
#nav2 ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
min-width: 18em;
}
#nav2 ul li:hover {
background-color: #F0F8FF;
color:#FFF;
}
#nav2 ul li a, visited {
color: #326797;
display: block;
padding: 1em;
text-decoration: none;
}
/*notes--old text or background colors (CCC, 4a0, )*/
#nav2 ul li:hover ul {
display: block;
color: #FFF;
}
#nav2 ul ul {
display: none;
position: absolute;
background-color: #F0F8FF;
}
#nav2 ul ul li {
display: block;
}
#nav2 ul ul li a:hover {
color: #FFF;
}
#container {
min-height: 40%;
max-height: 100%;
max-width: 100%;
margin-bottom: .5rem;
position: relative;
}
footer {
position: absolute;
color:white;
background-color:#023199;
text-align: center;
font-weight: bold;
padding: 1rem;
width: 93%;
height: 1rem; /* height of footer */
bottom: 0px;
margin-top: -1rem; /* height of footer */
}
#footer {
position:relative;
bottom:0;
width:98%;
height:10rem; /* Height of the footer */
background:#023199;
}
/*