html{height: 100%;}

body {
  background: #6699CC;
  color: #6699CC;
}

blockquote {
  background: #FFFFFF;
  color: #6699CC;
  border-color: #666666;
}

/* remember to create background.png for shading effects */
#page {
  background: #FFFFFF url(/images/background.png) repeat-y;
  color: #003366;
}

#logo {
  background: #FFFFFF url(/images/top_banner.jpg) no-repeat;
  color: #6699CC;
}

#logo a,
#logo a:hover {
  background: transparent;
  color: #FFFFFF;
}

#quotation {
  color: #FFFFFF;
}

/* main menu */

#menu {
  background: #003366;
}

#menu ul a {
  color: #FFFFFF;
}

#menu ul a:hover {
  background: #FFFFFF;
  color: #003366;
}

/* Menu drop-down colors */

#menu ul ul h2,
#menu ul ul a {
  color: #FFFFFF;
  background: #003366;
}

#menu ul ul a:hover,
#menu ul ul h2:hover {
  color: #FFFFFF;
  background: #6699CC;
}

#main {
  background: transparent;
}

#footer {
 background: #003366;
 color: #FFFFFF;
}

#footer a,
#footer a:hover {
  background: transparent;
  color: #FFFFFF;
}

#content h1, h1 {
  background: transparent;
  color: #003366;
  border-color: #89A9C7;
}

#content p {
  background: transparent;
  color: #000000;
}

#content a,
#content a:hover {
  background: transparent;
  color: #003366;
}

#content ul li {
  background: #FFFFFF;
  color: #000000;
}

#sidepanel {
  background: transparent;
  color: #FFFFFF;
}
#sidepanel a,
#sidepanel a:hover {
  color: #FFFFFF;
}

#boxfull,
#boxleft,
#boxright {
  background: #FFFFFF;
  color: #000000;
}

#boxfull h2,
#boxleft h2,
#boxright h2 {
  color: #003366;
}

input,
textarea {
  background: #FFFFFF;
  color: #000000;
  border-color: #6699CC;
}

#pagenav h2 {
  color: #CC0000;
}

#pagenav li {
  border: solid 1px #6699CC;
}

#pagenav li:hover {
  background: #99CCFF;
  border: solid 1px #333333;
}