/* 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: #c71585;} /* mediumvioletred */

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

/************** 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: "comic sans ms";
              font-size: 1.7em;
              font-weight: bold;
              text-align: center;}

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

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

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

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

.notice {margin: .3em;
         padding: .3em;
         color: #ff0000; /* red */
         font-family: "comic sans ms";
         font-size: 1.1em;
         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 {float: left;
           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: 10em;
          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;}

.bold {font-weight: bold;}

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

.italic {font-style: italic;}

.underline {text-decoration: underline;}

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

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

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

.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-s {width: 5em;
        padding: .3em;}

.col-m {width: 12em;
        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;}