/* CSS Document */



/* BG COLORS
 Outside: #DBDBBC;
 Body:    #E3E3D3;
 Body darker green is #E3E3D3;
deep green is #727D69;
*/

body {  margin: 0;
        padding: 0;
        font-family: Verdana, Helvetica, Arial, san serif;
        font-size: 12px;
        line-height: 17px;
        background: #DBDBBC;
        /*background-image: url(../images/screen.gif);*/
      }

/* ---[ layout structure ]----------------------- */

/* OK, wrap is the only place where we will give width in pixels
   everywhere else we can get away with it we will use percentages */



#wrap {

       /* width: 738px;*/
       /* width: 850px;*/
       /* height: 700;*/
       /* border: 1px solid red;*/
       /* background: #E3E3D3;*/
          background: beige;

        width: 980px;
        position: relative;
        voice-family: "\"}\"";
        voice-family:inherit;
        margin: 0px auto;
        margin-top: 10px;
       }

/* #228B22; */
/* html > body #wrap {  width: 738px;} */


#container {
        /* 702 - border = 700 */
        /* width: 702px;*/
        width: 100%;
        position: relative;
        margin: 0px auto;
        border: 1px solid black;
      }



#main { width: 100%;
        margin: 0px;
        padding: 0px;
       /* background: #E3E3D3;*/
      }



#colwrap {
         float: left;
         position: relative;
         margin-left:  0px;
         margin-right: 0px;
         margin-top:  1px;
         }

/* ---[ header ]-------------------------------- */

#header {
        /* height: 160px;  */
        /*  border: 1px solid black;*/
        width: 100%;

        }

#tag   {
        width:700px;
        color: #E3E3D3;
        z-index: 2;
        padding: 0;
        margin: 0;
       }


#contact {
        font-size: 85%;
        border: 1px solid gray;
        color: #727D69;
        background: #E3E3D3;
        text-align: center;
        font-family: Verdana, Helvetica, Arial, san serif;
        padding: 2px 0px;  /* lr tb */
        padding: 2px;
        width: 100%; /* matches 'events' class */

      /*float: center;
        border: 1px solid  #666666;
        background: #50A17E;
        background: #E3E3D3;
        color: #3082BF;
        color: #666666;
        background-color: #FFFFFF;
        padding: 3px;
      */
        }



/* ---[ nav ]----------------------------------- */



#nav {  width: 471px;
        height: 26px;
     }



.menuLI { display: block;
     float: left;
     position: relative;
     width: 10em;
     text-align: center;
     border-left:  1px solid white;
     border-right: 1px solid grey;
     background-color: white;
     color: green;
    }



a:link        { color: #125673; }
a:visited     { color: #125673; }
a:hover       { color: #9a3d32; }
.acal         { color: cyan;
                background-color: #cceeff;
                border-bottom: 1px dotted gray;
             /* text-decoration: underline; */
                cursor: pointer; cursor: hand;       /* order important for IE!!! */
              }
.acal:link    { color: #125673;
                background-color: yellow;
                border-bottom: 1px dotted gray;
                /*text-decoration: underline;*/
              }
.acal:visited { color: #125673;
                background-color: yellow;
                border-bottom: 1px dotted gray;
              }
.acal:hover   { color: #9a3d32;
                background-color: yellow;
                border-bottom: 1px dotted gray;
              }

/* --------- BUTTONS ----------------- */


/* .bottombuttons{ clear: both; border-bottom: 1px solid #169e8b;        text-align: center;}*/

.button     { border: 1px solid #4d4d4d;
              width: 100%;
              float: left;
            }
.right      { float: right;
              margin-right: 10px;
            }
.button a
{       border: 1px solid white;
        display: block;
        background: #3082BF;
        background: #727D69;
        padding: 0 4px;
        line-height: 20px;
        text-decoration: none;
        color: white;
        text-align: center;
        font-weight: bold;
}



.smallbutton { float: right;
               width: 31px;
               height: 21px;
               text-align: center;
               border: 1px solid #7a7a7a;
               margin-right: 10px;
}





a:visited {color: white;}

a:hover   {color: black;}

.smallbutton a { color: #7a7a7a;
                 line-height: 24px;
                 font-size: 11px;
                 margin: 0;
                 padding: 0;
                 display:inline;
                 letter-spacing: 0;
                 font-family: Verdana, Helvetica, Arial, san serif;
                 font-weight: normal;
                 text-decoration: none;
               }

.pageBtn                {-moz-border-radius:2.5px;
                         border-radius:2.5px;
                         cursor:hand;
                         font:normal 11px Tahoma,Arial,sans-serif !important;
                         border:solid 1px #7089A3 !important;
                         color:#022044 !important;
                         /* background-color:#D4F4C5; */
                         background-color: silver;
                         filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FBFEF9,endColorStr=gray);
                         padding:2px;
                         margin:2px; }
a.pageBtn               {display:inline-block;   text-decoration:none;  padding: 2px;  margin: 2px;  }
 .pageBtn:hover         {background-color: gainsboro; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F9FEF7,endColorStr=silver); }
 .pageBtn:active        {background-color: gray; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=silver,endColorStr=#F5FCF1); }


/* ---[ content styles ]----------------------- */







/* --- left col ----------------------- */



#events {
         /*  width: 160px;*/
         /*  width: 180px;*/
         /*  background: #E3E3D3; */
          width: 200px;
          float:left;
          margin: 5px;
        }

/* #events a, a:link, a:visited{color:white;}*/

#event_head {
  height:19px;
  color: #727D69;
  /* background: #727D69; */
 /* width: 100%;*/
  width: 200px;
  margin: 10;
  padding: 0;
  font-family: Verdana, Helvetica, Arial, san serif;
  font-size:12px;
  font-weight:bold;
  text-align:center;
 /* border: 1px solid #727D69;*/
}



#event_detail {

        padding-bottom: 20px;
        width: 94%;
        margin: 0;
        position: relative;
        font-size: 11px;
        line-height: 14px;
        color: #666666;
        padding-left:               5px;
        padding-right:              5px;
        background: white;
        border: 1px solid  #0a4760;
    /*  scrollbar-face-color:       #0a4760;
        scrollbar-face-color:       #727D69;
        scrollbar-shadow-color:     #000000;
        scrollbar-highlight-color:  #908070;
        scrollbar-3dlight-color:    #000000;
        scrollbar-darkshadow-color: #CFE6DC;
        scrollbar-track-color:      #50A17E;
        scrollbar-track-color:      #E3E3D3;
        scrollbar-arrow-color:      #CFE6DC;
        height:                     460px;
        overflow:                   auto;
        overflow-x:                 hidden;
        overflow-y:                 scroll; */
        /*  background-color:           #000000;*/
        /* background-attachment:      fixed;*/
        /* background: #CFE6DC; */
}

#event_detail h2 {
       /* color: #0a4760;*/
        font-size: 14px;
        font-weight:bold;
        margin-top: 6px;
        margin-bottom: 12px;
       }

.event_title{
        font-family: Verdana, Helvetica, Arial, san serif;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
      }

.event_date{
        font-family: Verdana, Helvetica, Arial, san serif;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        word-spacing: normal;
        line-height: 30px;
     }

.event_hr{
        text-align: center;
        width: 85%;
        height: 1px;
 }

.event_content{
        font-family: Verdana, Helvetica, Arial, san serif;
        font-size: 10px;
        text-align: justify;
    }

.event_price{
        font-family: Verdana, Helvetica, Arial, san serif;
        font-size: 11px;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
      }

.arrow {
        font-family: Verdana, Helvetica, Arial, san serif;
        font-weight: bold;
        font-size: 22px;
        background:#ddc;
        line-height: 8px;
        margin: 5px;
        border:1px solid grey;
       }

.papy  { font-family: Papyrus, Verdana, Helvetica, Arial, san serif; }

.myfeatures {
       font-weight: bold;
       font-size: 12px;
       font-family: Verdana, Helvetica, Arial, san serif;
       margin-left: 2px;
       color: #003366;
    }



.myfeatures li a
          {
           width:.1em;
           text-decoration: underline;
           font-weight: bold;
           color: #003366;
          }



/* --- right column ----------------------- */



#rightcol { float: right;
            width: 740px;
            position: absolute
            margin-right: 4px;
            margin-left:  4px;
            margin-top:   5px;
            text-align: left;
            color: #666666;
            /*  height:  700px; */
            /*  background-color: #FFFFFF; */
          }





#rightcol-pix    { width: 100%;
                   font-family: Verdana, Helvetica, Arial, san serif;
                   font-size:   13px;
                   line-height: 15px;
                   margin-top:   0px;
                   margin-left:  0px;
                   margin-right: 0px;
                   padding:      0px;
                  /* background-color: #E3E3D3;*/
                 }
#rightcol-text   { width: 98%;
                   font-family: Verdana, Helvetica, Arial, san serif;
                   font-size: 13px;
                   line-height: 15px;
                   margin-top: 0px;
                   margin-left:  6px;
                   margin-right: 6px;
                   padding: 3px;
                 }

#rightcol-text a { color: #003366;
                   font-weight:bold;
                 }
/* #rightcol-text p:first-line { font-weight: bold; } */

.firstL {}
.firstL p:first-line { font-weight: bold; }

.catParas { border: 1px solid gray;
            width: 98%;
            margin-bottom: 10px;
            padding: 10px;
            /* background: url(../images/texture11.jpg);
               background-repeat: repeat;
            */
            background-color: #E3E3D3;
            color: #484848;
            /* color: #585858; */
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
          }

.catParas p { font-size: 13px;
              font-weight: normal;
              font-style: italic;
            }

.nocal         { color: gray;    text-decoration: underline; color: gray; }
.nocal:link    { color: gray;    text-decoration: underline; color: gray; }
.nocal:visited { color: gray;    text-decoration: underline; color: gray; }
.nocal:hover   { color: #2f4f4f; text-decoration: underline; color: gray; }


#conFieldset {
        background: #E3E3D3;
        font-weight: bold;
        /* added */
        margin: 0 0 1em 0;
        width: 270px;
}
#conLegend {
        font-weight: bold;
        color: #E3E3D3;
        background: #727D69;
        border: 1px solid #727D69;
 }
.confont { font-size: 11px; }

.unbold {

  font-weight: normal;

 }



.pnorm  { font-size: 12px;
          font-weight: normal;
        }








#calloutB       { color: #A0522D;
                  background-color: palegoldenrod;
                  /*  border: 3px solid khaki;*/
                  font-size: 85%;
                  padding: 0.5em;
                  width: 50%;
                  float: right;
                  clear: right;
                  margin-left: 1em;
                  margin-right: 1em;
                 }

#calloutB a:link    { text-decoration: none; color: red; }
#calloutB a:visited { text-decoration: none; color: red; }
#calloutB a:hover   { text-decoration: none; color: palegoldenrod; background-color: #A0522D; }
#calloutB li        { font-size: 100%;
                      font-weight: bold;
                    }

.monthGroup { }

.noBullets li { list-style: none; }

/* ---[ footer ]------------------------------- */



#footer  { width: 850px;
           font-size: 10px;
           line-height: 11px;
           text-align: center;
         }



#footer-text { border: 1px solid white;
               width: 100%;
               text-align:center;
               color: white;
               background:#727D69;
             }



#footer a {

        color: #999999;

}





/* ---[ misc. ]-------------------------------- */



a img {

        border: none;

        }


/*
FORM {

        width: 385px;

}



INPUT, TEXTAREA {

        width: 85%;

}

*/





/*.classtbl { display: table; border-collapse: collapse; }*/



.classtbl { font-family: Verdana, Helvetica, Arial, san serif; font-size: 70%;  }





.classth { padding: 2px;

     font-weight: normal;

     color: #fff;

     background: #727D69;

     border: solid 1px #727D69;

   }



.classSP { padding: 2px;

     font-weight: normal;

     background: #DBDBBC;

     border: solid 1px #727D69;

   }





td.classon {

                padding: 2px;

                border: solid 1px #727D69;

               /* border-bottom: solid 1px #727D69;*/

                background: white;

                color: #727D69;

                height: 55px;

              }



td.classoff {

                padding: 2px;

                border: solid 1px #727D69;

               /* border-bottom: solid 1px #727D69;*/

                background: #E3E3D3;

                height: 55px;

              }

/*



.largeblue { font-family: Verdana; font-size: 14px; font-weight: bold; color: #336699 }

.large { font-family: Verdana; font-size: 14px; font-weight: bold; color: #111 }

*/





/* CALENDAR STUFF */

/* CALENDAR STUFF */

/* CALENDAR STUFF */

/* CALENDAR STUFF */





/* Days of Week labels */

.dayNames  {color: gray;

            width: 30;

            height: 16;

            vertical-align: top;

            text-align: center;

            margin-top:0;

            font:bold 11px Arial}

/* Days of Week numbers */

.curr1     {cursor:hand;

            color:black;

        /*  width:30;

            height:6;

            background:#ffF;

            */

            vertical-align:top;

            text-align: right;

            margin-top:0;

            font:bold 10px Arial}

.prev1,.prev2,.next1,.next2

           {

            color:black;

            vertical-align:top;

            text-align: right;

            margin-top:0;

            background:#ffF;

            font:bold 9px Arial;

            }

.prev3,.next3

           {

            color:gray;

            vertical-align:top;

            text-align: right;

            margin-top:0;

            font:bold 9px Arial;

            }



span.curr1 {cursor:hand;

            color:black;

        /*  width:30;

            height:6;

            background:#ffF;

            */

            vertical-align:top;

            text-align: right;

            margin-top:0;

            font:bold 10px Arial}

 /* weekends */



span.curr2 {cursor:hand;

            vertical-align:top;

            text-align:right;

            margin-top:0;

            font:bold 10px Arial}

/* Gray Last & Next month days */

span.curr3 {cursor:hand;

            color: gray;

        /*  width:30;

            height:6;

            background:#ffF;

            background-color: gray;

             */

            vertical-align:top;

            text-align:right;

            margin-top:0;

            font:bold 10px Arial}

.mainTable {

      margin:1em 0;

      border-top: 2px solid gray;

      border-left:2px solid gray;

      font-size:85%;

      }

#mainTableTRTH {height:20px; }

.mainTable tr  {height:80px; }

.mainTable td

      {

      border-right:2px solid gray;

      border-bottom:2px solid gray;

      text-align: right;

      vertical-align: top;

   /* width: 130;

      padding:4px 10px;

      height: 70;

      color:#754;  */

      }

.mainTable th

      {

      border-right:2px solid gray;

      border-bottom:2px solid gray;

      /*padding:4px 10px;*/

      text-align: center;

      vertical-align: top;

   /* color:#754;

      width: 130;

      height: 80; */

      background:#ddc;

      color:#432;

      }

.mainWkEnd { background:#ddc;}





.smtable {

    /*  margin:1em 0;*/

      border-top:1px solid gray;

      border-left:1px solid gray;

      font-size:70%;

      }

.smtable td {

      border-right:1px solid gray;

      border-bottom:1px solid gray;

     /* padding:4px 10px;*/

      vertical-align: center;

      text-align: center;

      font-size:70%;

      }



.dayNamesS {color: gray;

            width: 10;

            height: 6;

            vertical-align: top;

            text-align: center;

            margin-top:0;

            background:#ddc;

            font: bold 8px Arial; }

#currHead{ text-align: center;

        font-size: 120%;

        font-weight: bold;

      }

#prevHead{ text-align: center;

           font-weight: bold;

         }

#nextHead{ text-align: center;

           font-weight: bold;

         }

.noHeight {height: 0;}

.arrow    {font-family:Trebuchet MS, Times New Roman;

           font-weight: bold;

           font-size: 22px;

           background:#ddc;

           line-height: 8px;

           border:1px solid gray;

          }

a:hover.arrow {color: red; background-color: blue;}



.und { text-decoration: underline; }

.thumbs
{   display: block;
    width: 300px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    float: center;
    clear:both;
}

.thumbs a img
{   background: #fff;
    border: 0px solid #c7d8e8;
    padding: 7px 6px 7px 7px;
    background-image:url(../images/thumb_off.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

.thumbs a:hover img
{   background: #fff;
    border: 0px solid #c7d8e8;
    padding: 8px 5px 6px 8px;
    background-image:    url(../images/thumb_on.gif);
    background-position: top left;
    background-repeat:   no-repeat;
}

/* =========== */
/* LINED TABLE */
/* =========== */
  .linedTable {}
  .linedTable table {
      margin:1em 0;
      border-top:1px solid #ccc;
      border-left:1px solid #ccc;
      font-size: 8pt;
      width: 600px;
  /*   background: white;*/
      }
   .linedTable table th {
      border-right:1px solid #ccc;
      border-bottom:1px solid #ccc;
      padding: 2px 2px;
      vertical-align: middle;
      text-align: right;
      font-size: 8pt;
      color: white;
      }
   .linedTable td {
      border-right:1px solid #ccc;
      border-bottom:1px solid #ccc;
      padding: 2px 2px;
      vertical-align: middle;
      font-size: 8pt;
      font-weight: normal;
  /*   background: white;*/
      }
/* =============== */
/* END-LINED TABLE */
/* =============== */

.dots { background: url(../images/dots.gif) repeat-x;
          width: 100%;
          height: 1px;
          clear: both;
        }


/* Below is for the CSS Popup */
  .tblTopi { background-image: url(../images/tblTop.gif); }
  .tblBtmi { background-image: url(../images/tblBtm.gif); }
  .tblRi   { background-image: url(../images/tblRight.gif);
             background-position: 100% 50%;
             background-repeat: repeat-y;
           }
  .tblLi   { background-image: url(../images/tblLeft.gif);
             background-position: left;
             background-repeat: repeat-y;
           }
  .tblTopL { background: url(../images/tblTopL.gif) no-repeat; }
  .tblTopR { background: url(../images/tblTopR.gif) no-repeat; }
  .tblBtmL { background: url(../images/tblBtmL.gif) no-repeat; }
  .tblBtmR { background: url(../images/tblBtmR.gif) no-repeat; }

  #HD      { font-size: 14px; padding-bottom: 10px; }
  #DT      { font-size: 13px; padding-bottom: 10px; }
  #TXT     { font-size: 12px; }

/* Above is for the CSS Popup */



/* Below is for the links page */

  #navlist

  {

   list-style-type: none;

   padding-left: 0;

   margin-left: 0;

   border-bottom: 1px solid gray;

   margin-left: 1em;

   color: #666666;

  }



  #navlist li

  {

  padding: 0.25em;

  border-top: 1px solid gray;

  background-image: url(../images/FourSquare.gif);

  background-repeat: no-repeat;

  background-position: 0 .4em;

  padding-left: 1.6em; /* applies to text, not image */

  }



  #navlist li   {

                  font-family: Verdana, Helvetica, Arial, san serif;

                  font-size: 12px;

                }

  #navlist li a { text-decoration: none;

                  font-family: Verdana, Helvetica, Arial, san serif;

                  font-weight: bold;

                  color: #666666;

                }

  #navlist li a:link

                { /*color: beige;*/

                  background-color: white;

                  border-bottom: 1px dotted gray;

                }

  #navlist li a:visited

                { /*color: #125673;*/

                  background-color: white;

                  border-bottom: 1px dotted gray;

                }

  #navlist li a:hover

                { color: white;

                  background-color: silver;

                  border-bottom: 1px dotted gray;

                }

/* Above is for the links page */