.FFF10{font-family: verdana, helvetica; font-size: 10px; color: #007CC2; font-weight: bold;}
.footertext{font-family: verdana, helvetica; font-size: 10px; color: #999999;}
.99910{font-family: verdana, helvetica; font-size: 10px; color: #999999;}
.bodytext{font-family: verdana, helvetica; font-size: 11px; color: #333333; line-height: 14px;}
.b{font-family: verdana, helvetica; font-size: 11px; color: #0066CC; line-height: 14px;}
.33310{font-family: verdana, helvetica; font-size: 10px; color: #333333;}


.pageTitles{font-family: verdana, helvetica; font-size: 13px; color: #007CC2; font-weight: bold;}
.paraheader{font-family: verdana, helvetica; font-size: 12px; color: #CC3333; font-weight: bold;}

.dategrey{font-family: verdana, helvetica; font-size: 10px; color: #666666;}
.photocredit{font-family: verdana, helvetica; font-size: 9px; color: #CC3333;}
.creditlink{font-family: verdana, helvetica; font-size: 9px; color: #CC3333; text-decoration: underline;}
a.creditlink:hover{font-family: Verdana, helvetica; font-size: 9px; color: #CC3333; text-decoration: none;}


.link{font-family: verdana, helvetica; font-size: 11px; color: #CC3333; text-decoration: underline;}
a:hover{font-family: Verdana, helvetica; font-size: 11px; color: #CC3333; text-decoration: none;}

.smlink{font-family: verdana, helvetica; font-size: 10px; color: #CC3333; text-decoration: underline;}
a.smlink:hover{font-family: Verdana, helvetica; font-size: 10px; color: #CC3333; text-decoration: none;}

.bluelink{font-family: verdana, helvetica; font-size: 11px; color: #CC3333; text-decoration: underline;}
a.bluelink:hover{font-family: Verdana, helvetica; font-size: 11px; color: #CC3333; text-decoration: none;}


#date{position: absolute; top: 79px; left: 700px; z-index: 0; visibility: visible;}

.footernav{font-family: verdana, helvetica; font-size: 10px; color: #999999; text-decoration: none;}
.footernav:hover{font-family: verdana, helvetica; font-size: 10px; color: #CC3333; text-decoration: none;}
.copyright{font-family: verdana, helvetica; font-size: 10px; color: #999999;}

.legallink{font-family: verdana, helvetica; font-size: 10px; color: #999999; text-decoration: none;}
a.legallink:hover{font-family: verdana, helvetica; font-size: 10px; color: #CC3333; text-decoration: none;}

.nav{font-family: verdana, helvetica; font-size: 11px; color: #FFCC66; font-weight: normal; text-decoration: none; line-height: 14px;}
.nav:hover{font-family: verdana, helvetica; font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; line-height: 14px;}
.navOn{font-family: verdana, helvetica; font-size: 11px; color: #FFCC66; font-weight: normal; text-decoration: none;}

.acrobat{font-family: verdana, helvetica; font-size: 10px; color: #999999; text-decoration: none;}
.acrobatLink{font-family: verdana, helvetica; font-size: 10px; color: #007CC2; text-decoration: none;}
a.acrobatLink:hover{font-family: verdana, helvetica; font-size: 10px; color: #007CC2; text-decoration: underline;}
.roundrect{border-radius: 10px;}
.roundbottom{border-radius: 0 0 10px 10px;}

.header {
    font-family: 'impact', sans-serif;
    font-stretch: condensed;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0px;
    color: #ffffff; /* Text color */
    padding: 4px 8px 0px;
    border-radius: 10px 10px 0 0; /* Rounds only the top corners */
    position: relative;
    overflow: hidden;
}

.red-bg {
    background-color: #d90000; /* Primary background color */
}

.blue-bg {
    background-color: #007cc2; /* Primary background color */
}

.red-bg-stripe {
    background-color: #d90000; /* Primary background color */
}

/* Create the slanted stripes with pseudo-elements */
.red-bg-stripe::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom:0;
    width: 65px; /* Width of the slanted area */
    background: repeating-linear-gradient(
        65deg,
        #d90000 0px,
        #d90000 5px,
        #ffffff 5px,
        #ffffff 10px
    );
    -webkit-mask-image: linear-gradient(65deg, transparent, transparent 20px, black 20px, black 40px, transparent 40px);
    mask-image: linear-gradient(65deg, transparent, transparent 20px, black 20px, black 40px, transparent 40px);
}

.blue-bg-stripe {
    background-color: #007cc2; /* Primary background color */
}

/* Create the slanted stripes with pseudo-elements */
.blue-bg-stripe::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom:0;
    width: 65px; /* Width of the slanted area */
    background: repeating-linear-gradient(
        65deg,
        #007cc2 0px,
        #007cc2 5px,
        #ffffff 5px,
        #ffffff 10px
    );
    -webkit-mask-image: linear-gradient(65deg, transparent, transparent 20px, black 20px, black 40px, transparent 40px);
    mask-image: linear-gradient(65deg, transparent, transparent 20px, black 20px, black 40px, transparent 40px);
}