body {
background-color: #88ddff;
font-family:"Trebuchet ms",arial;font-size:0.9em;
color:#333333;
word-spacing:0.2px;
line-height:18px;
}

#headerbox {
display:inline-block;
margin:auto;
margin-top:3%;
margin-bottom:2%;
margin-left:30%;
margin-right:30%;
text-decoration: none;
}

#upperheader {
font-size:250%;
color:#ffffff;
text-decoration: none;
text-shadow:3px 3px 3px rgba(82, 82, 82, 0.3), -1px 0 rgba(82, 82, 82, 0.3), 0 1px rgba(82, 82, 82, 0.3), 1px 0 rgba(82, 82, 82, 0.3), 0 -1px rgba(82, 82, 82, 0.3);
}

#aupperheader {
text-decoration:none;
}

#lowerheader {
font-size:120%;
color:#ffffff;
}

#title {
font:normal normal 20px helvetica;
}

#announcement{
background-color:#EDDEFF;
height:auto;
width:auto;
border-width:1px;
border-color:#E2CBFF;
border-style:solid;
border-radius:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}

a:link {
text-decoration:none;
color:#336699;
}
a:visited {
text-decoration:none;
color:#6699cc;
}
a:hover {
text-decoration:underline;
color:#32aaff;
}

#main {
background-color:rgba(255, 255, 255, 0.6);
border-radius:20px;
border-width:20px;
border-style:solid;
border-color:rgba(255, 255, 255, 0.6);
-moz-background-clip:padding;
-webkit-background-clip:padding;
background-clip:padding-box;
display:inline-block;
margin-left:30%;
margin-right:30%;
margin-bottom:5%;
}

#content {
background-color:#ffffff;
border-radius:20px;
border-style:solid;
border-width:0px;
padding:2%;
padding-bottom:5%;
}

#line {
background:rgba(200, 215, 219);
line-height:1.5px;
margin:-2.1%;
}

#bar {
background:rgba(214, 246, 255);
line-height:18px;
border-radius:20px;
padding:2%;
}

/* PHONE SCREEN */

@media only screen and (max-width:700px){

#headerbox {
display:block-inline;
margin:0;
margin-left:10%;
margin-top:5%;
padding-bottom:5%;
}


#content {
}

#upperheader {
font-size: 8vw;
}

#lowerheader {
font-size: 4vw;
margin-bottom:1%;
}

#main {
border-width:5px;
margin:0;
}

}