#area3 {
  width: 495px ;     /* will be overwritten by formatPage() */
  height: 475px ;    /* should be same as height of area4 */
  margin: 0px ;
  padding: 0px ;
  border-color: #000000 ;
  border-style: solid ;
  border-top-width: 1px ;
  border-right-width: 1px ;   /* will be overwritten by formatPage() */
  border-bottom-width: 2px ;
  border-left-width: 0px ;
  color: #000066 ;
  font-size: 16px;
  float: left ;
  overflow-y: hidden ;
  overflow-x: hidden ;
}

#area3container {
  padding: 0px 10px 10px 10px ;
  clear: both ;
}

#area3 .heading {
  color: #666600;
  font-weight: normal;
  font-size: 22px;
}

#area3 .unorderedlist {
  color: #666600;
  text-align: center;
  margin: 0px ;
  padding: 0px ;
}

#area3 a:link,
#area3 a:visited {
    text-decoration: none ;
    /* color: inherit ; */  /* doesn't work IE */
}

#area3 a:hover {
    text-decoration: underline ;
}

#area3 .unorderedlist a:link,
#area3 .unorderedlist a:visited {
    color: #666600;  /* need for IE */
}

#area3 img {
    border-style: none ; 
}

#area3 img.videoicon {
    width: 16px ; 
    height: 12px ;
}

#area3 .image {  
    margin: 30px 20px 0px 20px;
    float: left ;
}

/**********************************************/

.menu ul {
    padding: 0px ; 
    margin: 0px ; 
    list-style-type:none ;
}

.menu li {
    margin-bottom: 22px ;
    font-size: 12px ;
    font-weight: bold ;
    line-height: 100% ;
    color: #000066 ;
    /* -moz-user-select: -moz-none ; */  /* it's in the HTML */
    border-style: solid ; 
    border-color: #000000 ; 
    border-width: 0px 1px 1px 0px ; 
    padding: 6px 10px 6px 10px ;
    float: left ;
    display: block ;
    border-width: 0px 1px 1px 0px ; 
}

.ie6_menu_li_hover,
.menu li:hover {
    cursor: pointer ;
    background-color: #cccccc ;
}

.menu li.area3MenuOptionSelected:hover {
    cursor: default ;
    /* background-color: #4acdcf ; */
    background-color: #00ffff ;
}

.area3MenuOptionSelected {
    color: #330066 ;
    background-color: #00ffff ;
}