body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px;
	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: #000000;
	background-image: url(../images/treadplate8531BW_1400.jpg);
	background-repeat: repeat;
	/*behavior: url(csshover.htc);/ /*will this work as done*/
	width: 950px;
}

#container{
	margin: 0px auto;
	text-align: left;
	width: 960px;  /* this width will create a container that will fit in a browser window*/
	
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style:normal;
	color: #000000;
	
}
a {
	text-decoration: none;
	color:#0000FF;
	/*font-weight:bold;*/
}
a:hover{
	color:#FF0000
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}
h4{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	}
	
h3 img{border:none}

#header {
	position: static;
	margin-left: 155px;
	margin-right: 0px auto;

	}

#lsideheader {
	float: left;
	width: 135px;
	height: 212px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	top: 25px;
	left: 10px; 
	text-align:center;
	
}
	
#lsideheader p {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: inherit;
	}
	
/* #rsideheader {
	float: right;
	height: auto;
	width: 135px;
	height: 212px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #666666;
	padding-left: 10px;
	margin-left: 5px;
	top: 25px;
	left: 10px;
	text-align:center;
	
}
	
#rsideheader p {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	}	
	
*/
	
#mainContent {
	height: auto;
	width: auto;
	margin-left: 150px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color:#DDDDDD;
	border: medium solid #000000;
	
		}
#mainContent p {
	text-align: left;
}	
#mainContent img {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 15px;
	
}		
	
#mainContent ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	list-style-type: disc;
	text-align: left;
	margin-left: 15px;
			
}		
#mainContentDJ {
	height: auto;
	width: auto;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color:#DDDDDD;
	border: medium solid #000000;	
	}
#sidebar {
	float: left;
	height: auto;
	width: 140px;
	text-align: left;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #DDDDDD;
	line-height: 40px;
	padding-left: 1px;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#sidebar p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;	
	}
#sidebar hr{
	text align: center;
	size: 3; 
	noshade: shade;		
	}
	
/* #sidebar2 {
	float: right;
	height: auto;
	width: 145px;
	top: 10px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #CACACA;
	}
#sidebar2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	}
	*/

img {
	border: 2px solid;
	color: #333333;
	text-align: center;
	}
ul {
	text-align: left;
		
	}	
li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-type: none;
	font-size:medium;
	line-height: normal;
	text-align: left;
	
}

	
.style1 {font-size: small}
.styleLarge1st {font:Arial, Helvetica, sans-serif;
		font-size:x-large;
		font-weight:bold;
		}
		
hr {
	border: medium inset #666666;
	margin: 5px;
}

table{
	border:3px;
	border-color:#333333;
	
	}
	
#menubar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
	height: 30px;
	width: auto;
	}
#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menubar ul li {
	display: inline;
}
#menubar ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #CCCCCC;
}
#menubar ul li a:hover {
	color: #0066FF;
	}
#menubar ul li a:active {
	color: #FF0000;
}

/*#menubar ul li ul {
	list-style-type: none;
	position: absolute;
	display: none;
	
				}
				
#menubar ul li ul li{
	display:inline
	}
	
#menubar ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	margin-top:30px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 18px;
	padding-left: 18px;
	color: #CCCCCC;
	float: left;
		
	}	
	
#menubar ul li:hover ul{
	display: block;
	position:absolute;
}
#menubar ul li:hover ul li ul{
	display: none;
	}
#menubar ul li ul li:hover ul{
	display: block;
	float: right;
	}
*/

#submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
	height: 30px;
	width: auto;
	
}
#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
#submenu ul li {
	display: inline;
	
}
#submenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	color: #CCCCCC;
	}
#submenu ul li a:hover {
	color: #0066FF;
	}
#submenu ul li a:active {
	color: #FF0000;
}
	
#footer {
	border: thin solid #000000;
	background-color: #333333;
	width: auto;
	margin: 0px auto;
	height: auto;
	margin-top: 15px;
	margin-left:-10px;
	margin-right:-10px;
	padding-top: 5px;
	/*clear: both;*/
	text-align: center;
		
}
#footer ul li {
	display: inline;
	text-align:center;	
}
#footer ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	color:#CCCCCC;
	text-align: center;
	margin-left: auto;
	}
#footer ul li a:hover {
	color: #0066FF;
}
#footer ul li a:active {
	color: #FF0000;
	}
#footer p {
	margin: 0px auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-align:center;
}
#footer img {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}		


/* index footer*/
#ifooter {
	border: thin solid #000000;
	background-color: #333333;
	width: 789px;
	height: auto;
	position: static;
	margin: 0px auto;
	padding-top: 5px;
	text-align: center;
	font-size:12px;
}
#ifooter ul li {
	display: inline;
	text-align:center;	
}
#ifooter ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color:#CCCCCC;
	text-align: center;
	}
#ifooter ul li a:hover {
	color: #0066FF;
}
#ifooter ul li a:active {
	color: #FF0000;
	}
#ifooter p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
}
tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}

