
/* Universal selector */
/* remove all default margins and padding */
*{
margin: 0;
padding: 0;
/* Element selector */
/* applies to all ul elements */
/*Temporary borders*/
/* border: dashed 1px #f00; */
}
body{
background-color:#b0fff0;
font-family:arial,helvetica,sans-serif;
}
#wrapper{
width:63em;
/*put 20 px margin above the wrapper*/
margin:20px auto 0;
/*set right and left to auto for centering*/
background-color:#b0fff0;
}
/*applies only where class="hilite"*/
.hilite{
background-color:#ff0;
}
#header{
font-size:4em;
font-family:edwardian script itc;
text-align:center;
/*border:1px dashed*/
padding:5px;
color:#fff;
background-color:#00f;
}
#address {
height:1.50em;
font-size:1.2em;
text-align:center;
border:1px solid;

}
#navbar{
height:1.5em;
font-size:1.2em;
background-color:#ff0;
text-align:center;

}
#navbar li{
float:left;
list-style-type:none;
width:8.4em;
padding-left:2px;
}
/*applies to navbar links visited and unvisited*/
#navbar a:hover,
#navbar a:active{
background-color:#000;
color:#fff;
}
#links{
float:left;
margin-left:.15em;
width:10em;
height:19em;
list-style-type:none;
}
#links li{
font-size:1.2em;
width:9em;
list-style-type:none;
}
/*applies to links visited and unvisited*/
#links a:hover,
#links a:active{
background-color:#000;
color:#fff;
}
#contents{
float:left;
width:13em;
height:15.5em;
font-size:1.2em;
margin-left:.5em;
}
#contents li{
width:12em;
list-style-type:none;
}
/*applies to contents visited and unvisited*/
#contents a:hover,
#contents a:active{
background-color:#000;
color:#fff;
}
#logo{
float:left;
width:16.2em;
height:19.2em;
margin-left:1em;
}
#logo p{
width:16em;
height:10em;
margin-top:.2em;
}
#ac4rc{
font-size:1.2em;
text-align:center;
height:1.2em;
}
#purpose{
font-size:1.1em;
margin-left:.5em;
}
#announcement1{
font-size:1.1em;
background-color:#ff0;
text-align:center;
width:13.5em;
}
#announcement{
font-size:1.1em;
background-color:#eb5847;
text-align:center;
width:13.5em;
}


#question{
font-size:1.1em;
background-color:#eb5847;
width:13.5em;
text-align:center;
}
#announcement a:hover,
#announcement a:active{
background-color:#000;
color:#fff;
}
#announcement1 a:hover,
#announcement a:active{
background-color:#000;
color:#fff;
}
#question a:hover,
#question a:active{
background-color:#000;
color:#fff;
}
#battleship{
float:left;
height:19.5em;
width:19em;
margin-left:.2em;
}
#battleship p{
height:14.5em;
width:19em;
margin-top:1em;
}
#ni4bk{
font-size:1.2em;
text-align:center;
margin-top:.25em;
margin-bottom:.15em;
}
#purpose1{
font-size:1.2em;
}
#footer{
clear:both;
padding-left:8em;
height:1.5em;
font-size:1.2em;
background-color:#ff0;
}
#footer li{
float:left;
width:8em;
list-style-type:none;
}
/*footer hover and active links*/
#footer a:hover,
#footer a:active
{
background-color:#000;
color:#fff;
}
.scrollbar{
width:10em;
height:19em;
padding:.15em;
background-color:#ddd;
overflow:auto;
}
.scrollbar2{
width:12.8em;
height:15.5em;
padding:.25em;
overflow:auto;
}

