/* ### NORMAL.CSS ### */
/* ### Styles in this file are applied to non-mobile devices only ### */

.titlemain {
/*    margin-left: 115px;
    position: absolute; */
    vertical-align: top;
    }

.titlemain table {
/*  font-size:xx-large; */  /* setting font size increases whitespace at bottom (bad) */
    }

.titlemain > img {
/*    border-color: white;
    border-style: solid;
    border-width: thick;
    margin: 2px;
    padding: 2px; */
    }


/*    ### SIZING DETAILS ###
    Total width = 750px
    Nav menu area = 120px
    Left margin of content area = 130px
    Min with of content area = 400px
    Max width of content area = 620px (because 130px left margin + 620px max = 750px)
    Width of contentheader.jpg = 620px
    Width of content footer = 620px  */

.navholder {
    /* nav menu area */
    width: 120px;
    position: absolute;
    top: 4px;
    left: 4px; 
    }

.content {
    /* content area (including title, main, and footer) */
    margin-left: 130px;  /* sets whitespace between nav and content */
    min-width: 400px;
    max-width: 620px;  /* 750-130=620 */
    position: absolute;
    top: 4px;
    }
    
.contentheader {
    /* content header div */
    height: 102px;
/*    background: blue; */
/*    background: #0000C0; dark blue */
    background: #006400;
    }

.contentmain, .eventmain {
    /* content main div */
    min-height: 400px;
    margin-left: 0px;   /* is this needed? */
    }
    
.contentfooter {
    /* content footer div */
    }
    
/* cascading menu magic */
.navholder td > ul {
    margin: 0;
    padding:0;
    list-style: none;
    white-space: nowrap;
    z-index: 100;
    display: none;
    font: 14px Arial, Helvetica, sans-serif;
/*    font-weight: bold; */
    text-align: left;
    text-decoration: none;
    position: absolute;
    left: 100%;
    margin-top: -24px;
    margin-left: -3px;
    padding-left: 8px;  /* difference is the spacing from the parent */
    }

.navholder td li {
    list-style:none;
    font: 14px Arial, Helvetica, sans-serif;
/*    font-weight: bold; */
    text-align: left;
    text-decoration: none;
/*    background: blue; */
/*    background: #0000C0; dark blue */
    background: #006400;
    padding-left: 0px; 
    padding-top: 2px; 
    padding-right: 0px;
    padding-bottom: 0px; 
    } 

.navholder td:hover ul {
    display: block;
    }

/* login fly out */
#login div div {
    display: none;
/*    background: blue; */
/*    background: #0000C0; dark blue */
    background: #006400;
    color:white;
    font-size: 9px;
    text-align: left;
    padding-right: 2px;
    z-index: 100;
} 
#login div:hover > div {
    display: block;
}