/* Generic Selectors */ 

.body { 
max-width: 800px;
width:expression(document.body.clientWidth > 802? "800px": "auto" );
margin:auto;
text-align:left;
padding: 20px; /*top right bottom left*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: black; 
background-color: none;
} 

.header {
text-align:center;
font-size: 100%;
padding: 40px 10px 40px 10px; /*top right bottom left*/
margin: 0px 5% 0px 5%; /*top right bottom left*/
}

.main {
padding: 20px; /*top right bottom left*/
border: none; /*width style color*/
margin: 10px 15% 0px 15%; /*top right bottom left*/
background-color: #ffffcc;
text-indent: 1em;}

.main-table {
padding: 20px; /*top right bottom left*/
border: 2px outset green; /*width style color*/
margin: 10px 15% 0px 15%; /*top right bottom left*/
background-color: #ffffcc;
}

.footer {
text-align:center;
padding: 10px; /*top right bottom left*/
margin: 0px 15% 0px 15%; /*top right bottom left*/
background-color: none;
font-size: 65%;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000;
text-indent: 0em; /*to cancel .main indent of 1*/
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; 
font-weight: bold; 
color: #000000; 
text-indent: 0em; /*to cancel .main indent of 1*/
}

a:link {
text-decoration: none;
}