@charset "UTF-8";
/* CSS Document */

    body {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background: url(mt_graphics/backgroundFade.png) repeat-x;
        }
        
/* Basic Styling */

    h1 {
        font-size: 1.9em;
        }
        
    h2 {
        font-size: 1.7em;
        }
    
    h3 {
        font-size: 1.5em;
        }   
        
    h4 {
        font-size: 1.3em;
        }
        
    h5 {
        font-size: 1.1em;
        margin: 0;
        padding: 10px 10px 0 10px;
        }
        
    p {
        font-size: .9em;
        line-height: 1.4em;
        padding: 0 10px;
        }
    .dropcap {
        float: left;
        color: #D4D4C7;
        font-size: 55px;
        line-height: 37px;
		margin-right: 3px;
        padding-top: 2px;
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        }

    .caption {
        font-size: .8em;
        line-height: 1.2em;
        }

     .quote {
        font-size: .8em;
        line-height: 1.2em;
        padding: 0 50px 0 50px;
        }

     .footnote {
        font-size: .8em;
        line-height: 1.2em;
        }


/*************** List attributes *********************/

    #bulletList ul {
       margin: 0;
       padding: 0;
       list-style-type: none;
       }

    #bulletList li {

       list-style-type: none;
       margin: 0 0 0 10px;
       padding: 2px 10px 2px 20px;
       font-size: 90%;
       background: url(mt_graphics/bullet.png) no-repeat 0 .4em; /* When you use 0 50%, it looks buggy in IE */
       }

    #bulletList ol li {

       list-style-type: lower-roman;
       margin: 2px 0 0 10px;
       padding: 2px 10px 2px 20px;
       font-size: 100%;
       background: none;
       }

    #numberList ul {
       margin: 0;
       padding: 0;
       list-style-type: upper-roman;
       }                

    #numberList li {
       list-style-type: upper-roman;
       margin: 0 0 0 10px;
       padding: 2px 10px 2px 20px;
       font-size: 90%;
       }

/*************** Basic attributes *********************/

    .bold {
          font-weight: bold;
          }

    .green {
           color: #6a8a3f;
           }

    .blue {
          color: #4C5CA4;
          display: block;
          width: 25em;
          border-top: 1px solid #4C5CA4;
          border-bottom: 1px solid #4C5CA4;
          }
/*************** Image attributes *********************/

    .img {
         margin: 0 0 5px 0;
         padding: 0 7px 0 0;
         float: left;
         border: none;
         }

     .imgRight {
         margin: 0;
         padding: 0 10px 0 7px;
         float: right;
         border: none;
         }

     #imgBox {
         margin: 0 0 0 10px;
         }
          
        
    #wrapper {
        width: 750px;
        margin: 0 auto;
        padding: 0;
        background-color: #FFFFFF;
        }
    
    #masthead {
        width: 750px;
        height: 275px;
        background: url(mt_images/masthead.jpg);
        }

/*************** Gallery attributes *********************/

    #gallery {
        margin: 0;
        text-align: center;

        }

    #gallery img {
        margin: 10px;
        display: block;
        float: left;
        }

    #gallery a {

        text-decoration: none;
        }

     #gallery a:hover {
        border: none;
        color: #ccc;
        }

/* Main Navbar */

   #navbar ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 750px;
      border-bottom: 2px solid #6a8a3f;
      float: left;
      }
   #navbar ul li {
      float: left;
      }

   #navbar ul a {
      display: block;
      padding: 0 1em;
      line-height: 2.1em;
      text-decoration: none;
      float: left;
      color: #6a8a3f;
      }

   #navbar ul a:hover {
      color: #FFF;
      background-color: #D4D4C7;
      }

   #navbar ul a.current {
      background-color: #6a8a3f;
      color: #FFF;
      }
           
 /************************* Side Navigation Bar ************************/
     #sidebar ul {
         margin: 0;
         padding: 0;
         list-style: none;
         width: 15em;
         border-bottom: 2px solid #FFF;

         }

     #sidebar ul li{
          font-size: .9em;
          }

     #sidebar ul a{
          display: block;
          padding: 0 1em;
          line-height: 2.1em;
          text-decoration: none;
          color: #6a8a3f;
          border-bottom: 2px solid #FFF;
          }

     #sidebar ul a:hover {
      color: #FFF;
      background-color: #D4D4C7;
      border-bottom: 2px solid #FFF;
      }

     #sidebar ul {

     }

     #sidebar ul a.current {
      background-color: #6a8a3f;
      color: #FFF;

      border-bottom: 2px solid #FFF;
      }


/************ This is for the three column layout *********/
/************ Here is the main content box *********/

    #threeCol #primaryCon {
        float: left;
        width: 270px;
        margin: 10px 0 10px 195px;
        /* background-color: #F2F2F2; */
        }

/************ This is for the two column layout *********/
/************ Here is the main content box *********/

    #twoCol #primaryCon {
        float: left;
        width: 555px;
        margin: 10px 0 20px 195px;
        /* background-color: #F2F2F2; */
        }

/************ This is the content box on the right *********/
    #secondaryCon {
        float: left;
        width: 270px;
        margin: 10px 0 10px 15px;
        /* background-color: #F2F2F2; */

        }
/************ This is the box on the left *********/
    #sideCon {
        float: left;
        width: 180px;
        margin: 10px 0 10px -750px;
        /*background-color: #F2F2F2;*/
        }


/*************** This is the Footer **************/

    #footer {
        width: 750px;
        height: 90px;
        margin: 0;
        padding: 0;
        /* background-color: #F2F2F2; */
        text-align: center;
        clear: left;
        }
    
    .clear {
        clear: both;
        }

   /*************** Here is the Form Styling **************/

    #twoCol #formCon {
        float: left;
        width: 555px;
        margin: 10px 0 20px 195px;
        }

    fieldset {
             margin: 0 0 10px 0;
             padding: 5px;
             border: 1px solid #ccc;
             background: #F2F2F2;
             width: 400px;
             }
    legend {
           font-weight: bold;
           padding: 0 0 0 15px;
           }

    label {
          float: left;
          width: 8em;
          padding: 0 0 0 5px;
          }

     input {
           width: 250px;
           }

     .dropButton {
           width: 255px;
           border: 3px double #CCC;
           background: #fff;
           }

     textarea {
           width: 250px;
           height: 100px;
           }
     input[type="text"], textarea {
           border-top: 2px solid #999;
           border-left: 2px solid #999;
           border-bottom: 1px solid #ccc;
           border-right: 1px solid #ccc;
           }

      input:focus, textarea:focus {
           background: #ffc;
           }

      .required {
           color: #760000;
           }

      .button {
           border: 3px double #CCC;
           background: #fff;
           width: 7em;
           }

   /*************** Here is the Calendar Styling **************/

   table {
         margin: 0;
         padding: 0;
         width: 540px;
         border: 1px solid #ccc;
         background: #D4D4C7;
         }
   #title {
         font-size: 130%;
         }
   a {
     text-decoration: none;
     color: #6a8a3f;
     }

   a:hover {
      color: #FFF;
      background-color: #D4D4C7;
      }
.dayname {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0 2px 0;
}


.date {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  background-color: #FFF;
  text-align: left;
  vertical-align: top;
  height: 100px;
  width: 14%;
  border: 1px solid #ccc;
  margin: 0px;
  padding: 0px 3px 3px 0px;
}


#bottoms { 
  border: #003399 solid; 
  border-width: 1px 1px 2px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px; color: #003399;
  background-color: #F2FFFF;
}

#lowerleft {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px; color: #003399; 
  background-color: #FFF;
  text-align: left; 
  vertical-align: top; 
  margin: 0;
  padding: 0 3px 3px 0;
  border: 1px solid #ccc;
}

h6 {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.2em;
  text-align: center; 
  vertical-align: middle; 
  display:block; 
  margin: 0;
  padding: 3px 3px 3px 3px;
  height: 15px; 
  width: 22px; 

}

h6.olddate {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.2em;
  text-align: center; 
  vertical-align: middle; 
  display:block;
  color: #ccc; 
  margin: 0;
  padding: 3px 3px 3px 3px;
  height: 15px; 
  width: 22px; 

}

h6.newdate {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.2em;
  text-align: center; 
  vertical-align: middle; 
  display:block;
  color: #ccc;
  margin: 0;
  padding: 3px 3px 3px 3px;
  height: 15px; 
  width: 22px; 

}

h5.calentry {
  margin: 2px 0 3px 5px;
  padding: 0;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  }
   /*************** Here is the Table styling **************/

   #table {
          background-color: #D4D4C7;
          }
   #scheduleMinistry {
         background-color: #FFF;
         }
   #table th {
          margin: 0;
          padding: 2px;
          background-color: #D4D4C7;
          }
   #table td {
          margin: 0;
          padding: 2px;
          border: 1px solid #666;
          font-size: 90%;
          text-align: center;

          }
   .odd {
        background-color: #ffffff;
        }
   .ministry {
             font-weight: bold;
             color: #6a8a3f;
             }
   .group {
             color: #4C5CA4;
             display: block;
             width: 7em;

             border-bottom: 1px solid #4C5CA4;

             }

    #phptable {
             background-color: #FFFFFF;
             }

    #phptable th {
             margin: 0;
             padding: 2px;
             background-color: #FFFFFF;
             }
   #table td {
             margin: 0;
             padding: 2px;
             border: 1px solid #666;
             text-align: center;
             }