html, 

body 
  { 
    background-color: #d8d8d8; 
    font-family: Arial, Verdana, sans-serif; 
    font-size: 12px; 
    color: #000000;
    margin: 0; 
    padding: 0;
    text-align: center; 
  } 

#site {
	width: 800px;
	height: 600px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#header   { width: 800px; float: left;   background-image: url("components/header.jpg"); height: 100px;}
#main     { width: 640px; float: right;  background-color: #FFFFFF;           height: 475px;}
#leftbar  { width: 160px; float: left;   background-color: #FFFFFF;           height: 475px;}
#rightbar { width: 160px; float: right;  background-color: #FFFFFF;           height: 475px;}
#content  { width: 480px; float: left;   background-color: #FFFFFF;           height: 475px;}
#footer   { width: 800px; float: left;   background-image: url("components/footer.jpg"); height: 25px; } 


h1      { font-family: Arial, Verdana, sans-serif; font-size: 48px; color: #d8d8d8 }
h2      { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #000000 }
h3      { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #000000 }
h4      { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #000000 }
h5      { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000 }
h6      { font-family: Arial, Verdana, sans-serif; font-size: 29px;  color: #000000 } 
a       { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #d8d8d8; text-decoration: none}
a:hover { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; background-color: #DDDDDD}
.note   { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: bold;} 
small   { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #d8d8d8 } 
index   { font-family: Arial, Verdana, sans-serif; font-size: 22px; color: #000000 }

a.black:link {color: #000000; background: #ffffff; font-weight: bold;}
a.black:active {color: #000000; background: #ffffff; font-weight: bold;}
a.black:visited {color: #000000; background: #ffffff; font-weight: bold;}
a.black:hover {color: #666666; background: #ffffff; font-weight: bolder;}


a.nobold:link {color: #000000; background: #ffffff; }
a.nobold:active {color: #000000; background: #ffffff; }
a.nobold:visited {color: #000000; background: #ffffff; }
a.nobold:hover {color: #666666; background: #ffffff; }


a.foot:link {color: #d8d8d8; font-size: 10px;}
a.foot:active {color: #d8d8d8; font-size: 10px;}
a.foot:visited {color: #d8d8d8; font-size: 10px;}
a.foot:hover {color: #000000; font-size: 10px;}


a.topnav:link {color: #ffffff; font-size: 10px;}
a.topnav:active {color: #ffffff; font-size: 10px;}
a.topnav:visited {color: #ffffff; font-size: 10px;}
a.topnav:hover {color: #ffffff; font-size: 10px;}

a.leftnav:link {color: #d8d8d8; background: #404040; line-height: 19px; font-size: 14px; }
a.leftnav:active {color: #d8d8d8; background: #404040; line-height: 19px; font-size: 14px; }
a.leftnav:visited {color: #d8d8d8; background: #404040; line-height: 19px; font-size: 14px; }
a.leftnav:hover {color: #000000	; background: #DDDDDD; line-height: 19px; font-size: 14px; }

span.inset-right {
	display: block;
	color: #000;
	padding: 1px;
	float: left;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}







ul{
	list-style:none;}



hr { color: #000000; background-color: #FFFFFF; width:90%; height:2px; } 


table 
  { 
    font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #d8d8d8;
    background-color: #404040;
    border-style: hidden;
    margin-top:     0px; 
    margin-right:   0px; 
    margin-bottom:  0px; 
    margin-left:    0px; 
    padding-top:    0px; 
    padding-right:  0px; 
    padding-bottom: 0px; 
    padding-left:   0px;
  }