* {
    box-sizing: border-box;
}

html {
    position: relative;
    min-width: 1024px;
    min-height: 768px;
    height: 100%;
}

body
{
    background-color:                   #CCCCCC;
    margin-left:                       -512px;
    margin-top:                        -384px;
    position:                        absolute;
    height:                             680px;
    width:                             1024px;
    left:                                 50%;
    top:                                  50%;
}


.header {
    border: 1px;
    padding: 15px;
    background-color: #0071bc; color: white;
}
.menu {
    width: 19%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}

.main100 {
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}
.main70 {
    width: 70%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}
.main60 {
    width: 60%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}

.main50 {
    width: 50%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}
.main40 {
    width: 40%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}
.main30 {
    width: 30%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}

}
.main25 {
    width: 25%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: #0071bc; color: black;
}
.main20 {
    width: 20%;
    height: 680px;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: #0071bc; color: black;
}

.main100w {
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main100ws {
    width: 100%;
    float: left;
    padding: 15px;
    border: 15px;
    background-color: white; color: black;
}
.main95w {
    width: 95%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main90w {
    width: 90%;
    
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main80w {
    width: 80%;
    height: 680px;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main80wp {
    width: 80%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main70w {
    font-family: Myriad Pro;
    width: 70%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main70wp {
    width: 70%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main60w {
    font-family: Myriad Pro;
    width: 60%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main50w {
    width: 50%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main46w {
    width: 46%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main40w {
    width: 40%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main35w {
    width: 35%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main30w {
    width: 30%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main25w {
    width: 25%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main20w {
    width: 20%;
    float: left;
    padding: 15px;
    border: 1px;
    background-color: white; color: black;
}
.main15w {
    width: 15%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main13w {
    width: 13%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main12w {
    width: 12%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main10w {
    width: 10%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.main5w {
    width: 5%;
    float: left;
    padding: 0px;
    border: 0px;
    background-color: white; color: black;
}
.bottom {
    width: 80%;
    position: absolute;
    left: 0px;	
    bottom: 15px;
}
.bottom2 {
    width: 90%;
    position: absolute;
    left: 15px;	
    bottom: 0px;
}
.footer {
    width: 100%;
    border: 1px;
    padding: 15px;
    background-color: white; color: black;
}
h1 {
    text-align: justify;
    font-family: Myriad Pro;
    color: grey;
}
h2 {
    text-align: left;
    font-family: Myriad Pro;
    color: grey;
    vertical-align: middle;
}
h2.top {
    text-align: left;
    font-family: Myriad Pro;
    font-size: 120%;
    color: grey;
    vertical-align: text-bottom;
}
h3 {
    font-family: Myriad Pro;
    color: grey;
    text-align: right;
    vertical-align: middle;
}
h4.top {
    text-align: right;
    font-family: Myriad Pro;
    color: grey;
    vertical-align: text-bottom;
}
h4 {
    text-align: justify;
    font-family: Myriad Pro;
    color: grey;
}
h5.top {
    text-align: right;
    font-family: Myriad Pro;
    color: grey;
    vertical-align: text-bottom;
}
h5 {
    text-align: justify;
    font-family: Myriad Pro;
    color: grey;
}
p {
    font-family: Myriad Pro;

}
p.top {
    text-align: right;
    font-family: Myriad Pro;
    padding-top: 7px;
}
p.test {
    font-family: Myriad Pro;

}
p.right {
    font-family: Myriad Pro;
    text-align: right;
    vertical-align: middle;
}
p.home {
    font-family: Myriad Pro;
    text-align: center;
    color: white;
}

p.spacer {
    font-family: Myriad Pro;
    line-height: 140%;
}
p.spacer2 {
    font-family: Myriad Pro;
    line-height: 90%;
}
p.instruct {
    font-family: Myriad Pro;
    text-align: justify;
    font-style: italic;
    font-size: 110%;
    color: #008c8c;
}
.highlight {
    text-decoration:none;
    font-family: Myriad Pro;
    color: #00d9d9;
}
a {
    text-decoration:none;
    font-family: Myriad Pro;
    color: white;
}
a:hover {
    text-decoration:none;
    font-family: Myriad Pro;
    color: #00d9d9;
}

a.test {
    text-decoration:none;
    font-family: Myriad Pro;
    color: white;
}

a.test:hover {
    color: #00d9d9;
}

a.black {
    text-decoration: underline;
    font-family: Myriad Pro;
    color: black;
}
a.black:hover {
    text-decoration:none;
    font-family: Myriad Pro;
    color: #0071BC;
}
a.black1 {
    text-decoration: none;
    font-family: Myriad Pro;
    color: black;
}
a.black1:hover {
    text-decoration:none;
    font-family: Myriad Pro;
    color: #0071BC;
}
a.black2 {
    text-decoration: underline;
    font-family: Myriad Pro;    
    font-size: 80%;
    color: black;
}
a.black2:hover {
    text-decoration:none;
    font-family: Myriad Pro;
    font-size: 80%;
    color: #0071BC;
}
a.blue {
    text-decoration:none;
    font-family: Myriad Pro;
    color: #0071BC;
}
li {
    font-family: Myriad Pro;
    text-align: left;
}
img {
    max-width: 100%;
    height: auto;
}
img.test {
    max-width: 100%;
    height: auto;
}