
body {
text-align: center; 
background: #fff;
color: #000;
font-family: Arial;
min-width: 700px;
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 100%;
margin: 0 auto; 
background: #FFF url(sidebar.gif) repeat-y 10px 0;
}
#header, #subnav, #footer {
color: #000;
clear: both; 
width: 100%;
}
#header {background: #37618D; color: #fff; height: 93px;}
#footer {
  background: #FFF;
  padding: 1px 0;
  position: relative;
  top: 40px;


  }
#contentfloatholder {/* right faux column tab */
background: url(sidebar.gif) repeat-y 100% 0;
float: left;
width: 100%;
}
#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}
#subnav {
 height: 20px;
  padding: 1px 0;
}
.center {
margin: 2px 0 0 180px;
font-family:"Arial", Tahoma, Arial, sans-serif;
border: 1px solid #cad6e8;
background-image: url(https://www.smartshopperusa.com/newosc/images/background/gradientbg.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: bottom right; 
min-height:450px;
}
.centerform {
margin: 2px 0 0 180px;
font-family:"Arial", Tahoma, Arial, sans-serif;
border: 1px solid #cad6e8;
min-height:300px;
background-color: #fbfbf2;
}
#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}
#left {
  position: absolute;
  left: 0px;
  width: 170px;
  text-align: center;
}
#left h4 {
color: #ff6600;
}
#right {
  text-align: center;
  float:right;
  width: 170px;
  margin: 0;
}
/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}
div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}
