/*LITMA site-wide styles*/

/*refactored or cannonical styles and rules here
*/

body {
    background-color : white;
    margin           : 0;
    border           : 1px solid gray;
    line-height      : 150%;
}

#branding {
    padding    : 0.5em;
    color      : #090;
    clear      : left;
    text-align : center;
}

#branding h1 {
    font-size : 2.5em;
}

#branding h2 {
    color      : black;
    font-style : italic;
}

#nav {
    width       : 100%;
    margin      : 0px;
    border      : 1px solid green;
    line-height : 150%;
    clear       : left;
}

#nav  ul {
    float           : left;
    width           : 100%;
    padding         : 0;
    margin          : 0;
    list-style-type : none;
}

#nav>ul li {
    display : inline;
}

#nav>ul>li a {
    float            : left;
    width            : 7em;
    text-decoration  : none;
    text-align       : center;
    color            : white;
    background-color : gray;
    padding          : 0.2em 0.6em;
    border-right     : 1px solid white;

}

#nav>ul>li a:hover {
    background-color : black;
}



#notice {
    background-color : #f90;
    text-align       : center;
    font-weight      : bold;
    clear:left;

}

#sidebar {
    clear: left;
    float   : left;
    width   : 20%;
    padding : 1em;
    border  : 1px solid #006400;

}

#sidebar ul {
    list-style-type:none;
}
#content {
    padding     : 1em;
    border      : 1px solid #006400;
    width       : 75%;
    margin-left : 24%
}

#content div {
    padding      : 1em;
    border-color : #d3d3d3;
    border-style : solid;
    border-width : 1px;
}

#content .brochure{
    text-align:center;
    padding:1.5em;
}

#schedule {
    width           : 100%;
    border-collapse : collapse;
    clear:left;
}

#schedule table {
     width:auto;
    padding:.25em;

}

#schedule th, #schedule tr {
    font-size : 1em;
    border    : 1px solid #98bf21;
    padding   : 3px 7px 2px 7px;
}

#schedule th {
    font-size         : 1.1em;
    text-align       : left;
    padding-top      : 5px;
    padding-bottom   : 4px;
    background-color : #A7C942;
    color            : #ffffff;
}

#schedule .month {

    background-color : #008080;
    text-align       : center;
    color            : #ffffff;
    font-weight      : bold
}

#schedule  .alt
{
color:#000000;
background-color:#EAF2D3;
}


#schedule .special{

    font-weight      : bold;
    font-size        : 2em
}

#SignUp .signupframe {
  border: 1px solid #45AA26;
  background: #ffffff;
  color: #2231BA;
  font-family: Arial, Helvetica, sans-serif; }

#printFooter{
    display: none;
}

/*Common Header and menu styles*/
ul .menu {
    float           : left;
    width           : 100%;
    padding         : 0;
    margin          : 0;
    list-style-type : none;
}

a .menu {
    float            : left;
    width            : 7em;
    text-decoration  : none;
    text-align       : center;
    color            : white;
    background-color : purple;
    padding          : 0.2em 0.6em;
    border-right     : 1px solid white;
}

a .menu:hover {
    background-color : #ff3300
}

li .menu {
    display : inline
}

div .menu {
    width      : 100%;
    min-height : 1.9em;
}

span .litmatitle {
    text-align  : center;
    color       : #009900;
    font-size   : 2.5em;
    font-weight : bold;
    clear       : right
}

span .slogan {
    text-align  : center;
    font-weight : bold;
    font-style  : italic;
    color       : black
}

/*schedule styles*/

a.schedule {
    font-weight : bold;
    font-size   : 1.125em
}

a.white {
    color : #000000
}

a.black {
    color : #ffffff
}

img.litmasmall {
    float : left;
}

p.litmatitle {
    text-align  : center;
    color       : #009900;
    font-size   : 2.5em;
    font-weight : bold
}

p.slogan {
    text-align  : center;
    font-weight : bold;
    font-style  : italic
}

p.menutext {
    text-align  : center;
    color       : white;
    font-size   : 1.5em;
    font-weight : bold
}

table.menutable {
    table-layout : auto;
    width        : 100%;
    border-style : inset
}



caption.schedule {
    background-color : #ffffff;
    padding-top      : 1.5em
}






td.schedule.left {
    text-align : left
}

td.schedule.center {
    text-align : center
}

span.centered {
    text-align : center
}

span.right {
    text-align : right
}

span.phone {
    font-family : "Arial,sans-serif", sans-serif
}

span.poetry {
    text-align  : left;
    font-family : "Times Roman,Serif", serif;
    font-style  : italic;
    color       : white
}

/*page format / layout */
div.container {
    width       : 100%;
    margin      : 0px;
    border      : 1px solid gray;
    line-height : 150%;
}

div.header, div.footer {
    padding          : 0.5em;
    color            : darkgreen;
    background-color : white;
    clear            : left;
    text-align       : center;
}

h1.header {
    padding : 0;
    margin  : 0;
}

div.left {
    float   : left;
    width   : 160px;
    margin  : 5px 0px 5px;
    padding : 1em;
}

div.right {
    float   : right;
    width   : 160px;
    margin  : 5px 0px 5px;
    padding : 1em;
}

div.content {
    margin-left : 190px;
    margin-top  : 5px;
    border-left : 1px solid gray;
    padding     : 1em;
}

/*   inactive styles [beware of comments]
  div.container {
            width: 100%;
            margin: 0px;
            border: 1px solid gray;
            line-height: 150%;
        }

        div.header, div.footer {
            padding: 0.5em;
            color: #009900;
            background-color: white;
            clear: left;
        }

        div.menu {
            width: 100%;
            margin: 0px;
            border: 1px solid green;
            line-height: 150%;
        }

        div.feature {
            width: 80%;
            margin: 0px;
            border: 1px solid black;
            padding: 5px;
        }

        h1.header {
            padding: 0;
            margin: 0;
        }

        h1.announce {
            font-size: xx-large;
            color: red;
        }

        div.right {
            float: right;
            width: 80%;
            margin: 1em;
            padding: 1em;
        }

        ul.menu {
            float: left;
            width: 100%;
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

        a.menu {
            float: left;
            width: 7em;
            text-decoration: none;
            text-align: center;
            color: white;
            background-color: purple;
            padding: 0.2em 0.6em;
            border-right: 1px solid white;
        }

        a.menu:hover {
            background-color: #ff3300
        }

        li.menu {
            display: inline
        }
*/