/* main body */

body { 
            background-image: url(websupport/images/back1.bmp);  
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0 ;
            font-family: Arial;
           
            /* background-color: navy; */
          }

/*Credits: Dynamic Drive CSS Library */
.formbutton{
      cursor:pointer;
      border:outset 1px #ccc;
      background:#999;
      color:black;
      font-weight:bold;
      padding: 0px 1px;
      background:url(websupport/buttons/formbg.GIF) repeat-x left top;
}

.formbox{
      border:outset 1px #ccc;
      color:black;
      font-weight:normal;
      padding: 1px 2px;
      background:url(websupport/buttons/formbg.GIF) repeat-x left top;
}

a.noDecor:hover   {
                                   color: black;
                                   /* background: transparent url(websupport/buttons/mmactive2.bmp) center center repeat-x; */
                                   background-color: gray;
                                   
                                }  


table.noShow {
                           margin: 0;
                           padding: 0;
                           float: left;
                           width: 100%;
                           border: 1px solid gray;
                           border-left;
                           border-right;
                         
                           background-color: #999966;
                           visibility:hidden; position:absolute;
                           font: bold 10px arial;
                          
                     }


table.noShow td {
                     font: normal 10px arial;
                     padding-left: 5px;
                     border-bottom: 1px solid gray;
                     
                     
                   }

table.noShow td a {
                              float: left;
                              color: black;
                              
                              text-decoration: none;
                              border-left: 0px solid #C0C0C0;
                     }

table.noShow td a:visited {
                                    color: black;
                                  }

table.noShow td a:hover,
table.noShow td .current {
                                   color: black;
                                   /* background: transparent url(websupport/buttons/mmactive2.bmp) center center repeat-x; */
                                   border-left: 0px solid red;
                                   background-color: #666633;
                                }








.main_table { 
              width: 100%;
              height: 100%;
              border-style: ridge;
              border-width: .21em; 
              border-color: lightgray;
              border-right;
              border-left;
              background-image: url(websupport/images/back1.bmp);
              /* background-color: #C0C0C0; */
     
              
              }
              
img{
                  color: gray;
                  padding: 20px 20px;
                  border: 0px ridge gray;
              }              
              
              

td { 
       font-size: 11px;
       
     }


strike { color: red;
       
           }



a { 
      text-decoration: none;
      color: black;
   } 

dt { font-weight: bold }                  
                  

#dept:first-line {  
                             font-size: 120%;
                             
                          }
                          
#dept:first-letter {  
                                float: left;
                                font-size: 140%; 
                                line-height: .8;
                            }





#newsheading:first-line {  
                             font-size: 100%;
                             font-weight: bold;
                          }
                          
#newsheading:first-letter {  
                                float: left;
                                font-size: 120%; 
                                line-height: .9;
                                color: blue;
                                font-weight: bold;
                            }
                            
                            
                            
                            

#welcome:first-line {  
                             font-size: 100%;
                             font-weight: bold;
                          }
                          
#welcome:first-letter {  
                                float: left;
                                font-size: 150%; 
                                line-height: 1;
                                color: blue;
                                font-weight: bold;
                            }
                           


#newsline:first-line {  
                             font-size: 95%;
                             
                          }
                          
#newsline:first-letter {  
                                float: left;
                                font-size: 115%; 
                                line-height: 1;
                                color: blue;
                            }

div.newsbox  {

                 border: 0px dashed black;
                 padding: 5;
                 background-color: white;
             }


div.imagebox  {

                 border: 1px dashed black;
                 padding: 5;
                 background-color: white;
              }



    
/* Horizontal Menu 2  */

.mmenu {
                 margin: 0;
                 padding: 0;
                 float: left;
                 font: bold 11px Arial;
                 width: 100%;
                 border: 1px solid #999999;
                 border-width: 1px 0;
                 background: black url(websupport/buttons/black.gif) center center repeat-x;
                }

.mmenu li {
                    display: inline;
                   }

.mmenu li a {
                      float: left;
                      color: white;
                      padding: 7px 9px;
                      text-decoration: none;
                      border-right: 1px solid white;
                     }

.mmenu li a:visited {
                                    color: white;
                                  }

.mmenu li a:hover
                   {
                     color: white;
                     background: transparent url(websupport/buttons/blue.bmp) center center repeat-x;
              
                     
                   }


.mmenu li .current {
                     color: white;
                     background: transparent url(websupport/buttons/blue.bmp) center center repeat-x;
                    
                     
                   }




/* Horizontal Menu 1  */
.mmheading {
                           margin: 0;
                           padding: 0;
                           float: left;
                           font: bold 11px Arial;
                           width: 100%;
                           border: 1px solid #999999;
                           border-width: 1px 0;
                           background: black url(websupport/buttons//black1.bmp) center center repeat-x;
                     }


                           
                           
                           


.mmheading li {
                    display: inline;
                   }

.mmheading li a {
                              float: right;
                              color: white;
                              padding:2px 15px;
                              text-decoration: none;
                              border-left: 0px solid #C0C0C0;
                     }

.mmheading li a:visited {
                                    color:white;
                                  }

.mmheading li a:hover,
.mmheading li .current {
                                   color: black;
                                   background: transparent url(websupport/buttons/gray2.bmp) center center repeat-x;
                                   border-left: 0px solid red;
                                   
                                }





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* Verticle Menu 1 */


.linkscol1         {
                                   
                                   border-right: 1px solid #C0C0C0;
                                   
                                  
                                }

.linkscol3       {
                                   
                                   border-left: 1px solid #C0C0C0;
                                  
                                  
                                }


.subclass         {
                                   font: bold 13px arial;
                                   padding:3px 5px;
                                   display: block;
                                   width: 100%; 
                                   text-decoration: none;
                                   border-bottom: 1px solid #C0C0C0;
                                   color: black;
                                   //* background: transparent url(websupport/buttons/blue.bmp) center center repeat-x; *//
                                   background-color: #dedede;
                                  
                                }


.subheading       {
                                   font: bold 13px arial;
                                   padding:3px 5px;
                                   display: block;
                                   width: 100%; 
                                   text-decoration: none;
                                   border-bottom: 1px solid #C0C0C0;
                                   color: black;
                                   //* background: transparent url(websupport/buttons/gray.bmp) center center repeat-x; *//
                                   background-color: #C0C0C0;
                                }



.hhmenu 
                           {
                               border: 0px solid #C0C0C0;
                               background-color: white;
                               border-bottom-width: 0;
                               width: 170px;
                               
                            }

* html .hhmenu
                                      {   
                                      
                                         width: 200px;
                                       }

.hhmenu ul 
                                  {
                                    padding: 0;
                                    margin:0;
                                    list-style-type: none;
                                    
                                  }

.hhmenu a 
                                {
                                   font: bold 10px arial;
                                   padding:3px 5px;
                                   display: block;
                                   width: 100%; 
                                   color: black;
                                   text-decoration: none;
                                   border-bottom: 1px solid #C0C0C0;
                                }

.hhmenu a:visited 
                                            {
                                               color: balck;
                                             }

html>body .hhmenu a
                                                   {
                                                       width: auto;
                                           
                                                   }

.hhmenu a:hover
                                           {
                                              background-color: #F8FBBD;
                                              color: black;
                                            }


.hhmenu li a:hover
                               {
                                   color: black;
                                   background: transparent url(websupport/buttons/gray.bmp) center center repeat-x;

                                }





/*Credits: Dynamic Drive CSS Library */


.gallerycontainer{
                   position: relative;
                      
                            
                  /*Add a height attribute and set to largest image's height to prevent overlaying*/
                  }

.gallery img{

                  border: 1px ridge gray;
                  font-weight: bold 13px Arial;
                  padding: 20px 20px;
                 
              }

.gallery:hover{
                  background-color: transparent;
                }

.gallery:hover img{
                      border: 1px ridge gray;

                    }

.gallery span  { /*CSS for enlarged image*/
                 position: absolute;
                 background-color: lightyellow;
                 padding: 5px;
                 left: -1000px;
                 border: 1px dotted gray;
                 visibility: hidden;
                 color: black;
                 text-decoration: none;
                 
               
                 
               }

.gallery span img{ /*CSS for enlarged image*/
                     border-width: 0;
                     padding:0px;
                     width:200px;
                     height:200px;
                     
                     
                   }

.gallery:hover span   { /*CSS for enlarged image*/
                        visibility: visible;
                        top:0;
                        left:210px; /*position where enlarged image should offset horizontally */
                        z-index: 50;

                      }