body {background: wheat; color: black; width:800; height:600; margin: 0; padding: 0;}

/*headers*/
h4    {margin: 0 0.5em 0 0; padding: 0 0.25em; font-size: 90%; border: /*1px solid silver;*/}

h1    {margin: 0; padding: 1em 0.25em 0.25em; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; 
       /*border-bottom: 1px solid silver;*/ text-align: left; color: #557; letter-spacing: 2px;}
h2    {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; font-size: 100%; color: #557;  text-align: left }

ul     {padding: 0; margin: 0; border: 1px wheat;
        }

ul2     { list-style-type: square; padding: 0; margin: 0; border: 0;
        }


#Menu {
	position:absolute;
	top:6em;
	/*right:20px;*/
        margin-left: 610px;
	width:150px;
	padding:5px;
	background-color:wheat;
	border:1px wheat;
	line-height:17px;
        font-size: 80%;   
}
/*this seems to work acceptably on porsche-sub-1.html, I added the
#div-pics cause the div tags were interfering. it seems they need
their own definition*/
           
address {color: black; font-size: 15px; text-align: left;}

p       {color: black; margin-left; 5px; margin-right: 5px; text-align: justify;}


#div-pics   { margin-left: 10px; width: 600px; /*this changes the
              #width of the div box*/border:
              1px wheat; padding-right: 5px; padding-left: 5px;}

img     { float: left; border: 1px wheat; margin: 0.25em ; padding: 0.25em;}   

#specs { 
	/*right:20px;*/
        margin-left: 200px;
	width:250px;
	padding:5px;
	background-color: wheat;
	/*border:1px wheat;*/
	line-height:17px;
        font-size: 80%;    }