body {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 80%;
}
h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
    padding-bottom: .25em;
}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 100%; font-style: italic;}

table {
    vertical-align: top;
}
tr {
    vertical-align: top;
}
th {
    text-align: center;
    font-weight: bold;
    color: Black;
    background-color: #CCC;
}
.districtBorderBottom {
    border-bottom: thin solid black;
    background-color: #507CD1;
    color: White;
}
.padding2 {
    padding-left: 1em;
    padding-right: 1em;
}
.padding2Border {
    padding-left: 1em;
    padding-right: 1em;
    border-left: thin solid black;
}
.padding2BorderRight {
    padding-left: 1em;
    padding-right: 1em;
    border-right: thin solid black;
}
.tableReview {
    border: thin solid black;
}
.tabletop { vertical-align: middle;}
.tabletop tr { vertical-align: middle;}
.tabletop tr td { vertical-align: middle;}

.enrollTextBox {
    width: 5em;
}
.femaleTable {
    background-color: #CCC;
    text-align: right;
    border: solid thin black;
}
.femaleHeader {
    background-color: #CCC;
    font-size:x-large;
}
.femaleSubHeading {
    background-color: #507CD1;
    color: White;
}
.femaleAltLine {
    background-color: White;
    color: Black;
}
.maleTable {
    background-color:#CCC;
    text-align: right;
    border: solid thin black;
}
.maleHeader {
    background-color: #CCC;
    font-size:x-large;
}
.maleSubHeading {
    background-color: #507CD1;
    color: White;
}
.maleAltLine {
    background-color: White;
    color: Black;
}
.needHelp {
    font-weight: bold;
    color: #666;
    background-color: White;
}
.needHelpPhone {
    color: Red;
    background-color: White;
    font-weight: bold;
}
.ReminderMessage {
    font-size: 85%;
    color: #2E8B57;
    background-color: #FFF;
    font-weight: bold;
}
.reviewData {
    padding: 1em 1em 1em 1em;
    background-color: #EFF3FB;
}
.reviewData th {
    background-color: #507CD1;
    color: White;
}
.unsubmittedChanges {
    color: #507CD1;
    font-weight: bold;
    font-style: normal;   
}
.addressbox {width: 33em;}
.citybox {width: 11em;}
.statebox {width: 2em;}
.zipbox {width: 6em;}

.navsteps {
    margin-top: 0;
    padding-top: 0;
}
.blueshadebar  {
    height: 22px;
    background: url('../images/bluetabshort.jpg') bottom repeat-x;
}
.footer {
    font-size: 75%;
    text-align: center; 
    background-color: #FFF;
    color: #000;
}
.leftNavImage {
    background-color:#FFF; 
    text-align: left;
}
.leftnav-heading {
    text-align: center;
    font-weight: bold;
    font-size: 95%;
    background-color: #507CD1;
    color: #FFF;
    border: 0px solid black;
    padding-top: 0.1em;
    padding-bottom: 0.1em; 
    margin-left:0; 
    margin-right:0; 
    margin-top:.5em; 
    margin-bottom:0.25em;
}
.leftNavBar {
    width: 10%;
    background-color: #EFF3FB;
}
.subdividebody {
    width: 100%;
}
.ConfirmationBox {
    color: #FFF; 
    background-color: #507CD1; 
    font-weight: normal; 
    border: thin solid black;
    font-size : 130%; 
    padding: .75em .75em .75em .75em;
}
.GetStartedButton {
    font-weight: bold; 
    font-size: 150%;
    background-color: #CCC;
    color: Black;
}
.Required {
    font-weight: bold;
    font-style: normal;
    color: Red;
    background-color: White;
}
.RequiredHeader {
    font-weight: bold;
    font-style: normal;
    font-size: 120%;
    color: Red;
    background-color: White;
}
.ErrorMessage {
    background-color: White;
    color: Red;
    font-style: normal;
    font-weight: bold;
}
.WelcomeBanner {  
    border: thin solid black; 
    background-color: #D5E8FA; 
    padding: 2em 2em 2em 2em; 
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}
.ExitButton {
    font-weight: bold;
    font-size: 100%; 
    color: Black;
    width: 10em;
}
.BackButton {
    font-weight: bold;
    font-size: 150%; 
    color: Black;
    width: 6em;
}
.ContinueButton {
    font-weight: bold;
    font-size: 150%;   
    color: Black;
    width: 6em;
}
.SaveAndContinueButton {
    font-weight: bold;
    font-size: 100%;   
    color: Black;
    width: 12em;
}
.LastNameTextBox {
    width: 10em;
}
.FirstNameTextBox {
    width: 10em;
}
.MiddleInitialTextBox {
    width: 2em;
}
.EmailTextBox {
    width: 20em;
}
.PasswordTextBox {
    width: 10em;
}
.content {
    padding-left: 25px; 
    vertical-align:top; 
    background: url('../images/shade_left.jpg') repeat-y top left;
}
.completedstep {
    font-weight: normal;
    background-color: White;
    color: Black;
}
.futurestep {
    font-style: italic;
    background-color: White;
    color: Gray;
}

.centertext {text-align: center;}
.textcenter {text-align: center;}

.lefttext {text-align: left;}
.textleft {text-align: left;}

.righttext {text-align: right;}
.textright {text-align: right;}

.width05 {width: 05%;}
.width10 {width: 10%;}
.width15 {width: 15%;}
.width18 {width: 18%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width65 {width: 65%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width100 {width: 100%;}

.nomargin {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.floatleft {
    float: left;
}
.table-body {
    width: 100%;
}
.reprintPDF {
    font-size: large;
    border: 2px solid black;
    text-decoration: none;
}