@charset "utf-8";
/* CSS Document */

/*****************************************
 *           TABLE of CONTENTS           *
 *****************************************
 INDEX - GALLERY styles
 INDEX - SPOTLIGHTS/FEATURES styles
 INDEX - NEWS/EVENTS styles
 RIGHTCOL BOX styles
 *****************************************/


/*****************************************
 INDEX - GALLERY styles
 *****************************************/
.gallery {width:228px; height:190px;}
.gallery .heading {background-color: #FCEDB6;}



/*****************************************
 INDEX - SPOTLIGHTS/FEATURES styles
 *****************************************/
.menu {float: right; margin: 4px;}
.spotMenuHigh, .featuresMenuHigh {color: #002244; font-size: 120%;}
 
.spotlights {}
.spotlights h2 {width: 100px; float: left;}
.spotlights .heading {background-color: #CFDBEB;}
.teaser { margin: 8px;}
.teaser p {margin-bottom:15px;}
.teaser a {margin-bottom:15px;}

.features {padding-bottom: 8px; border-bottom: 1px solid #babcbd;}
.features .heading {background-color: #CED6C9;}

/* the following is to accomodate legacy html code. */
.features_caption {padding: 8px 0 0 16px; background-color: #FFFFFF;}

/*.features .caption {padding: 4px 0; background-color: #FFFFFF;}*/
.features .caption {padding: 8px 0 0 16px; background-color: #FFFFFF;}
.features .featBig .caption {padding: 8px 16px 16px 16px;}
div.featMore {margin-left: 16px;}
.featSm {float: left; width: 136px; margin-right: 16px;}
.featSm img {width: 136px; height: 90px;}



/*****************************************
 INDEX - NEWS styles
 *****************************************/
.news table {margin-bottom: 8px;}
/*.news td {padding: 4px 8px;}
.news td a {font-size: 90%; font-weight: normal;}*/
.news td {padding: 4px 8px; font-size: 90%; font-weight: normal;}
.news th div.bkgd1, .news th div.bkgd2 {
    position: relative;
    margin-top: 3px;
    background-repeat: no-repeat;
/*  background-position: 10px 7px;*/
    height: 50px;
    width: 47px;
    font-size: 90%;
/*font-weight: bold;*/
    font-family: "Times New Roman", Times, serif;
}

.news th div.day, .news th div.month {
    position: absolute;
    width: 90%;
    text-align: center;
}
.news th div.month {top: 26px; color: #222222;}
.news th div.day {top: 2px; color: #DDDDDD;}



/*****************************************
 RIGHTCOL BOX styles
 *****************************************/
.box {clear:both; padding-bottom: 8px;}
.box h2 {color: #002244; padding-left: 8px;}
.box .body {padding: 8px;}
.box p {padding: 0px;}
.box ul {margin: 0px; padding:0px;}
.box li {margin-bottom: 8px; list-style-type:none; text-transform:none;}