/* CSS Document */

#header {
  background: #0f0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 100px;
}
#leftcol {
  background: #f00;
  position: absolute;
top: 100px;
  left: 0px;
  width: 150px;
  height: 500px;
}
#content {
  background: #fff;
  position: absolute;
  top: 100px;
left: 150px;
  width: 700px;
  height: 500px;
}
#footer {
  background: #0f0;
  position: absolute;
  top: 500px;
  left: 0px;
  width: 800px;
  height: 100px;
}
/* Old */

body {
background-color: #e5e5e5;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-family: Trebuchet MS, helvetica, arial, sans-serif;
font-size: 100%;
color: #333;
background-image: url(../../assets/i/bkg/page.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center top;
}
.clearall {
clear: both;
}
img {
display: block;
}
#bodywrap {
margin-left: auto;
margin-right: auto;
width: 800px;
padding: 0;
}
a:link, a:visited {
color: #4e261c;
text-decoration: underline;
}
a:hover, a:visited:hover, a:active {
color: #000000;
text-decoration: underline;
}
p {
font: normal normal 80%/160% Trebuchet MS,helvetica, arial, sans-serif;
margin: 0; padding: 6px 0 14px;
}
ul, li {
	font: normal 90%/140% "Trebuchet MS", helvetica, arial, sans-serif;
	list-style-type: square;
}
ol {
font: normal normal 90%/120% Trebuchet MS, helvetica, arial, sans-serif;
margin-top: 0;
list-style-type: upper-alpha;
}
blockquote {
font: normal normal 80%/160% Trebuchet MS, helvetica, arial, sans-serif;
margin: 0 20px; padding: 0 10px; border-left: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6 {
color: #333333; text-transform: uppercase; margin: 0; padding: 0;
}
h1 {
font: bold normal 150%/100% "Trebuchet MS", helvetica, arial, tahoma, verdana, sans-serif; color: #000000; background-position: bottom; margin-bottom: 20px; padding-bottom: 4px;
}
h2 {
font: normal bold 110%/110% Trebuchet MS, helvetica, arial, tahoma, verdana, sans-serif;
}
h3 {
	font: bold normal 80%/100% Trebuchet MS, helvetica, arial, tahoma, verdana, sans-serif;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	padding: 0 15px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: 4e261c;
}
#navmain {
	position: absolute;
	padding: 0;
	width: 800px;
	height: 148px;
	background-image: url(../i/bkg/head.jpg);
	background-repeat: no-repeat;
	top: 0px;
	border: none;
	background-color: #333333;
	/* _margin: 0 0 0 18px; */ /* You souldn't need this... it appears that this is causing your push to the left. Just have the margin set to zero for all browsers. let me know if that does not work... */
	margin: 0;
	/* I cleaned up the separate margin calls. Also, there was no margin set for left. */
}
.newnav {
	height: 26px;
	width: 800px;
	background-image: url(../../assets/i/bkg/newnavbkg.png);
	background-repeat: repeat-x;
	bottom: 0px;
}

.newnav .on {
background: url(../../assets/i/bkg/newnavonbkg.png) top left repeat-x;
height: 26px;
float: left;
margin: 0; padding: 0;
}

.newnav p, .newnav .on p {
float: left;
margin: 0; padding: 0;
}
.newnav .on p a:link, .newnav .on p a:visited, .newnav .on p a:hover, .newnav .on p a:visited:hover {
	color : #fff;
	float: left;
	background: url(../../assets/i/bkg/newnavonbkg.png) top left repeat-x;
	height: 26px;
	padding: 0 24px;
	display: block;
}
.newnav p a:link, .newnav p a:visited {
	color : #fff;
	text-decoration : none;
	float: left;
	height: 26px;
	padding: 0 19px;
	display: block;
}
.newnav p a:hover, .newnav p a:visited:hover {
	background: url(../../assets/i/bkg/newnavoverbkg.png) top left repeat-x;
	color : 7b574e;
	float: left;
	display: block;
	text-decoration : none;
	height: 26px;
	padding: 0 19px;
}
.nnleftborder {
border-left: 1px solid #858a8c;
}
.nnrightborder {
border-right: 1px solid #4a4d4e;
}
#pagecontent {
padding: 20px;
margin-left: 17px;
}
#homepagecontent {
	padding: 5px;
	height: 200px;
	width: 250px;
	top: 190px;
	left: 15px;
	position: relative;
}
div.HomeContainerA{
	width:100%;
	margin:0px;
	position: relative;
	top: 175px;
}
div.HomeContainerALeft
{
float:left;
width:248px;
margin:0;
padding:1em;
}
div.HomeContainerBLeft
{
float:left;
width:430px;
margin:0;
padding:1em;
}
div.HomeContainerARight
{
float:left;
width:200px;
margin:0;
padding:1em;
}
div.HomeContainerBRight
{
float:left;
width:290px;
margin:0;
padding:1em;
}
div.HomeContainerC{
	margin:0px;
	position: relative;
	top: 200px;
	padding-left: 5px;
	float: left;
}
div.HomeContainerC1
{
	width:780px;
	padding: 0px;
	border-top: none #7b574e;
	border-right: none #7b574e;
	border-bottom: none #7b574e;
	border-left: none #7b574e;
}


div.HomeContainerCRight
{
float:left;
width:200px;
margin:0;
padding:1em;
}

div.HomeContainerDLeft
{
float:left;
width:755px;
margin:0;
padding:1em;
}
#copyright {
	width: 770px;
	border-top: 1px solid #666666;
	padding-top: 6px;
	padding-right: 10;
	padding-bottom: 6px;
	padding-left: 10;
	margin-top: 25px;
	float: left;
	bottom: 5px;
	margin-left: 15px;
}
#copyright p {
font: normal 60%/100% verdana, arial, sans-serif; text-align: center; color: #000000; margin: 0; padding: 0;
}
.copyright2 {
	font: normal 60%/100% verdana, arial, sans-serif;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 0;
}
#copyright p a:link, #copyright p a:visited {
color: 4e261c;
}
#copyright p a:hover, #copyright p a:visited:hover {
text-decoration: underline;
color: 4e261c;
}
div.pageContainer{
	width:770px;
	margin:0px 15px;
	position: relative;
	top: 185px;
}
.merchTable {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	border: thin solid 70403e;
}
