h1 {
     font: Arial;
   }
.green1 {
     font: Arial;
     color: green;
   }

#header1 {
     background: blue;
   }
#mainpic2 {
     float: middle;
     horizontal-align: center;
     vertical-align: top;
   }

#mainpic {
     width:750px;
     padding-left: 80px;
     height: 140px;
     align: center;
     valign: top;
   }
#menu {
     position: absolute;
     top: 83px;
     left: 0px;
     width:150px;
     height:100%;
     background: cyan;
     border-style: groove;
   }
#chat {
     position: absolute;
     top: 80px;
     left: 0px;
     width:150px;
     height:200;
     background: cyan;
     border-style: groove;
   }
#main {
     position: relative;
     width:800px;
   }
#body1 {
     position: absolute;
     top 0;
     left: 160px;
     width: 630px;
     background: beige;
     border-style: solid;
   }
#displogon, #disploggedon {
     font-size:13px; 
     position: absolute; 
     left: 0px; top: 0px; width: 150px; height: 75px; 
     background-color: lightblue; 
     border-style: groove;
   }
#tablogon, #tabloggedon, #chatdisp {
     font-size:12px; 
   }
#tablogon input, #tabloggedon input {
     font-size:9px; 
     height: 18px; 
     vertical-align: top; 
     padding-top: 0px;
   }




.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	clear: none;
	float: left;
	height: 100px;
	width: 100px;
	border: 1px solid #000000;

}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	border: 1px dotted #000000;


}
.man {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15pt;

}
.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
}