body { 
  font-family: Georgia, 'Times Roman', serif; 
  font-size: 100%; 
  vertical-align: top; 
  text-align: left; 
  margin-left: 8px; 
  margin-right: 8px; 
  margin-top: 8px; 
  margin-bottom: 8px;
  color: #333333;
  background-color: #FFFFFF;
}
#page {
  position: relative;
  width: 680px;
  height: 1030px;
  z-index: 0;
  margin: 0px auto;
  left: 0px;
  top: 0px;
  border-style: none;
  border-width: 0px;
  border-color: #CCCCCC;
  background-color: #FFFFFF;
}
#page ul {
  margin: 16px;
  padding: 0px;
}
#page li {
  list-style-type: none;
  list-style-image: url(images/bullet.gif); 
  display: list-item; 
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  line-height: 120%; 
}
/********************** HOME PAGE *********************************/
#home_logo {
  position: absolute;
  width: 680px;
  height: 82px;
  z-index: 6;
  left: 0px;
  top: 10px;
  border-width: 0px;
  font-family: 'Trajan Pro', serif; 
  font-size: 260%;
  text-align: left;
  vertical-align: middle;
  line-height: 130%;
  background-color: #FFFFFF;
}
#home_collage {
  position: absolute;
  width: 680px;
  height: 218px;
  z-index: 1;
  left: 0px; 
  top: 100px;
}
#home_menubar {
  position: absolute;
  width: 680px;
  height: 28px;
  z-index: 2;
  left: 0px;
  top: 330px;
  border-color: #BFB981;
  border-width: 2px;
  background-color: #777777;
  background-image: url(images/menu_background.gif);
  background-repeat: no-repeat;
  font-family: 'Trajan Pro', serif; 
  font-size: 90%;
  color: #000000;
  text-align: center;
  line-height: 28px;
  background-color: #A7C29A;
  background-color: #DAE5D4;
  background-color: #AFB571;
  background-color: #BFC581;
}
#home_breakout_box {
  position: absolute;
  width: 180px;
  height: 360px;
  z-index: 4;
  left: 0px; 
  top: 390px;
  padding: 12px;
  background-color: #F3F3D2;
  background-color: #E8E8C1;
  background-color: #EBEBB8;
  font-size: 80%;
  color: #000000;
  text-align: left;
}
#home_content {
  position: absolute;
  width: 390px;
  height: 400px;
  z-index: 4;
  left: 220px; 
  top: 390px;
  padding: 8px;
  background-color: #FFFFFF;
  font-size: 80%;
  color: #444444;
  text-align: left;
}
#home_footer {
  position: absolute;
  width: 620px;
  height: 30px;
  z-index: 1;
  left: 30px;
  top: 920px;
  background-color: #FFFFFF;
  font-family: 'Trajan Pro', serif; 
  font-size: 80%;
  color: #666666;
  text-align: center;
  line-height: 30px;
}
/********************** OTHER PAGES *********************************/
#logo {
  position: absolute;
  width: 450px;
  height: 120px;
  z-index: 6;
  left: 0px;
  top: 30px;
  border-width: 0px;
  font-family: 'Trajan Pro', serif; 
  font-size: 260%;
  text-align: left;
  vertical-align: middle;
  line-height: 130%;
  background-color: #FFFFFF;
}
#menubar {
  position: absolute;
  width: 680px;
  height: 28px;
  z-index: 2;
  left: 0px;
  top: 190px;
  border-color: #BFB981;
  border-width: 2px;
  background-color: #777777;
  background-image: url(images/menu_background.gif);
  background-repeat: no-repeat;
  font-family: 'Trajan Pro', serif; 
  font-size: 90%;
  color: #000000;
  text-align: center;
  line-height: 28px;
  background-color: #A7C29A;
  background-color: #DAE5D4;
  background-color: #AFB571;
  background-color: #BFC581;
}
#menu_bar a {
  color: #FFFFFF;
  text-decoration: none;
}
#main_image {
  border-width: 0px;
  position: absolute;
  width: 124;
  height: 150px;
  z-index: 3;
  left: 556px;
  top: 20px;
  background-color: #FFFFFF;
}
#breakout_box {
  position: absolute;
  width: 180px;
  height: 360px;
  z-index: 4;
  left: 0px; 
  top: 260px;
  padding: 12px;
  background-color: #F3F3D2;
  background-color: #E8E8C1;
  background-color: #EBEBB8;
  font-size: 80%;
  color: #000000;
  text-align: left;
}
#content {
  position: absolute;
  width: 390px;
  height: 400px;
  z-index: 4;
  left: 220px; 
  top: 260px;
  padding: 8px;
  background-color: #FFFFFF;
  font-size: 80%;
  color: #444444;
  text-align: left;
}
#footer {
  position: absolute;
  width: 620px;
  height: 30px;
  z-index: 1;
  left: 30px;
  top: 700px;
  background-color: #FFFFFF;
  font-family: 'Trajan Pro', serif; 
  font-size: 80%;
  color: #666666;
  text-align: center;
  line-height: 30px;
}
#footer_menu a {
  color: #8C4A24;
  text-decoration: none;
}
/********************** TEXT STYLES *********************************/
.heading {
  font-size: 115%;
  font-weight: bold;
  color: #532C83;
  text-align: left;
}
.noborder {
  border-width: 0px;
}
.centered {
  text-align: center;
}
.image_centered {
  border-width: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.footer_left {
  background-color: #A9A977;
  font-size: 90%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}
.footer_right {
  background-color: #A9A977;
  font-size: 90%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
}
.red {
  color: #FF0000;
}
/* Style for line break that is half the height as usual. */
.small_gap {
  font-size: 30%;
}
/********************** LINK STYLES *********************************/
a.inline {
  font-size: 100%;
  color: #0000CC;
  text-align: left;
}
a.uwd {
  color: #666666;
  text-decoration: none;
}
/* Style for links when the mouse is hovering over them.  Keep this at the end. */
#footer_menu a:hover {
  color: #999999;
}
a:hover {
  color: #999999;
}
