.floatRight { float: right; margin-left: .8em; }
.floatLeft { float: left; margin-right: .8em; }
.clearfloat { clear: both; height: 0; font-size: 1px; }

.photo { width: 200px; font-size: .8em; font-style: italic; line-height: 1em; }

#container { width= 80%; background-color: #abc4fe; margin: 0 auto; padding: 0; text-align: left; }

/*banner for 3-part header*/
#banner1 { background-color: #abc4fe; float: left; width: 14em; padding: 3px 3px 3px 20px; text-align: center; }
#banner2 { background-color: #abc4fe; float: left; width: 45em; padding: 3px 3px 3px 20px; text-align: center; }
#banner3 { background-color: #abc4fe; float: left; width: 14em; padding: 3px 10px 3px 20px; text-align: center; }

/*banner with blue block*/
#banner4 { background-color: #000080; color: #ebecf6; float: left; width: 14em; padding: 3px 3px 3px 10px; text-align: center; }
/*long banner used on intro pages*/
#banner5 { background-color: #abc4fe; float: left; width: 58em; padding: 3px 3px 3px 20px; text-align: center; }


#sidebar { float: left; width: 15em; font-size 15px}


#sidebar a { display: block; padding: 12px 1px 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; }

#navbar { height: 1.8em; background-color: #000080; overflow: hidden; }

#navbar a { float: left; white-space: nowrap; border-right: 1px #497fbf solid; padding: 3px 15px 4px 15px; color: #ffffff; text-decoration: none; }

#navbar a:hover { background-color: #898989; color: #ffffff; border-right: 3px #d7d7d7 solid; border-bottom: 3px #d7d7d7 solid; padding-right: 13px;  padding-bottom: 1px; }

#skipbutton { width: 10em; margin-left: 20 em; padding: 15px 3em 0 20em ; align: center; }

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

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

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

/*home page*/
#content2 { background-color: #abc4fe; margin-left: 20 em; padding: 5px 18em 0 18em ; text-align: justify; }
/*Costume-Index only*/
#content1 { background-color: #abc4fe; margin-left: 20 em; padding: 5px 10em 0 20em ; text-align: justify; }
/*other pages with 2-part banner*/
#content { background-color: #abc4fe; margin-left: 20 em; padding: 5px 10em 0 20em ; text-align: justify; }

table, td{ border: 0;  }
.costumebar { width: 750px; margin-right: auto; margin-left: auto; }
.caption {font-size: .8em; font-style: normal; font-family: "verdana", sans-serif; }

body { background-color: #abc4fe; font-family: "comic sans ms"; color: #000080; margin: 0; padding: 0; }

h1 { font-size: 30px; color:#ebecf6; text-align: center; }
h2 { font-size: 30px; text-align: center; }
h3 { font-size: 20px; font-weight: bold; text-align: center; }
h4 { font-size: 20px; font-weight: normal; }
h5 { font-size: 15px; font-weight: bold; }
h6 { font-size: 15px; font-weight: bold; color: #ffffff; }

p { font-size: 15px; }

#footer { font-style: italic; text-align: center; }

#copyright { color: WHITE; font-style: italic; text-align: center; }