body {
    background-color:#999999;
    font-family: Arial, sans-serif;
    font-size: 100%;
    margin: 0px;
    color: #000000;
    }

@font-face {
    font-family: 'archistico';
    src: url('archistico/archistico_simple-webfont.eot');
    src: url('archistico/archistico_simple-webfont.eot?#iefix') format('embedded-opentype'),
         url('archistico/archistico_simple-webfont.woff') format('woff'),
         url('archistico/archistico_simple-webfont.ttf') format('truetype'),
         url('archistico/archistico_simple-webfont.svg#archisticonormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header {
    background-color:#003366;
    text-align:center;
    padding:10px;	 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 150%;
    border-bottom-style: dotted;
    border-bottom-width: 8px;
    border-bottom-color: #000000;
}

#headerText {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:800px;
    background-color: #003366;
    padding:10px;
    }
    
#headerText1 {
    text-decoration: none;
    text-align: left; 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 150%;
    }
 
#headerTextNEIGHBOR {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #128895;
    font-size: 100%;
    }  

#headerTextVESPA {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #e7d065;
    font-size: 100%;
    }

#section {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width:800px;
    background-color: #ffffff;
    padding:10px;
    }

#alizajournal1 {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: left;
    width:600px;
    font-family: "blackjack", "kaushan script", "black rose", "archistico", arial, sans-serif;
    color: #000033;
    font-size: 175%;
} 

#alizajournal2 {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: left;
    width:600px;
    font-family: "alpha echo", "archistico", arial, sans-serif;
    color: #000033;
    font-size: 200%;
} 

#alizajournal3 {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: left;
    width:600px;
    font-family: "alpha echo", "archistico", arial, sans-serif;
    color: #999999;
    font-size: 100%;
} 
    
#neighborhood {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: left;
    width:600px;
    font-family: "archistico", arial, sans-serif;
    color: #000033;
    font-size: 150%;
} 

#neighborhoodQuestion {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: left;
    width:600px;
    font-family: "archistico", arial, sans-serif;
    color: #336699;
    font-size: 100%;
}  
  
#neighborhoodLINK a:link, a:hover, a:active, a:visited {
    text-decoration: none;
    text-align: center;
    font-family: "archistico", arial, sans-serif;
    color: #cccccc;
    font-size: 100%;
}

    
#footer {
    background-color:#003366;
    clear:both;
    text-align:center;
    padding:5px;
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 150%;    
    border-top-style: solid;
    border-top-width: 8px;
    border-top-color: #000000;
}

#questionLINKS a:link, a:visited {
    text-decoration: underline;
    font-family: "archistico", sans-serif;
    color: #ffffff;
    font-size: 150%;
}

#questionLINKS a:hover, a:active {
    text-decoration: underline;
    font-family: "archistico", sans-serif;
    color: #ff6666;
    font-size: 150%;
}

#prologueText {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:800px;
    background-color: #003366;
    padding:10px;
    }
    
#prologueText a:hover {
	color: #000000;
	}
    
#prologueText1 {
    text-decoration: none;
    text-align: left; 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 150%;
    }
    
#prologueTextVESPA {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #e7d065;
    font-size: 100%;
    }

#prologueTextALIZA {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #c663b2;
    font-size: 100%;
    }
    

#prologueTextJAMIE {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #59aa43;
    font-size: 100%;
    }
        
#prologueTextNEIGHBOR {
	margin-top: 10px;
    text-decoration: none;
    text-align: left; 
    font-family: "american typewriter", sans-serif;
    color: #128895;
    font-size: 100%;
    }
    
#prologueTextBottom {
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width:800px;
    background-color: #003366;
    padding:10px;
    }
    
#prologueTextBottom a:hover {
	color: #000000;
	}
    
#prologueTextCONTINUE {
    text-decoration: none;
    text-align: right; 
    font-family: "american typewriter", "archistico", sans-serif;
    color: #666666;
    font-size: 100%;
    }
    
#prologueTextCONTINUE2 {
    text-decoration: none;
    text-align: right; 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 200%;
    }
    
#prologueTextCONTINUE3 {
    text-decoration: none;
    text-align: right; 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 100%;
    }


#tomorrow {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:800px;
    background-color: #003366;
    padding:10px;
    }
    
#tomorrow1 {
    text-decoration: none;
    text-align: left; 
    font-family: "archistico", sans-serif;
    color: #cccccc;
    font-size: 150%;
    }