/* MUSICLINK STYLESHEET */

/* General body formats. */

body       {font-family: "arial", "verdana", "helvetica", sans-serif;
            margin-top: 0px; padding-top: 0px;
            font-size: 15px;
            color: #003366;
            background-color: #F2EFC6;
            background-image: url("images/bgcolor.jpeg");
            background-repeat: repeat; }

body       {overflow: -moz-scrollbars-vertical; 
            overflow-y: scroll;

            scrollbar-face-color:       #FFFFCC;
            scrollbar-arrow-color:      #FFFFCC;
            scrollbar-track-color:      #003366;
            scrollbar-shadow-color:     #003366;
            scrollbar-highlight-color:  #CCFF99;
            scrollbar-3dlight-color:    #003366;
            scrollbar-darkshadow-color: #000000; }

.whiteback {background-color: #FFFFFF;
            background-image: url("images/bgwhite.jpeg"); }

/* Headings. */

h1         {font-family: "new century schoolbook", "times new roman", serif;
            color: #003366; font-size: 28px; font-weight: bold;
            margin: 8px; padding 8px;
            text-decoration: none; }

h2         {font-family: "new century schoolbook", "times new roman", serif;
            color: #003366; font-size: 24px; font-weight: bold;
            font-style: italic; }

h3         {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #003366; font-size: 18px; font-weight: bold;
            margin: 0px;
            padding-top:  8px;  padding-bottom: 2px;
            padding-left: 12px; padding-right:  4px; }

h4         {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #003366; font-size: 15px; font-weight: bold; }

.big_bold  {font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 18px; font-weight: bold; }

/* Footer */

.footer    {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #000000; font-size: 11px; font-weight: normal; }

.footer p {font-family: "arial", "verdana", "helvetica", sans-serif;
           color: #000000; font-size: 11px; font-weight: normal;
           text-align: justify; padding-left: 18px; padding-right: 16px; }

/* Generic text formatting. */

p          {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #003366; font-size: 15px; font-weight: normal;
            text-align: justify;
            padding-left: 18px; padding-right: 16px; }

td         {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #003366; font-size: 15px; font-weight: normal; }

li         {font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 15px; font-weight: normal;
            padding: 0px; margin: 0px; text-align: left; }

.ul_small  {font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 14px; font-weight: normal; color: #000000; 
            padding-top: 0px; margin-top: 0px; 
            padding-bottom: 0px; margin-bottom: 0px; 
            text-align: left; }

.li_small  {font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 14px; font-weight: normal; color: #000000; 
            padding-top: 0px; margin-top: 0px; 
            padding-bottom: 0px; margin-bottom: 0px; 
            text-align: left; }

a          {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #CC3300; font-weight: normal;
            text-align: justify; text-decoration: none; }

a:hover    {font-family: "arial", "verdana", "helvetica", sans-serif;
            color: #CC3300; font-weight: normal;
            background-color: #F2EFC6;
            text-align: justify; text-decoration: none; }

.pic_cap
     {font-size: 11px;
      font-family: "arial", "verdana", "helvetica", sans-serif;
      font-weight: bold; margin: 0px; padding: 0px;
      color: #000000; text-decoration: none; }

/* Forms */

.inback    {color: #000033; background-color: #CCDDFF;
            font-weight: bold; }

.outback   {color: #666666; background-color: #CCCCCC;
            font-weight: bold; }

.office1   {display: table; border: solid 1px #000066;
            background-color: #CCCCCC; }

.office2   {border-collapse: collapse;
            background-color: #CCCCCC; }

.offback   {color: #000000; background-color: #999999;
            font-weight: bold; }

/* Overall Layout. */

.maintab   {border-collapse: collapse; }

.pghead    {height: 210px; }

/* Main Menu. */

.menu1 a   {display: block; color: #000066;
            background-image: url("images/palebutton.jpeg");
            background-color: #99CCFF;
            text-decoration: none;
            font-size: 15px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #000066 1px;
            width: 168px; padding: 2px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 0px; margin-bottom: 4px;
            text-align: center; }

.menu1 a:hover
           {display: block; color: #000033;
            background-image: url("images/bluebutton.jpeg");
            background-color: #CCCCFF;
            font-size: 15px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #000033 1px;
            width: 168px; padding: 2px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 0px; margin-bottom: 4px;
            text-align: center; }

.menu2 a   {display: block; color: #990000;
            background-image: url("images/beigebutton.jpeg");
            background-color: #ffffdd;
            text-decoration: none;
            font-size: 15px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #990000 1px;
            width: 168px; 
            padding-top: 8px; padding-bottom: 8px;
            padding-left: 2px; padding-right: 2px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 0px; margin-bottom: 4px;
            text-align: center; }

.menu2 a:hover
           {display: block; color: #660000;
            background-image: url("images/brownbutton.jpeg");
            background-color: #cccc99;
            text-decoration: none;
            font-size: 15px; font-weight: bold;
            border: solid #660000 1px;
            width: 168px; 
            padding-top: 8px; padding-bottom: 8px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 0px; margin-bottom: 4px;
            text-align: center; }

.menu3 a   {display: block; color: #990000;
            background-image: url("images/beigebutton.jpeg");
            background-color: #FFFFDD;
            text-decoration: none;
            font-size: 12px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #990000 1px;
            width: 135px; padding: 0px;
            margin-left: 0px; margin-right: 0px;
            margin-top: 0px; margin-bottom: 0px;
            text-align: center; }

.menu3 a:hover
           {display: block; color: #660000;
            background-image: url("images/brownbutton.jpeg");
            background-color: #CCCC99;
            text-decoration: none;
            border: solid #660000 1px; }

/* Links page - 300px block layout. */

.nolink    {display: block; color: #000066;
            background-color: #CCCCCC;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 12px; font-weight: bold;
            border: solid #000066 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 300px;
            position: static; }

.linkpage td a
           {display: block; color: #000066;
            padding: 2px; text-align: center;
            background-color: #F2EFC6;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 12px; font-weight: bold;
            border: solid #000066 1px;
            margin-top: 2px; width: 300px;
            position: static; }

.linkpage td a:hover
           {color: #FFFFFF;
            padding: 2px; text-align: center;
            background-color: #000066;
            border: solid #660000 1px; }

.linkpage td a:visited
           {padding: 2px; text-align: center;
            border: solid #000000 1px; }

.homepage td a
           {display: block; color: #000066;
            padding: 2px; text-align: center;
            background-color: #F2EFC6;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 15px; font-weight: bold;
            border: solid #000066 1px;
            margin-top: 2px; width: 220px;
            position: static; }

.homepage td a:hover
           {color: #FFFFFF;
            padding: 2px; text-align: center;
            background-color: #000066;
            border: solid #660000 1px; }

.homepage td a:visited
           {padding: 2px; text-align: center;
            border: solid #000000 1px; }

.mapyellow a
           {display: block; color: #000066;
            background-color: #ffffbd;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 12px; font-weight: bold;
            border: solid #000066 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 300px;
            position: static; }

.mapyellow a:hover
           {color: #FFFFFF;
            padding: 2px; text-align: center;
            background-color: #000066;
            border: solid #660000 1px; }

.mapyellow a:visited
           {padding: 2px; text-align: center;
            border: solid #000000 1px; }

.maporange a
           {display: block; color: #000066;
            padding: 2px; text-align: center;
            background-color: #ff6b39;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 12px; font-weight: bold;
            border: solid #000066 1px;
            margin-top: 2px; width: 300px;
            position: static; }

.maporange a:hover
           {color: #FFFFFF;
            padding: 2px; text-align: center;
            background-color: #000066;
            border: solid #660000 1px; }

.maporange a:visited
           {padding: 2px; text-align: center;
            border: solid #000000 1px; }

/* Facebook logo. */

.imglink a
     {display: block; color: #ffffff;
      border: solid #ffffff 1px;
      background-color: #ffffff; }

.imglink a:hover
     {display: block; color: #ffffff;
      border: solid #ffffff 1px;
      background-color: #ffffff; }

/* Profiles -- Audio Buttons - 500px block layout. */

.audbutton td a
           {display: block; color: #000066;
            background-color: #FFFFCC;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 11px; font-weight: bold;
            border: solid #000066 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 500px;
            position: static; }

.audbutton td a:hover
           {display: block; color: #FFFFFF;
            background-color: #000066;
            text-decoration: none;
            font-size: 11px; font-weight: bold;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            border: solid #660000 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 500px;
            position: static; }

.audbutton td a:visited
           {display: block;
            text-decoration: none;
            font-size: 11px; font-weight: bold;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            border: solid #000000 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 500px;
            position: static; }

/* Active hierarchy links. */

.hier td a {display: block; color: #000066;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 11px; font-weight: bold;
            border: solid #000066 1px;
            padding: 2px; text-align: center;
            margin: 1px; width: 205;
            position: static; }

.hier td a:hover
           {display: block; color: #FFFFFF;
            background-color: #000066;
            text-decoration: none;
            font-size: 11px; font-weight: bold;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            border: solid #660000 1px;
            padding: 2px; text-align: center;
            margin: 1px; width: 205px;
            position: static; }

.hiera a   {background-color: #CCFFCC; }
.hieri a   {background-color: #CCCCCC; }
.hiern a   {background-color: #FFCCCC; }
.hiert a   {background-color: #CCCCFF; }

/* Light and dark column tables. */

.bluehead  {color:#FFFFFF;
            background-color: #3366CC;
            background-image: url("images/blueheadback.jpeg");
            background-repeat: repeat;
            text-align: center;
            font-size: 26px; text-align=center; }

.newshead  {color:#FFFFFF;
            background-color: #3366CC;
            background-image: url("images/blueheadback.jpeg");
            background-repeat: repeat;
            margin: 0px; padding: 6px;
            font-size: 15px; font-weight: bold; text-align=left; }

.newshead a {color:#FFFFDD; font-weight: bold; }

.newshead a:hover
           {color:#660000; background-color: #FFFFCC;
             font-weight: bold; }

.newslist  {color: #3366CC; font-size: 11px; font-weight: bold;
            padding-left: 0px; padding-right: 12px; }

.newslist2 {color: #000000; font-size: 11px; font-weight: bold;
            padding-left: 0px; padding-right: 11px; }

.bordertab {border: solid 1px #003366; }

.colortab  {border-collapse: collapse; }

.colorcap  {caption-side: top; text-align: center;
            font-size: 18px; font-weight: bold;
            font-family: "serif", "times new roman";
            padding: 22px; }

.rowbold   {font-size: 15px; font-weight: bold; }

.rowblue   {background-image: url("images/blue.jpeg");
            background-repeat: repeat;
            text-align: justify;
            font-weight: normal; border: 0px;
            padding: 8px; }

.rowblue p {color: #000033; }

.rowtan    {background-image: url("images/beige.jpeg");
            background-repeat: repeat;
            text-align: justify;
            font-weight: normal; border: 0px;
            padding: 8px; }

.rowtan a:hover
           {background-color: #CCDDFF; }

.rowtan p  {color: #000033; 
            padding-left}

.rowblu2   {background-image: url("images/blu2.jpeg");
            background-repeat: repeat;
            text-align: justify;
            font-weight: normal; border: 0px;
            padding: 8px; }

.rowblu2 p {color: #000033; }

.rowtan2   {background-image: url("images/beig2.jpeg");
            background-repeat: repeat;
            text-align: justify;
            font-weight: normal; border: 0px;
            padding: 8px; }

.rowtan2 p {color: #000033; 
            padding-left}

/* Report detail line -- small print. */

.rptgreen td {color: #006600; font-size: 11px;
              font-family: "arial", sans-serif; }

.rptblack td {color: #000000; font-size: 11px;
              font-family: "arial", sans-serif; }

.rptblue  td {color: #000066; font-size: 11px;
              font-family: "arial", sans-serif; }

.rptred   td {color: #660000; font-size: 11px;
              font-family: "arial", sans-serif; font-weight: bold; }

/* "How To" popup - 450px block layout. */

.howlink td a
           {display: block; color: #000066;
            background-color: #F2EFC6;
            text-decoration: none;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            font-size: 12px; font-weight: bold;
            border: solid #000066 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 450px;
            position: static; }

.howlink td a:hover
           {display: block; color: #FFFFFF;
            background-color: #000066;
            text-decoration: none;
            font-size: 12px; font-weight: bold;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            border: solid #660000 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 450px;
            position: static; }

.howlink td a:visited
           {display: block;
            text-decoration: none;
            font-size: 12px; font-weight: bold;
            font-family: "arial", "verdana", "helvetica", sans-serif;
            border: solid #000000 1px;
            padding: 2px; text-align: center;
            margin-top: 2px; width: 450px;
            position: static; }

/* Fundraising Thermometer */

#thermometer {
   height:182px; 
   width:12px; 
   background-color:#770000; 
   margin: 0px; padding:0px; 
   border: solid 1px; }

#th_pct {
   background-color:#ccddee; 
   height:100%;
   margin: 0px; padding: 0px;
   border: 0px; }

/* "Donate" button */

.donate a  {display: block; color: #990000;
            background-image: url("images/beigebutton.jpeg");
            background-color: #FFFFDD;
            text-decoration: none;
            font-size: 20px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #990000 2px;
            width: 168px; 
            padding-top: 12px; padding-bottom: 12px;
            padding-left: 2px; padding-right: 2px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 16px; margin-bottom: 0px;
            text-align: center; }

.donate a:hover
           {display: block; color: #660000;
            background-image: url("images/brownbutton.jpeg");
            background-color: #CCCC99;
            text-decoration: none;
            font-size: 20px; font-weight: bold;
            border: solid #660000 2px;
            width: 168px; 
            padding-top: 12px; padding-bottom: 12px;
            padding-left: 2px; padding-right: 2px;
            margin-left: 6px; margin-right: 6px;
            margin-top: 16px; margin-bottom: 0px;
            text-align: center; }

.new_donate a  {display: block; color: #990000;
            background-image: url("images/beigebutton.jpeg");
            background-color: #FFFFDD;
            text-decoration: none;
            font-size: 16px; font-weight: bold;
            font-family: "arial", sans-serif;
            border: solid #990000 2px;
            width: 158px; 
            padding: 4px;
            margin: 4px;
            text-align: center; }

.new_donate a:hover
           {display: block; color: #660000;
            background-image: url("images/brownbutton.jpeg");
            background-color: #CCCC99; }
.btn a
     {display: block; color: #000066;
      background-color: #99CCFF;
      text-decoration: none;
      font-size: 11px; font-weight: bold;
      font-family: "arial", sans-serif;
      border: solid #000066 1px;
      width: 180px; padding: 2px;
      margin-left: 6px; margin-right: 6px;
      margin-top: 0px; margin-bottom: 4px;
      text-align: center; }

.btn a:hover
     {display: block; color: #000033;
      background-image: url("http://www.musiclinkfoundation.org/images/bluebutton.jpeg");
      background-color: #CCCCFF;
      text-decoration: none;
      font-size: 11px; font-weight: bold;
      font-family: "arial", sans-serif;
      border: solid #000033 1px;
      width: 180px; padding: 2px;
      margin-left: 6px; margin-right: 6px;
      margin-top: 0px; margin-bottom: 4px;
      text-align: center; }

/* Page Break */

@media print {
    .pagebreak { page-break-before: always; }
}

/* Format for small caps "Benchmark". */

.smcap     {font-family: "serif", "times new roman";
            font-style: normal; font-size: 10px;
            font-weight: bold; }

/* EOF */