html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
  list-style: none;
}

body {
  padding: 0 440px; /* the critical side padding that sets the natural min-width! Max width - see #sizer and change expander*/ 
	background: #fff; /* this BG tiles the area outside the columns */
	color: #000; 
  font-family: georgia, verdana, sans-serif; 
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid. Min width - see body padding and change expander*/
  text-align: left; /* resets the default text alignment for the page */
	max-width: 120px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -435px; /* neg side margin values should be < or = to side body padding */
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#wrapper1 {
  position: relative;padding-left:5px;
  border-left: 5px solid blue;border-top:5px solid blue;
  background: url(images/backtop.jpg) no-repeat; /* this BG tiles the left column */
  font-size: 1.0em; /* set global font-size here */ 
 } /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {  /* This wrapper is only used for BG tiling on the right column */
  position: relative; /* extra insurance against bugs in IEwin */
	border-right: 5px solid red;padding-right:5px;
}

/****************** Main Page Structure *****************/
/* To modify the side column widths and the col divider widths, 
the values that are marked "critical" and also refer to the desired mod 
MUST be changed as a group. */
.outer {
  background:  /* this BG tiles the center column */
  border-left: 0px solid #fff; /*** Critical left divider dimension value. Was 2px ***/
  border-right: 0px solid #fff; /*** Critical right divider dimension value.  Was 2px ***/
  margin-left: 180px;    /*** Critical left col width value ***/
  margin-right: 180px;    /*** Critical right col width value ***/
}
.float-wrap {  float: left;  width: 100%;}
.banner {text-align:center; margin-top:60px;padding-bottom:10px;}
.center {border-left:3px double blue;border-right: 3px double red;
  float: right;overflow: visible;  width: 100%;}
.left {  float: left; position: relative; /* Needed for IE/win */
  width: 180px;    /*** Critical left col width value ***/
  margin-left: -182px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/}
.right {float: right; position: relative; /* Needed for IE/win */
  width: 180px;    /*** Critical right col width value ***/
  margin-right: -182px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;   /*** Critical right divider dimension value ***/
  margin-top:-225px;}
.boxleft { float: left;  position: relative; /* Needed for IE/win */
  width: 255px;    /*** Critical left col width value ***/}
.boxright { float: right;
  position: relative; /* Needed for IE/win */
  width: 255px;    /*** Critical left col width value ***/}
.contentcolumnleft { float: left;
  position: relative; /* Needed for IE/win */
  width: 49%;    /*** Critical left col width value ***/}
 .contentcolumnright { float: right;
 border-left:5px solid blue;
  position: relative; /* Needed for IE/win */
  width: 49%;    /*** Critical left col width value ***/}
.container-left {color: #ffc;}
.container-right {color: #ffc; padding-bottom: 250px;} /* makes room for the footer */
.floatleft{float:left; padding:1em;}
.floatright{float:right; padding:1em;}
.footerprices{color:#fff; width:250px;text-align:right;
  position:absolute;top:75px;right:20px;}
.flag {left:50px; position:relative;}

/*************** Header and Footer elements *****************/
.header { width: 100%;  color: #b33;  padding: 5px 0;} /* "jello" BG is made to be in fixed position here */
.header span {color: #373;} 
.footer {background: url(images/backbottom.jpg) no-repeat right;
  width: 99%;border-bottom:5px solid red;border-right:5px solid red;
  height:175px; clear: both;margin-left:5px;margin-right:5px;
  position: relative;top:0px;font-size:0.8em;}

/************** Generic Rules *************/
a {color: blue; vertical-align: bottom;}
p  {margin: .8em 0;color:#000; font-size:1em;}
h1 {margin: 100px 0 150px 40px; font-size:4em;}
h2 {margin:1em 0 .5em 0; padding: .5em 0;font-size: 1.5em; text-align: center;  
  border: 3px solid #dcd3c2; border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
  color: #500; font-family: tahoma, arial, sans-serif;}
h3 {margin: 1em 0 .3em;color:red;}
h4 {color: #500;font-family: tahoma, arial, sans-serif; font-weight: bold;}
div.hr {height: 15px;  background: #fff url(images/border.gif) repeat-x center;}
div.hr hr {display: none;}
hr{width:75%;}
.alignright {margin: 0 1em 1em 0; text-align: right;}
.aligncenter {text-align:center;}
.small {font-size: .8em;}
.big { color:red; font-size: 1.2em;}

/************** Lists *************/
.nav ul{padding:2em 0 0 2em;}
.left ul  {text-align: center;}
.right ul {padding: 60px 25px 25px 25px;text-align: right;} 
.nav li a {	display: block; padding:2px 0 0 0;border: 0px;    
  color: blue;  text-decoration: none;  font-family: tahoma, arial, sans-serif; }
.nav li a:hover, .sidenav li a:hover { padding: 1px 0px 0px 0px;   color:red;}
.nav li a:active, .sidenav li a:active {padding: 1px 0px 0px 0px;font-size:1.0em;}
/**************** Utility Rules *******************/
.brclear { /* Use a break with this class to clear float containers */
  clear:both;  height:0;  margin:0;  font-size: 1px;  line-height: 0;}
.clicker { display: block;padding: 3px; 
  text-align: center;   background: #833;  cursor: pointer;}
.hide {display: none;}

/************** Special Fixes *************/
.textpadder {padding: 8px;} /*** This class is used to pad text content in the cols, so that the cols don't need side padding that would then require box model hacking for IE5.x/win -->
/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */
.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */
img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */
/* \*/
* html #wrapper1,* html #wrapper2,* html .outer a,* html .container-left, 
* html .container-right,* html .outer,* html h2,* html .sidenav li a 
{height: 1%;}
/* Holly hack */
#wrapper1,#wrapper2,.outer a,.container-left,.container-right,.outer,h2,.sidenav li a 
{min-height: 1%;}/* gives layout for IE7 */
/*** Variance fixes for IEwin ***/
/*\*/
* html .outer p {margin-right: -6px;}
/* */