/* Lance Gerber StyleSheet.css */

/* Page Defauts*/
body {background-color: black; font-family: Arial; color: white; width: 100%; height: 80%; font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
h3 {font-size:1.4em; padding: 0; margin: 0; border: 0}
p {font-size:0.875em;}

/* Page Background */
#background {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -50;}
.stretch {width:100%; height:100%;}

/* Header Picture */
#header-picture {position: absolute; top: 5%; width: 100%; height: 10%; text-align: center; border: 0}
.stretch-2 {width:45%; height:75%;}

/* Main Menu level */
#menu {position: absolute; top: 15%; left: 20%; background: transparent; float: left; margin: 0; width:100%; padding: 0}
#menu ul {list-style-type: none}
#menu ul li {color: white; border: black solid .05em;  padding: 0; float: left; width: 20%; background: transparent; text-align: center;}
#menu ul li:hover {background: #191919; border-style: inset}

/* Links Display */
#menu a {color: white; text-decoration: none; margin: 0; padding: 0; border: none; outline: none; display: block; }
#menu a:hover {background-color: #191919; font-weight: bold; }

/* Sub Menu */
#menu ul li:hover > ul {display: block;}
#menu ul li ul {display: none; margin: 0; z-index: 20}
#menu ul li ul li {list-style-type: none; float: left; width: 100%;  color: white; background-color: #333333}

/* Sub Sub Menu */
#menu ul li ul li:hover > ul {display: block; margin-top: -1%}
#menu ul li ul li ul{position: absolute; margin-left: 15%; width: 20%; z-index: 30}

/* Picture Links Table */
#picture-table {position: absolute;  top: 30%; left: 25%; color: white; background-color: #700000; float: left; width: 50%; padding: .85em; border: white solid 0.15em; z-index: -10}
#picture-table li {list-style-type: none; text-align: center}
#picture-table a {text-decoration: none; color: yellow; z-index: 0; display: block}
#picture-table a:hover {background-color: yellow; color: blue; font-weight: bold}

/* Video Snippets */
#video-table {position: absolute;  top: 30%; left: 25%; width: 50%; z-index: -10}