/* madison blues society style sheet */


/************ html tags *************/

body {background-color: #faebd7; /* antiquewhite */
      background-image:
        url("Images/light_tan_rock.gif");
      min-width: 25em;
      max-width: 80em;}

img {vertical-align: middle;}

.navigate a:link {text-decoration: none;
                  color: #b0e0e6;} /* powderblue */

.navigate a:visited {text-decoration: none;
                  color: #D41A1F;} /* venetian red */

.navigate a:hover {text-decoration: underline;
                   color: #d2691e;} /* chocolate */

#player {height: 2em;}

/************** links *****************/
                         
.current {color: #c0c0c0;} /* silver */
                           
/************** heading ***************/

.heading {min-height: 183px;}

.midhead {margin: .1em 100px .1em 100px;
          text-align: center;}

/**************** logos ***************/

.logo1 {float: left;
        min-width: 80px;
        min-height: 183px;}

.logo2 {float: right;
        min-width: 90px;
        min-height: 183px;}

/*************** banner ***************/

.banner {background-color: #00008b; /* darkblue */
         color: #b0e0e6; /* powderblue */
         font-family: arial;
         font-size: 1.2em;
         font-weight: bold;}

.big_bantext {margin: .3em;
              padding: .3em;
              color: #800000; /* maroon */
              font-family: "Arial Black";
              font-size: 1.7em;
              font-weight: bold;
              text-align: center;}

.bantext {margin: .3em;
          padding: .3em;
          color: #800000; /* maroon */
          font-family: "Arial Black";
          font-size: 1.2em;
          font-weight: bold;
          text-align: center;}

/************** notices **************/

/* BLUE NOTICES */

.big_notice {margin: .3em;
             padding: .3em;
             color: #0000FF; /* med blue */
             font-family: "comic sans ms";
             font-size: 1.7em;
             font-weight: bold;
             text-align: center;}

.bigger_notice {margin: .3em;
                 padding: .3em;
                 color: #0000FF; /* med blue */
                 font-family: "comic sans ms";
                 font-size: 1.5em;
                 font-weight: bold;
                 text-align: center;}

.biggish_notice {margin: .3em;
                 padding: .3em;
                 color: #0000FF; /* med blue */
                 font-family: "comic sans ms";
                 font-size: 1.25em;
                 font-weight: bold;
                 text-align: center;}



/* RED NOTICES */

.notice {margin: .3em;
         padding: .3em;
         color: #ff0000; /* red */
         font-family: "comic sans ms";
         font-size: 1.1em;
         font-weight: bold;
         text-align: center;}

.smallish_notice {margin: .3em;
         padding: .3em;
         color: #ff0000; /* red */
         font-family: "comic sans ms";
         font-size: 0.95em;
         font-weight: bold;
         text-align: center;}


/* SPECIAL NEWS CLASSES */
/* NEWS PAGES HAVE NO MENU */
/* SO THEY CAN BE PRINTED */

.big_news {margin: .3em;
           padding: .3em;
           color: #ff0000; /* red */
           font-family: "comic sans ms";
           font-size: 1.7em;
           font-weight: bold;
           text-align: center;}

.news {margin: .3em;
       padding: .3em;
       color: #800000; /* maroon */
       font-family: "comic sans ms";
       font-size: 1.1em;
       font-weight: bold;
       text-align: center;}

/********** navigation bar ***********/

.navigate {position: fixed;
           top: 185px;
           margin-top: 1em;
           padding: .5em;
           background-color: #00008b; /* darkblue */
           color: #87cefa;}  /* lightskyblue */

.navlist {padding: 0em;
          font-family: arial;
          font-size: 1em;
          font-weight: bold;}

.subnavlist {position: relative;
             left: .5em;
             padding: .1em .5em .7em 0em;
             font-family: arial;
             font-size: .8em;
             font-weight: bold;}

/*********** main content **********/

/* NOTE: BUG: content margin-left must change as
              number of characters in navbar changes */

.content {margin-left: 8em;
          color: #00008b;
          font-family: sans-serif;
          font-size: 1em;
          font-weight: 400;}

.newsletter {margin-left: .5em;
             color: #00008b;
             font-family: sans-serif;
             font-size: 1em;
             font-weight: 400;}

.height-xxs {min-height: 40px;}

.height-xs {min-height: 90px;}

.height-s {min-height: 175px;}

.height-m {min-height: 250px;}

.height-l {min-height: 425px;}

.height-xl {min-height: 600px;}

.center {display: block;
         margin-left: auto;
         margin-right: auto;
         text-align: center;}

.left {text-align: left;}

.bold {font-weight: bold;}

.caption {font-family: sans-serif;
          font-size: .7em;
          font-weight: bold;}

.big_caption {font-family: sans-serif;
          font-size: .8em;
          font-weight: bold;}

.italic {font-style: italic;}

.underline {text-decoration: underline;}

.space {margin: 1em;
        padding: 1em;}

.red {color: #ff0000; /* red */}

.blue {color: #00008b; /* darkblue */}

.med_blue {color: #0000FF; /* med blue */}

.maroon {color: #800000; /* maroon */}

.clear {clear: both;}

.ftext-l: {float: left;
           clear: right;}

.ftext-r: {float: right;
           clear: left;}

/************* tables **************/

.tborder-n {border-style: hidden;}

.tborder-y {border: 3px solid blue;
            padding: .5em;}

.x-close {margin: .01em;
          padding: .01em;}

.close {margin: .05em;
        padding: .05em;}

.row-xxs {height: .05em;}

.row-xs {height: .3em;}

.row-s {height: 1em;}

.row-m {height: 3em;}

.row-l {height:5em;}

.row-xl {height: 7em;}

.row-xxl {height: 9em;}

.col-xxs {width: 1em;}

.col-xs {width: 3em;
        padding: .3em;}

.col-s {width: 5em;
        padding: .3em;}

.col-ms {width: 7em;
        padding: .3em;}

.col-m {width: 12em;
        padding: .3em;}

.col-ml {width: 18em;
        padding: .3em;}

.col-l {width: 25em;
        padding: .3em;}

.col-ll {width: 30em;
        padding: .3em;}

.col-lll {width: 35em;
        padding: .3em;}

.col-llll {width: 40em;
        padding: .3em;}

.col-xl {width: 45em;
         padding: .3em;}

.col-xxl {width: 75em;
          padding: .3em;}

.col-xxxl {width: 100em;
           padding: .3em;}

/************* images **************/

.image-l {float: left;
          margin: .3em;
          padding: .3em;
          text-align: center;}

.image-r {float: right;
          margin: .3em;
          padding: .3em;
          text-align: center;}

.image-n {float: inherit;
          margin: .3em;
          padding: .3em;
          text-align: center;}

.image-h {margin: .3em;
          padding: .3em;
          text-align: center;}