/* First Christian Church of Tallahassee Menu Style Sheet   */
/* by Jack L. Wolfgang II                                   */
/* 07 May 2006 A.D.                                         */
/* Last Updated:  06 January 2008 A.D.                      */

/* Based on the Horizontal in Horizontal menu on the        */
/* Listamatic site:                                         */
/* http://css.maxdesign.com.au/listamatic2/horizontal05.htm */

.Inactive      { display:              none;
                 visibility:           collapse             }

/* InfoLink handles the Skip Navigation and Access Keys     */
/* text and links that appear above the menu.               */

#InfoLink      { clear:                left;
                 display:              block;
                 margin:               0;
                 padding:              0;
                 padding-top:          10px;
                 font-family:          verdana, sans-serif;
                 font-size:            x-small;
                 text-align:           left                 }

#InfoLink a    { background-color:     transparent;
                 background-image:     none;
                 font-weight:          normal;
                 text-decoration:      none                 }

#InfoLink a:LINK
               { background-color:     transparent;
                 background-image:     none;
                 font-weight:          normal               }

#InfoLink a:HOVER, #InfoLink a:ACTIVE
               { background-color:     #e7e7b8;
                 background-image:     none;
                 border-top-style:     none;
                 border-bottom-style:  none;
                 color:                #990000              }

#InfoLink a:VISITED
               { background-color:     transparent;
                 background-image:     none;
                 color:                #990000;
                 font-weight:          normal               }

#InfoLink em, #mnuLevel1 li a em, em.AccessKeys
               { text-decoration:      underline;
                 font-style:           normal               }

/* END InfoLink Styling                                     */

/* mnuLevel1 handles styling for the top level of menus.    */
/* In this case, only level.                                */

#mnuLevel1     { border-bottom-color:  #990000;
                 border-bottom-style:  solid;
                 border-bottom-width:  3px;
                 clear:                left;
                 display:              block;
                 font-family:          verdana, sans-serif;
                 height:               1.55em;
                 margin:               0;
                 margin-bottom:        2.75em;
                 padding:              0;
                 position:             relative;
                 white-space:          nowrap;
                 width:                100%                 }

/* IE7 Renders a small gap between the tabs and the bottom  */
/*    border.  Good Lord, I hate hacks.  When will MS       */
/*    learn?                                                */
* html #mnuLevel1
               { height:               1.50em               }

#mnuLevel1 li  { border-top-color:     #aaaaaa;
                 border-bottom-color:  #990000;
                 border-left-color:    #999999;
                 border-right-color:   #555555;
                 border-style:         solid;
                 border-top-width:     1px;
                 border-bottom-width:  0;
                 border-left-width:    1px;
                 border-right-width:   1px;
                 float:                left;
                 list-style-type:      none;
                 margin-top:           0.50em;
                 margin-bottom:        0;
                 margin-left:          2px;
                 margin-right:         0;
                 padding-bottom:       0;
                 width:                auto                 }

/* Yet another hack to deal with IE's lack of standards     */
/*    compliance                                            */

* html #mnuLevel1 li
               { margin-top:           0.70em               }

#mnuLevel1 li a
               { background-color:     #e7e7b8;
                 border-color:         #cccccc;
                 border-top-width:     1px;
                 border-bottom-width:  0;
                 border-left-width:    1px;
                 border-right-width:   1px;
                 border-style:         solid;
                 color:                #990000;
                 display:              block;
                 font-size:            0.7em;
                 font-weight:          normal;
                 line-height:          120%;
                 margin:               0;
                 padding-top:          1px;
                 padding-bottom:       1px;
                 padding-left:         0.4em;
                 padding-right:        0.4em;
                 position:             relative;
                 text-align:           center;
                 text-decoration:      none                 }

#mnuLevel1 li a:hover
               { color:                #ff0000;
                 text-decoration:      underline            }

#mnuLevel1 li#L1Active a
               { background-color:     #990000;
                 border-top-color:     #660000;
                 border-bottom-color:  #990000;
                 border-left-color:    #660000;
                 border-right-color:   #660000;
                 color:                #e7e7b8;
                 font-weight:          bold                 }

#mnuLevel1 li#L1Active a:hover
               { color:                #ffffff;             }

#mnuLevel1 li#SearchBox
               { background-color:     #990000;
                 border-style:         none;
                 clear:                both;
                 color:                #ffffff;
                 display:              block;
                 float:                left;
                 margin-left:          0;
                 margin-right:         0;
                 margin-top:           0;
                 margin-bottom:        0;
                 padding-left:         0.25em;
                 padding-right:        0.25em;
                 padding-top:          0.25em;
                 padding-bottom:       0.25em;
                 text-align:           right;
                 white-space:          normal;
                 width:                100%                 }

#mnuLevel1 li#SearchBox form
               { margin:               0;
                 padding:              0                    }

#mnuLevel1 li#SearchBox a
               { background-color:     transparent;
                 border-style:         none;
                 display:              inline;              }

#mnuLevel1 li#SearchBox img
               { border-width:         0;
                 margin:               0;
                 padding:              0;
                 vertical-align:       middle               }

#mnuLevel1 li#SearchBox input
               { margin:               0;
                 padding:              0;
                 vertical-align:       middle               }

#mnuLevel1 li#SearchBox input#s
               { background-color:     #ffffff;
                 border-color:         #cccccc;
                 border-style:         inset;
                 border-width:         2px;
                 color:                #000000              }

/* I was going to restrict this to inputs of type submit,   */
/*    but IE6 wouldn't hear of that.  Therefore, the text   */
/*    box is styled above, and this is the styling for      */
/*    the button.                                           */
#mnuLevel1 li#SearchBox input
               { background-color:     #e7e7b8;
                 border-color:         #cccccc;
                 border-style:         solid;
                 border-width:         1px;
                 color:                #990000              }

#mnuLevel1 li#SearchBox input
               { background-color:     #e7e7b8;
                 border-color:         #cccccc;
                 border-style:         solid;
                 border-width:         1px;
                 color:                #990000              }

#mnuLevel1 li#SearchBox input:active
               { border-color:         #cccccc;
                 border-style:         inset;
                 border-width:         1px;
                 color:                #999999              }

/* END Level 1 Styling                                      */

/* IE5/Mac fixed width fix                                  */
 * html > body ul#mnuLevel1
               { width:                100%;                }
