html { overflow: scroll; background-color: #000;}
body { font: normal 62.5% Arial, verdana, helvetica, sans-serif; color: #FFF;}

/* general */
.clear { clear: both;}

/* fonts */
h1 { font-size: 2.0em;}
h2 { font-size: 1.4em;}
p { font-size: 1.3em; line-height: 1.4em; letter-spacing: .05em; margin-bottom: 10px;} 
.copyright { font-size: 1.0em; letter-spacing: .09em; text-align: right; margin-right: 0px;}
ul { margin: 0; padding: 0;}   
li { list-style: none;}
a { text-decoration: none; font-size: 1.3em; color: #000; font-weight: bold; line-height: 1.8em;}  
a:hover, a:active { color: red;}

/* structure */
div#container { margin: 0 auto; width: 1000px; height: 1278px; background-image: url(media/stairway.jpg);}
div#menu { width: 175px; margin-left: 257px; padding-right: 0px;  background-color:#fcce4b; text-align: right;}
	div#menu ul { background-color: #fcce4b;}
	div#menu ul.level1 li.submenu:hover ul.level2 { display: block;}
	div#menu>ul a { width: auto;}
	div#menu li { position:relative; color: #603f09; list-style: none; z-index: 4;} 
	div#menu li.submenu:hover { background-color: #fcd872;}
		div#menu ul ul { position: absolute; top: 0; left: 17.6em; display: none;}
	div#menu li a { display:block; text-decoration: none; padding: .07em .5em;}  
	div#menu a:hover, a:active { color: #bc0404; background: #ddb543;}    
div#headline { position: absolute; width: 360px; top: 111px; margin-left: 433px; padding: 0px 5px; background-color: #FFF;}
	div#headline h1 { font-size: 2.0em; color: #000; text-transform: uppercase;}  
	div#headline p { color: #6b0100;}
div#topStory { width: 430px; text-align: right; padding-top: 5px;}  
	div#topStory p { line-height: 1.6em; margin-bottom: 12px;}
div#story2 { float: right; width: 400px; margin-right: 75px; margin-top: -140px; padding-bottom: 10px; background-color: #000;}  
	div#story2 h2 {  padding: 12px 4px; background-color: #930901; margin-bottom}  
	.byline { font-size: 0.8em; letter-spacing: .05em; color: #FFF;}
	div#story2 p { padding: 5px 7px 5px 20px; color: #FFF;}   
div#story3 { margin: 20px 0 0 200px; width: 650px;}
	div#story3 h1 { font-size: 2.5em; letter-spacing: .02em; line-height: 1.3em; font-family: times, serif; font-variant: small-caps ; background-color: #000; padding: 8px 0 10px 0;} 
	div#story3 p { margin-left: -100px; width: 650px;}
	.story3byline { font-size: 0.5em; font-family: Arial, verdana, helvetica, sans-serif;}  
div#footer { margin-left: 100px; text-align:center;}    
	div#footer ul.level1 li.submenu:hover ul.level2 { display: block; background: #b38c24;}    
	div#footer ul.level1 li.submenu:hover ul.level3 { display: block; background: #b38c24;}    
	div#footer li { position:relative; width: 10em; float: left;}  
	div#footer li:hover { background: #b38c24;}
	div#footer li.submenu {} 
	div#footer li.submenu:hover { background: #fcd872;}    
	div#footer li a { display:block; font-size: 1.1em; letter-spacing: .2em; color: #FFF; padding: .5em; text-decoration: none; width: 6.5em;} 
	div#menu>ul a { width: auto;}   
	div#footer ul ul { position: absolute; width: 10em; display: none; }        
	div#footer ul ul li { }
	div#footer a:hover, a:active { color: #bc0404;}   
	div#footer ul.level2 { top: -14.50em; left: 0em;}     
	div#footer ul.level3 { top: -8.7em; left: 0em;}