html { flow: scroll;}   
body { font: 62.5% Arial, verdana, helvetica, sans-serif; color: #485737;}  

/* fonts */
h1 { font-size: 1.4em; line-height: 1.7em; margin-bottom: 3px;}
p { font-size: 1.2em; line-height: 1.5em; letter-spacing: .04em; margin-bottom: 8px;} 
.beginStory { color: #FFF; background-color: #727604;}  

/* general */
.clear { clear:both;}     
li { display:block; font-size: 1.2em; line-height: 1.5em; letter-spacing: .04em; margin-bottom: 8px;}    
a { text-decoration: none; color: #FFF; background-color: #727604;}
a:link { text-decoration: none;} 
a:hover, active { text-decoration: none;}

/* structure */
div#container { width: 750px; margin: 0 auto; padding-top: 50px;}   
	div#greyLine { float: left; width: 440px; height: 48px; background: #485737 url(media/pokadot.gif) no-repeat; margin: 2px 2px 0 0;} 
	div#greyLine p { color: #FFF; padding: 15px 3px 0 0; text-align: right; ;} 
	.indent { padding-left: 80px; width: 180px;}  
	.imageLeft { float: left;}   
	.imageRight { float: right; margin-right: -40px;} 
 	div#container a:link { text-decoration: none; color: #FFF; background-color: #727604;} 
 	div#container a:hover, active { color: #FFF; background-color: red;}
	
div#copy { float: right; width: 300px; text-align: justify; padding-bottom: 100px;} 

div#mainContent {  z-index: 11; float: left; width: 440px; padding-top: 20px; text-align: justify;}   
		.indent_main { padding-left: 120px; width: 360px;}   
		.indent_mainColor { margin-left: 80px; width: 400px; font-size: 1.4em; line-height: 1.4em; color: #485737; background-color: #c8dcbe;}