html {
     scrollbar-face-color: #554087; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: #554087; scrollbar-darkshadow-color: #554087; scrollbar-track-color: #d8d8d8; scrollbar-arrow-color: #cccccc; 
}
body {
     background-image: url(../images/pageBkgrnd.gif); background-repeat: repeat-y; background-color: white; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: black; line-height: 16px
}
.headercell {
     height: 60px; background-image: url(../images/headerBkgrnd.gif); background-repeat: repeat-x; background-color: #358186
}
.header {
     width: 700px
}
.main {
     width: 750px
}
.maincell {
     background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 16px
}
.maincellAdm {
     background-color: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 16px
}
.maincellInner {
     background-color: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: black; line-height: 16px; border-right: none; border-bottom: none
}
.maincellOuter {
     width: 600px; border-right: 1px solid white
}
a {
     text-decoration: none; font-weight: bold; color: #554087
}
a:hover {
     text-decoration: underline; color: #368085; a0a0a0
}
.PageTitle {
     font-size: 15px; font-weight: bold; color: #554087
}
.ParaHead {
     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #554087; font-variant: small-caps
}
.menucell {
     width: 137px
}
.menu {
     font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: left
}
a.menu {
     color: black
}
a.menu:hover {
     color: orange 
}
.onPage {
     color: #554087
}
.menucellAdm {
     width: 137px
}
.menuAdm {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; font-variant: small-caps; line-height: 20px; text-align: center
}
a.menuAdm {
     color: #554087 
}
a.menuAdm:hover {
     color: #368085 
}
.onPageAdm {
     color: white
}
.menuAdmSec {
     font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #368085
}
a.menuAdmSec { /* Will not work, because <font class=menuAdmSec> is nested inside <a> */
     color: #368085 
}
a.menuAdmSec:hover { /* Will not work, because <font class=menuAdmSec> is nested inside <a> */
     color: #554087; text-decoration: underline;
}
.PageID {
     height: 25px
}
.button {  
     background-color: #554087; color: white; border: #554087 3px double; font-size: 10; font-weight: bold
}
.slideButton {  
     background-color: #554087; color: white; border: #554087 3px double; font-size: 10; font-weight: bold; font-variant: small-caps
}
.textbox {
     font-family: Arial, Helvetica, sans-serif; font-size:9pt; text-align:left; color:#56038a; background-color:#f5f5f5; border: 1px solid #56038a; padding-left: 3px; padding-right: 3px
}
.dropdown {
     font-family: Arial, Helvetica, sans-serif; font-size:9pt; text-align:left; color:#56038a; background-color:#f5f5f5; border: 1px solid #56038a
}
.formNote {
     font-family: Arial, Helvetica, sans-serif; font-size:12px
}
.formLabel {
     font-size: 12px; font-weight: bold; color: black
}
hr {
     height: 1px; border: none; color: #56038a; background-color: #56038a; text-align: center; margin: 0 auto; margin-bottom: 15px;
}
hrAlt {
     height: 1px; border: none; color: #ee0000; background-color: #ee0000; text-align: center; margin: 0 auto; 
}
li {
     list-style-type: disc; list-style-position: outside
}
.photo {
     border: 3px double #56038a
}
.footerOuter {
     width: 737px
}
.footer {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #46038a; font-variant: small-caps; text-align: center
}
.scoreTable {
     background-color: #554087; border: white 1px solid; font-family: Arial, Helvetica, sans-serif
}
.scoreHead {
     font-size: 9pt; font-weight: bold; color: #efefef
}
.scoreEvents {
     text-align: center; font-size: 7pt; background-color: #efefef; color: black
}
.score {
     text-align: center; font-size: 8pt; background-color: #ffffff; color: black
}
.scoreFirst {
     text-align: center; font-size: 8pt; font-weight: bold; background-color: #eae7f0; color: #554087
}
.scoreMedal {
     text-align: center; font-size: 8pt; font-weight: bold; background-color: #ffffff; color: #554087
}
.scoreAth {
     text-align: left; font-size: 8pt; background-color: #ffffff
}
.resultsMeetDescr {
     text-align: left; font-size: 9pt; background-color: #efefef; color: black; border-top: #999999 1px solid
}
.resultsTable {
     background-color: #554087; border: white 1px solid; font-family: Arial, Helvetica, sans-serif
}
.resultsHead {
     font-size: 9pt; font-weight: bold; color: #efefef; border: white 1px solid
}
.resultsHeadMini {
     font-size: 6pt; font-weight: bold; color: #554087; border: none; background-color: #dedede; padding: 0px
}
.results {
     text-align: right; font-size: 8pt; background-color: white; color: black
}
.resultsFoot {
     height: 5px
}
a.athLink {
     font-family: Arial; color: #554087; font-weight: normal
}
a.athLink:hover {
     font-family: Arial; color: #368085; 999999
}
.admTable {
    background-color: #56038a; border: white 1px solid; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 8pt
}
.admTH {
    background-color: #dedede; text-align: center
}
.admTD {
    background-color: #ffffff
}
.admAlt {
    background-color: #eeeeee
}
.admAlert {
    background-color: #FEFF89  /* yellow */
}
.sched {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; color: black; font-variant: none; text-align: center; border: #cccccc 1px solid; background-color: white
}
.schedHead {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: white; font-variant: none; text-align: center; border: #c0c0c0 2px solid; background-color: #554087
}
.sched {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; color: black; font-variant: none; text-align: center; border: #cccccc 1px solid; background-color: white
}
.code {
     font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; font-variant: none; text-align: center
}
.roster {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #554087
}
a.roster {
     font-weight: bold
}
a.roster:hover {
     color: #368085; 999999
}
.former {
     font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #555555
}
a.former:hover {
     color: #554087
}
.ContactHeader {
     font-size: 13px; font-weight: bold; color: #554087
}
.letterhead {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: black; font-variant: none
}
blockquote.letterhead {
     font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: black; background-color: #efefef; padding: 15px; border: 1px #56038a solid
}
.timestamp {
     font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: black; font-variant: none
}
.LastMod {
     text-align: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: black; font-variant: italic; border-top: black 1px solid
}
.EventDate {
     width: 97%; text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: black; font-variant: italic; border-top: black 1px solid
}
.calendarMonth {
     font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color: white; background-color: #6b519c
}
.calendarDays {
     width: 70px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: white; background-color: #b0b0d9
}
.calendarEmpty {
     height: 70px; background-color: #e8e8e8
}
.calendarCell {
     text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 70px; color: black; background-color: white
}
.calendarToday {
     text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; height: 70px; color: #554087; background-color: #eae7f0
}
.calendarNote {
     font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3c3c3c
}
.sorryMsg {
     width:80%; background-color: #efefef; text-align: center; border-top: 1px solid #56038a; border-bottom: 1px solid #56038a; padding-top: 15px; padding-bottom: 15px
}
.girlSign {
     font-family: Times New Roman, Arial, Helvetica; color: #554087; font-size: 20px; font-weight: bold
}
.boySign {
     font-family: Times New Roman, Arial, Helvetica; color: #275C63; font-size: 20px; font-weight: bold
}
.ContactBlock {
     border: 1px solid #56038a; padding: 12px; width: 350px; background-color: #f5f5f5; /* 393px to be even with map */
}
.ContactBlockShort {
     border: 1px solid #56038a; padding: 12px; width: 250px; background-color: #f5f5f5;
}
.map {
     border: 1px solid #56038a;
}
.formTable {
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
line-height: 18px;
background-color: #fcfcfc;
border: 1px solid #56038a;
}
.formTable td {
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px
}