/* ### 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 */
td.navcell > 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 */
    }

td.navcell 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; 
    } 

td.navcell: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;
}