/* CSS Document */

html, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #FFF;
}
#wrapper{
width: 690px;
background-color: #FFF;
margin: 5px;
text-align: left;
}
#banner{
	height: 99px;
	background-image: url(http://www.hrhero.com/img/heroline_top.jpg);
	background-repeat: no-repeat;
	background-color: #7c7c97;
	border-bottom: 1px solid #444;
	background-position: top;
}
#content {
width: 420px;
vertical-align: top;
}
#content p{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 10px 5px;
}
#content h1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 110%;
color: #036;
margin: 5px auto;
text-indent: 2px;
padding: 3px;
border: 1px dotted #CCC;
background-color: #EEE;
}
#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000;
text-indent: 5px;
}
#content h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 65%;
font-weight: normal;
margin: 5px auto;
padding: 3px;
}
#content ul li{
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 35px;
}
#content ol li{
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 35px;
}
#copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
color: #000;
margin: 5px auto;
padding: 5px;
text-align: center;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
color: #333;
margin: 5px auto;
padding: 5px;
border: 1px solid #333;
background-color: #CCC;
}
#footer p{
margin: 10px 5px;
}
#adspace{
margin: 5px 0;
padding: 0;
float: right;
vertical-align: top;
width: 250px;
background-color: #EEE;
text-align: left;
}
#adspace p{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
margin: 10px 5px;
}
#adspace h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FFF;
margin: 0 auto 5px auto;
text-indent: 2px;
padding: 3px;
background-color: #777;
}
#nav{
border-bottom: 1px solid #444;
}
#nav ul{
padding: 0;
margin: 0;
background-color: #d3e1f4;
}
#nav ul li{
display: inline;
padding: 0;
margin: 0;
}
#nav ul li a{
font-size: 70%;
font-weight: bold;
color: #333;
background-color: #d3e1f4;
text-decoration: none;
padding: 0 15px 0 15px;
text-align: center;
width: 9em;
}
#nav ul li a:hover, #nav ul li a:focus{
background-color: #369;
color: #FFF;
}
#tableofcontents {
font-family: Arial, Helvetica, sans-serif;
background-color: #d3e1f4;
font-size: 80%;
width: 420px;
color: #000;
margin: 5px 15px 15px 0;
padding: 0;
}
#tableofcontents ul li{
margin: 0 0 0 30px;
padding: 4px;
list-style-type: square;
}
#tableofcontents h1 {
font-size: 100%;
color: #036;
margin: 0;
padding: 2px;
text-indent: 5px;
background-color: #CCC;
}
#tableofcontents h2{
font-size: 85%;
color: #333;
padding: 3px;
background-color: #CCC;
}
#tableofcontents h2 a{
color: #333;
background-color: #CCC;
padding: 3px;
}
#welcome {
font-size: 60%;
color: #333;
margin: 5px auto;
padding: 5px;
float: left;
width: 260px;
border: 1px solid #333;
background-color: #CCC;
}
.clearit {
clear: both;
}
.leftimage {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #333;
}
.rightimage {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #333;
}