/* body colors and fonts */
body {
  background-color: #3399cc;
  font-family: arial, sans-serif;
  margin-top   : 5;
}
  
/* links */
a:link {
  background-color: #3399cc;
  text-decoration: underline;
}
a:visited {
  color: #000033;
  background-color: #3399cc;
  text-decoration: underline;
}
a:hover {
  color: #FFCC00;
  background-color: #3399cc;
  text-decoration: underline;
}
a:active {
  color: #3399cc;
  background-color: #000033;
  text-decoration: none;
}
a:focus {
  color: #3399cc;
  background-color: #000033;
  text-decoration: none;
}

/* headings */

/* padding and margins */
div, ul {
  padding: 0px;
  margin: 0px;
}
h1 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h2 {
  padding: 12px 0px;
  margin: 0px;
}
h3, h4, p {
  padding: 8px 0px;
  margin: 0px;
}

/* lists */
ul {
  list-style-type: square;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 20px;
}
li {
  padding: 2px 0px;
}
ul.homepage {
  list-style-type: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

/* text alignment and styles */
.bold {
  font-weight: bold;
}
.bold-italic {
  font-weight: bold;
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
em {
  font-weight: normal;
  font-style: italic;
}
h3 {
  color: #003399;
  background-color: #ffffff;
}

/* header div */
#header {
  color: #000;
  background-color: #3399CC;
  width: 730px;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid #000033;
  padding: 0px;
  font-size: 78%;
  font-weight: bold;
}
#header a:link {
  color: #FFF;
  background-color: #3399CC;
  text-decoration: underline;
}
#header a:visited {
  color: #FFF;
  background-color: #3399CC;
  text-decoration: underline ;
}
#header a:hover {
  color: #FC0;
  text-decoration: underline;
}
#header a:active {
  color: #FC0;
  text-decoration: NONE;
}
#header a:focus {
  color: #FC0;
  text-decoration: NONE;
}

/* main div */
#main {
  color: #000033;
  background-color: #ffffff;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000033;
  padding: 5px;
  font-size: 90%;
}
#main a:link {
  color: #000000;
  background-color: #ffffff;
  text-decoration: underline;
}
#main a:visited {
  color: #000000;
  background-color: #ffffff;
  text-decoration: underline;
}
#main a:hover {
  color: #000000;
  background-color: #ffffff;
  text-decoration: underline;
}
#main a:active {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}
#main a:focus {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}