/* Background Colors */
body {
    background-color:  #f1fbfe;
}

.header {
    background-color:  #e5f7fe;
}

.hr {
    background-color:  #2d6de3;
    background-color:  #094E99;
}

.hrLeft {
    background-color:  #2d6de3;
    background-color:  #094E99;
}

.hrRight {
    background-color:  #2d6de3;
    background-color:  #094E99;
}

.navigation {
    background-color:  #2d6de3;
    background-color:  #094E99;
}

.synopsis, .rSidebar {
    background-color:  #d8f4f9;
    background-color:  #e5f7fe;
}

/* Font Colors */
.empLetter { /* Emphasized letter(s) in body */
    color:  #b22222;
    color:  #1A98D5;
}

.faq dt {
    color:  #1A98D5;
}

h1 { /* Title line in Sitebranding */
    color:  #094E99;
}

h2 { /* Primary heading in body */
    color:  #094E99;
}

h3 { /* Secondary heading in body */
    color:  #094E99;
    color:  #1A98D5;
}

h4 { /* Tertiary heading in body */
    color:  #094E99;
    color:  #1A98D5;
}

.navigation ul li a { /* Default navigation text */
    color:  #eee;
}

.nav_active { /* Active navigation page */
    color:  #ffff66;
}

.slug { /* Summary statement on home page */
    color:  #1A98D5;
}

.tagline {  /* Trade or Service mark under title */
    color:  #1A98D5;
}

.textList li:first-letter {  /* Indented Emphasis */
    color:  #b22222;
    color:  #1A98D5;
}

/* Site Styling */

html {
    font-size: 74%;  /* all other font-sizes should be x.yem; */
    font-family: "Lucida Grande", Tahoma, sans-serif;
}

body {
    padding:  0;
    margin:   0;
    min-width:  55em;
}

.calActive {
    font-weight:  bold;
}

.calIndex {
    clear:  both;
    padding:  0;
    margin:   0;
}

.calIndex a:hover {
    font-weight:  bold;
    letter-spacing:  0.15em;
}

.calIndex ul {
    padding:          0;
    margin:           0;
    list-style-type:  none;
}

.calIndex ul li {
    float:             left;
    width:             6.6%;
    background-color:  #e5f7fe;
    border-color:      #094E99;
    border-style:      solid;
    border-width:      0.05em 0 0.05em 0;
    text-align:        center;
}

.calIndex ul li a {
    color:            #094E99;
    text-decoration:  none;
}

.calTable {
    clear:  both;
    margin-bottom:  1.4em;
}

.calTable caption  {
    background-color:  #e5f7fe;
    border:            0.05em solid #094E99;
    color:             #094E99;
    line-height:       3em;
    font-size:         1.6em;
    font-weight:       bold;
    letter-spacing:    0.25em;
}

.calTable table {
    padding:  0;
    margin:   0;
    width:  100%;
    background-color:  #e5f7fe;
    border-collapse:  collapse;
}

.calTable td, .calTable th {
    width:  14%;
    text-align:  center;
    border:            0.05em solid #094E99;
}

.calTable td {
    font-size:    0.95em;
    height:  8em;
    vertical-align:  top;
}

.calTable th {
    border-top-width:  0;
}

.clients {
    float:  left;
    width:  32%;
    text-align:  center;
}

.detReturn {
    clear:  both;
    padding:  1em 0 0 0;
    margin:   0;
    font-size:  1.3em;
    text-align:  center;
}

.det table {
    padding:      0;
    margin:       2em auto 0 auto;
    font-size:    1.1em;
    line-height:  1.3em;
}

.det th {
    padding:  1em 0 0 0;
    width:        8em;
    font-weight:  bold;
    text-align:   left;
    vertical-align:  top;
}

.det td {
    padding:  1em 0 0 0;
}

.detImage {
    float:       left;
    margin:      3em 0 0 0;
    padding:     0.5em;
    width:       18%;
}

.detImage img {
    width:  100%;
}

.dlSched a {
/*    text-decoration:  none;  */
}

.dlSched a:link, .dlSched a:visited, .dlSched a:hover, .dlSched a:active {
    color:  #094E99;
}

.dlSched dd {
     margin-bottom:  0.4em;
     margin-bottom:  6px;
 }

.empLetter {
    font-size:    1.3em;
    font-weight:  bold;
    margin:       0;
    padding:      0;
}

.evtDT {
    width:  20%;
}

.evtE {
    width:  50%;
}

.evtL {
    width:  30%;
}

.evtPrev {
    width:  24%;
}

.evtTable caption  {
    background-color:  #e5f7fe;
    border:  0.05em solid #094E99;
    color:  #094E99;
    line-height:   3em;
    font-size:    1.6em;
    font-weight:   bold;
    letter-spacing:  0.25em;
}

.evtTable table {
    border-collapse:  collapse;
    background-color:  #e5f7fe;
}

.evtTable td, .evtTable th {
    border:  0.05em solid #094E99;
    text-align:  center;
    vertical-align:  middle;
}

.evtTable td {
    font-size:    0.95em;
}

.evtTable th {
    border-top-width:  0;
}

.faq a:hover {
    font-weight:  bold;
    line-height:  1.6em;
    letter-spacing:  0.1em;
    text-decoration:  underline overline;
}

.faq dd li {
    padding: 0;
    margin:  0;
}
.faq dt {
    margin-top:  1em;
}

.faq ul {
    padding:          0;
    margin:           0;
    list-style-type:  circle;
}

.faq ul li {
    padding:  0;
    margin:   0;
    line-height:  1.4em;
}

.faq ul li a {
    display:  block;
    text-decoration:  none;
}

.filler {
    height:  10em;
}

.footer {
    clear:        both;
    line-height:  1.5em;
    text-align:   center;
}

.footer.faq {
    padding-bottom:  50em;
}

.formButton {
    clear:  both;
}

.formButton div {
    clear:  both;
}

.formButton label, .formButton input {
    float:  left;
}

.formButton label {
    width:           10em;
}

.formButton p {
    padding:      0.25em 0em 0.25em 0em;
    margin:       0em;
    font-weight:  bold;
    text-align:   center;
}

.formContact {
    line-height:  1.3em;
    width:          24em;
    margin:       0 0 0 5em;
    padding:      0;
}

.formContact legend {
    margin:  1em 0 0.3em 0;
}

.formContact .submit {
    margin:       1em 0em 1em 11em;
}

.formText input {
    width:  12em;
    margin-bottom:  10px;
    margin-bottom:  0.7em;
}

.formText label {
    float:        left;
    width:        10em;
    text-align:   right;
    padding-right:  0.5em;
}

.formTextArea textarea {
    height:  12em;
    width:   92%;
    margin:  0 0.7em 0.7em 0.7em;
}

.formTextArea label {
    float:        left;
    width:        10em;
    text-align:   right;
    padding-right:  0.5em;
}

.frameBottom {
    border-bottom-style:  ridge;
    border-bottom-width:  0.25em;
}

.frameTop {
    border-top-style:  groove;
    border-top-width:  0.25em;
}

.gutter {
    float:  left;
    width:  1.5%;
}

.header {
    margin:      0;
    padding:     0;
    height:      8em;
}

h1 { /* Title line in Sitebranding */
    padding:  0;
    margin:   0;
    font-size:     2.5em;
    text-align:    center;
    margin-top:    0.2em;
   }

h2 {
    font-size:  1.65em;
   }

h3 {
    font-size:  1.45em;
}

.homeImage1 {
/*    float:  right; */
    width:  16em;
    width:  21em;
/*    margin: 0 0 1em 1em; */
    margin:  2em 0 0 0;
    padding:  0;
}

.hr {
    padding:  0;
    margin:   0;
    clear:  both;
    float:  left;
    height: 1.6em;
}

.hr form {
    float:  right;
}

.hr form input {
    font-size:  0.7em;
    padding-top:  0.05em;
}

.hrLeft {
    padding:  0;
    margin:   0;
    clear:  both;
    float:  left;
    width:  16.5%;
    width:  16em;
    height: 1.6em;
}

.hrRight {
    padding:  0;
    margin:   0;
    float:  left;
    height:  1.6em;
}

.hrRight form {
    float:  right;
}

.hrRight form input {
    font-size:  0.7em;
    padding-top:  0.05em;
}

.italics {
    font-style:  italic;
}

/* The following lines define the logo, its placement, and the border around the logo. */

.logo {
    float:  left;
}

.logo img {
    width:   9em;
    border:  none;
}

.logo a:link {
    border:  none;
}

.logo a:visited {
    border:  none;
}
/* The above lines define the logo, its placement, and the border around the logo. */

.mainBody {
    float:  left;
    width:  58%;
    margin:       1em 0 0 0;
    font-size:    1.2em;
    line-height:  1.3em;
}

.navigation {
    padding:     0 0 1em 0.5em;
    margin:      0;
    clear:       both;
    float:       left;
    width:       16%;
    height:      30em;
    line-height: 1.3em;
    border-bottom-style:  ridge;
    border-bottom-width:  0.25em;
    border-right-style:  ridge;
    border-right-width:  0.25em;
}

.navigation a:hover {
    font-weight:  bolder;
    color:  #fff;
    line-height:  1.6em;
    letter-spacing:  0.15em;
    text-decoration:  underline overline;
}

.navigation ul {
    padding:          0;
    margin:           0;
    font-weight:  bold;
    list-style-type:  none;
}

.navigation ul li {
    padding:  0;
    margin:   0;
    line-height:  1.4em;
}

.navigation ul li a {
    display:  block;
    text-decoration:  none;
}

.navigation ul li ul li {
    margin:  0 0 0 1em;
    padding:  0;
    line-height:  1.4em;
}

.nav_active {
    font-weight:  normal;
    font-weight:  bold;
}

.shortList li {
    list-style-type:  none;
    line-height:      1.5em;
}

.siteMap a:hover {
    font-weight:  bold;
    letter-spacing:  0.15em;
    font-weight:  bolder;
    line-height:  1.6em;
    text-decoration:  underline overline;
}

.siteMap ul {
    list-style-type:  none;
}

.siteMap ul li {
    margin:  0.5em 0 0 0;
    padding:  0;
}

.siteMap ul li a {
    display:  block;
    font-size:  1.2em;
    line-height: 1.3em;
    text-decoration:  none;
    color:  #094E99;
}

.siteMap ul li ul li {
    margin:  0;
    padding:  0;
}

.siteMap ul li ul li a {
    display:  block;
    font-size:  1.1em;
    line-height: 1.18em;
    text-decoration:  none;
    color:  #1A98D5;
}

.siteMap ul li ul li ul li {
    margin:  0;
    padding:  0;
}

.siteMap ul li ul li ul li a {
    display:  block;
    font-size:  1em;
    line-height: 1.16em;
    text-decoration:  none;
    color:  #1A98D5;
    color:  #000;
}

.slug {
    font-weight:  bold;
    font-size:  1.25em;
}

.songTitle {
    font-style:  italic;
}

.synopsis, .rSidebar {
    float:       left;
    margin:      3em 0 0 1em;
    padding:     0.5em;
    width:       20%;
    border-style:  ridge;
    border-width:  0.25em;
}

.synopsis img, .rSidebar img {
    width:  100%;
    vertical-align:  top;
}

.tagline {  /* Trade or Service mark under title */
    font-family:   "Comic Sans", "URW Chancery L", cursive;
    font-size:     1.75em;
    font-weight:   bold;
    letter-spacing:  0.1em;
    font-style:    italic;
    text-align:    center;
}

.tagline p {
    padding:  0;
    margin:  0;
}

.textList {
    list-style-type:  none;
    width:            80%;
    line-height:      1.5em;
}

.textList li:first-letter {  /* Indented Emphasis */
    font-size:    1.3em;
    font-weight:  bold;
    margin:       0;
    padding:      0;
}

.underline {
    text-decoration:  underline;
}

.venue {
    font-size:  90%;
}

