body{
    background-color: #e1e8f2;

}

h1{
    font-family: Trebuchet MS;
    font-size: 150%;
    font-weight: normal;
    color: white;
    padding-top: 5%;
    padding-right: 20%;
    padding-left: 10%;
    padding-bottom: 5%;
}

h2{
    font-family: Trebuchet MS;
    font-size: 130%;
    font-weight: normal;
    padding-top: 12%;
    padding-right: 12%;
    padding-left: 18%;
    color: #253468;
}

h3{
    font-family: Trebuchet MS;
    font-size: 110%;
    font-weight: normal;
    padding-top: 2%;
    padding-right: 12%;
    padding-left: 18%;
    color: #253468;
}
p{
    font-family: Trebuchet MS;
    font-weight: normal;
    padding-left: 10%;
    font-size: 100%;
    color: white;
}
a.green{
    text-decoration: none;
    color: #bf64a1;
}
a{
    text-decoration: none;
    color: #253468;
}

a:hover{
    color:#cd9871;
}

p.green_para{
    font-family: Trebuchet MS;
    font-weight: normal;
    padding-left: 18%;
    padding-bottom: 11%;
    font-size: 100%;
    color:#253468;
}
p.pink_para{
    padding-left: 23%;
}
h2.pink_title{
    padding-top: 5%;
    padding-left: 8%;
    color: white;
}
.logo{
    width: 20%;
    min-width: 20px;
    padding-top: 5%;
    padding-left: 8%;
    padding-bottom: 4%;
}
#main_container{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: -10px;
    background-color: white;
/*    max-width: 960px; */
}
#blue{
    width: 100%;
    height: auto;
    float: left;
    background-color: #33478c;
    border-top:20px solid #253468;
    border-bottom: 20px solid #253468;
    overflow: hidden;

}

#toppanel{
    width: 100%;
    height: auto;
    float: left;
    background-color: #ffffff;
    border-top:0px solid #000000;
    border-bottom: 0px solid #000000;
    overflow: hidden;
}

#midpanel{
    width: 100%;
    height: auto;
    float: left;
    background-color: #ffffff;
    border-top: 10px solid #253468;
    border-bottom: 0px solid #000000;
    overflow: hidden;
}

#finalpanel{
    width: 100%;
    height: auto;
    float: left;
    background-color: #ffffff;
    border-top: 10px solid #253468;
    overflow: hidden;
}

p.simple_para{
    font-family: Trebuchet MS;
    font-weight: normal;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 1%;
    font-size: 100%;
    color: #253468;
}

.green{
    width: 100%;
    margin-right: 2%;
    height: auto;
    background-color: #b5dd91;
    position: relative;
    overflow: hidden;
}
.text_green{
    width: 55%;
    height: 100%;
    float: left;
}
.orange{
    width: 45%;
    height: 100%;
    background-color: #cd9871;
    float: left;
    position: absolute;
    left: 55%;
    overflow: auto;
}

.square{
    padding-top: 7%;
    padding-left: 5%;

}
#pink{
    width: 100%;
    height: auto;
    float: left;
    background-color: #a82d80;
    border-top:20px solid #80135c;
    border-bottom: 20px solid #80135c;
    overflow: hidden;
}
#pink_title{
    width: 100%;
    height: auto;
}
#column_1{
    width: 35%;
    height: auto;
    padding-bottom: 20px;
    float: left;
}
#column_2{
    width: 25%;
    margin-left: 3%;
    float: left;
}
#column_3{
    width: 30%;
    margin-left: 3%;
    float: left;
}

#yellow{
    width: 100%;
    height: auto;
    float: left;
    background-color: #e3e769;
    overflow: hidden;
}
#visit{
    width: 40%;
    float: left;
}
#oswego{
    width: 22%;
    height: 30%;
    margin-left: 17%;
    padding-top: 5%;
    float: left;
}
#ipac{
    width: 13%;
    height: 30%;
    margin-left: 4%;
    float: left;
    padding-top: 5%;
    padding-bottom: 5%;
}
.square_logos{
    width: 95%;

}
/*--------------------------responsive----------------------------*/

@media screen and (max-width:740px){
   
    #green{
    width: 100%;
    height: auto;
    background-color: #b5dd91;
    float: left;
}
h1{
    font-size: 130%;
    padding-top: 5%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 5%;
}

h2{
    font-size: 110%;
    padding-top: 5%;
    padding-right: 8%;
    padding-left: 8%;
}

h3{
    padding-top: 1%;
    padding-left: 8%;
    font-size: 90%;
}
p{
    padding-left: 8%;
    font-size: 80%;
    color: white;
}
p.green_para{
    padding-left: 8%;
    padding-bottom: 3%;
    font-size: 80%;
    color:#253468;
}
h2.pink_title{
    font-size: 105%;
}
.text_green{
    width: 100%;
}
.orange{
    display: none;
}
#pink{
    border-top:15px solid #80135c;
    border-bottom: 15px solid #80135c;
}
#blue{
    border-top:15px solid #253468;
    border-bottom: 15px solid #253468;
}
#visit{
    width: 40%;
    padding-left: 6%;
    float: left;
}
#oswego{
    width: 22%;
    height: 30%;
    margin-left: 11%;
    padding-top: 5%;
    float: left;
}

.logo{
    width: 130px;
}
}

@media screen and (max-width:460px){
   
    #green{
    width: 100%;
    height: auto;
    background-color: #b5dd91;
    float: left;
}
h1{
    font-size: 110%;
    padding-top: 5%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 5%;
}

h2{
    font-size: 90%;
    padding-top: 5%;
    padding-right: 8%;
    padding-left: 8%;
}

h3{
    padding-top: 1%;
    padding-left: 8%;
    font-size: 70%;
}
p{
    padding-left: 8%;
    font-size: 60%;
    color: white;
}
p.green_para{
    padding-left: 8%;
    padding-bottom: 3%;
    font-size: 60%;
    color:#253468;
}
h2.pink_title{
    font-size: 85%;
}
.text_green{
    width: 100%;
}
.orange{
    display: none;
}
#visit{
    width: 50%;
    float: left;
}
#oswego{
    width: 30%;
    height: 30%;
    margin-left: 10%;
    padding-top: 5%;
    float: left;
}
#ipac{
    display: none;
}
.logo{
    width: 130px;
}
#pink{
    border-top:10px solid #80135c;
    border-bottom: 10px solid #80135c;
}
#blue{
    border-top:10px solid #253468;
    border-bottom: 10px solid #253468;
}
}