body { margin: 0px; padding: 0px; background-color: #8ba0a6; height: 100%; text-align: center; font-family: Arial, Verdana, Helvetica }
img { border: 0px;}
#page { margin:25px auto; text-align:left; width: 703px; padding-top: 0px; background-color: #FFFFFF; }
#whitePage { margin:0; text-align:left; width: 703px; padding: 0px; background-color: #FFFFFF; float: left; background-image: url("../images/site/navi_bg.gif"); background-repeat: repeat-y;}

#banner { margin: 0; padding: 0; width:703px; float: left; text-align: right; background-color: #FFFFFF }

#naviFrame { margin-left: 1px; margin-right: 1px; border: 2px; border-color: #516970; width: 200px; float: left; background-color: #cccccc;}
#naviFrame ul { list-style: none; padding: 0; margin-left: 15px;}
#naviFrame ul li { color: #516970; font-weight: bold; font-size: 11px; text-decoration: none; line-height: 30px; background-image: url("../images/site/navi.gif"); background-repeat: no-repeat; background-position: left bottom; display: block }
#naviFrame ul li a { text-decoration: none; color: #516970; font-weight: bold; font-size: 11px;}
#naviFrame ul li a:hover { color: #333333; text-decoration: none;}
#naviFrame ul li ul { list-style: none; padding: 0; margin-left: 15px; }
#naviFrame ul li ul li { background-image: none; text-decoration: none; font-weight: normal; }
#naviFrame ul li ul li  a { background-image: none; text-decoration: none; font-weight: normal; }
#naviFrame ul li ul li  a:hover { background-image: none; text-decoration: underline; font-weight: normal; color: #333333; }



#contentFrame { margin-left: 2px; margin-right: 1px; width: 495px; background-color: #516970; float: right;  } 
.textContainer { margin: 2px; background-color: #FFFFFF; padding: 20px; color: #516970; font-size: 11px; line-height: 20px; }
.textContainer .date { color: #CCCCCC; font-size: 14px;  }
.textContainer h1 { color: #333333; font-size: 18px;  }
.textContainer a { color: #333333; text-decoration: underline;  }
.textContainer a:hover { color: #516970; }

.marieTextContainer { margin: 2px; background-color: #FFFFFF; padding: 20px; color: #516970; font-style: italic; font-size: 11px; line-height: 20px; }
.marieTextContainer .date { color: #CCCCCC; font-size: 14px;  }
.marieTextContainer h1 { color: #333333; font-size: 18px;  }
.marieTextContainer a { color: #333333; text-decoration: underline;  }
.marieTextContainer a:hover { color: #516970; }

.thomasTextContainer { margin: 2px; background-color: #FFFFFF; padding: 20px; color: #516970; font-size: 11px; line-height: 20px; }
.thomasTextContainer .date { color: #CCCCCC; font-size: 14px;  }
.thomasTextContainer h1 { color: #333333; font-size: 18px;  }
.thomasTextContainer a { color: #333333; text-decoration: underline;  }
.thomasTextContainer a:hover { color: #516970; }

.janiceTextContainer { margin: 2px; background-color: #FFFFFF; padding: 20px; color: #516970; font-style: italic; font-size: 11px; line-height: 20px; }
.janiceTextContainer .date { color: #CCCCCC; font-size: 14px;  }
.janiceTextContainer h1 { color: #FFFFFF; font-size: 18px;  }
.janiceTextContainer a { color: #FFFFFF; text-decoration: underline;  }
.janiceTextContainer a:hover { color: #516970; }


.imageContainer { margin: 2px; background-color: #CCCCCC; padding: 20px; color: #516970; font-size: 11px; text-align: center }
.imageContainer img { border: 0; margin: 2px; }
 
p {}
td {}

 