/*main css*/
.header{
	background-color: #222222; 
	width: 960px; 
	height: 42px;
}

.headerItem{
	text-align: center; 
	float: left; 
	padding: 5px 20px 6px 20px; 
	margin-left: 5px; 
	font-weight: bold;
}

/*height on this item is header height minus padding (default 10px)*/
/*this needs to stay like this or IE doesn't fill the div correctly*/
.selectedHeaderItem{
	text-align: center; 
	float: left; 
	background-color: #333333;
	height: 37px; 
	padding-top: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	margin-left: 5px; 
	font-weight: bold;
}

/*you will need to set the height of the page in the html itself*/
/*everything goes inside this div*/
/*due to IE6 errors you will need to modify inline css inside of the doc itself*/
/*open, look at comments for more info*/
#pageMain{
	background-image: url('https://files.thehoffmangroup.com/img/salepitchimages/autoloc/powerwindows/background.jpg');
	width: 960px;
}

/*fancy table css*/
.blackGrayTable{
	width: 680px; 
	color: #fff; 
	background: #222; 
	border-collapse: collapse;
}

.tableHeader{
	padding: 1em 1em .5em; 
	border-bottom: 1px solid #333; 
	font-size: 12px;
	text-align: left;
}

.tableData{
	padding: .5em 1em; 
	border-top: 1px solid #4e4e4e; 
	border-bottom: 1px solid #4e4e4e;
}

/*Sidebar CSS starts here*/
/*You will need to set the height inside the page*/ 
/*total should be page height minus padding (default 10px)*/
.sidebarItem{
	width: 220px;
}

.sidebarItemImg{
	float:left; 
	width: 80px;
}

.sidebarItemTxt{
	float:left;
}