body {
	font: 100% verdana, helvetica, arial, tahoma, sans-serif;
background-color: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	padding-top: 10px;
}

body { behavior: url("csshover3.htc"); } 

a:link {  color: #633;
	 text-decoration: none;
	 font-weight:bold }
a:visited {  color: #633;
	 text-decoration: none;
	 font-weight:bold }
a:hover {  text-decoration: underline;
	color: #000 }
a:active {  color: #EE7722 }

h1 { color: #000;
	 font-size: 20px;
	 text-decoration: none;
  	 text-align: center;
	 margin-top: 0px; }
h2 { color: #000;
	 font-size: 17px;
	 text-decoration: none;
	 margin-bottom: 0px;
	 margin-top: 0px; }
h3 { color: #222;
	 font-size: 14px;
	 text-decoration: none;
	 margin-bottom: 0px;
	 margin-top: 0px; }
h4 { color: #222;
	 font-size: 12px;
	 margin-bottom: 0px;
	 margin-top: 0px; }
body, tr, th, td, ul, ol, dl, p  { margin-top: 0px;
  	 color: #222;
	 font-size: 11px;}
form, input, select, textarea   { margin-top: 0px;
	 font-size: small; }
address { color: #222;
	 font-size: 9px; }
}
a:link, a:visited {
		color:#696969; 
		text-decoration:underline;}
		
a:hover {
		color:#FF0000; 
		text-decoration:none;}


#container {
width: 75%;
background: #000;
margin: 0 auto;
text-align: left;
}

#header {
width: 100%;
background: #000;
}

#main {
width: 100%;
background: #eee;
padding:10px;
border: solid 2px #aaa;
}


#footer {
font-size: 10px;
clear: both;
width: 100%;
background: #ddd;
padding:10px;
border: solid 2px #aaa;
}