#banner1 {position: fixed; top: 10px; left: 2%; width: 15%; background-color: #000080; color:#ebecf6;}
/*dark blue block*/

#banner2 {position: absolute; top: 10px; left: 20%;}


#banner3 {position: absolute; top: 20px; left: 15%; width: 65%; align=center;}
#banner4 {position: absolute; top: 20px; left: 80%; width: 10%; align=center;}

#navigation {position: absolute; top: 200px; left: 2%; width: 15%;}

#navigation a:hover {background-color:#ebecf6;}

#sidebar { float: left; width: 15em; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; }

#sidebar a { display: block; padding: 0px 3px 3px 10px; background-color: #000080; color: #ffffff; border-bottom: 2px #497fbf solid; text-decoration: none; }

#sidebar a:hover { background-color: #898989; border-right: 3px #d7d7d7 solid; border-bottom: 3px #d7d7d7 solid; padding-bottom: 5px; }


#content {position: absolute; top: 150px; left: 20%;}
#content a:hover {background-color:#ebecf6;}

#content2 {position: absolute; top: 300px; left: 20%;}
#content2 a:hover {background-color:#ebecf6;}

body{background-color:#abc4fe;} /*blue background*/

li {list-style-type: circle; font size: 15px; font-family: "comic sans ms", "arial"; line-height: 150%; color: #000080}

h1 {font-size: 30px; font-family:"comic sans ms"; color:#ebecf6; text-align: center}

h2 {font-size: 30px; font-family: "comic sans ms"; color: #000080; text-align: center}

h3{font-size: 20px; font-family: "comic sans ms"; color: #000080; font-weight: bold; text-align: center}

h4{font-size: 20px; font-family: "comic sans ms"; color: #000080; font-weight: normal}

h5{font-size: 15px; font-family: "comic sans ms"; color: #000080; font-weight: bold}

h6 {font-size: 20px; font-family: "comic sans ms"; color: #ebecf6; font-weight: bold} 

p{font size: 15px; font-family: "comic sans ms", "arial"; line-height: 150%; color: #000080}

a:link{font-family: "comic sans ms"; color:#4a2885; font-size: 15px; font-weight: bold;}
a:visited{font-family:"comic sans ms",; color:#6f559d; font-size: 15px; font-weight: bold;}
