body {
		margin: 10px 10px 20px 10px;
		padding: 0px;
		color: #333;
	  background-color: #fff;
		/* To fix dotted border bug in IE */
		background : url(null) fixed no-repeat;
	  font: 11px verdana, arial, helvetica, sans-serif;
		}
	
#leftcontent {
		position: absolute;
		left: 10px;
		top: 123px;   /* change was 120 */
		width: 220px;
		background: #fff;
		border-top: 1px solid #09c;
		border-left: 1px dotted #ff9966;
		}

#centercontent {
		background: rgb(240,240,240);
   	margin-left: 219px;
		margin-right: 219px;
		border-left: 1px solid #09c;
		border-right: 1px solid #09c;
		border-bottom: 1px solid #09c;
		border-top: 1px solid #09c;
/* IE hack - to correct peekaboo bug in divs with background color */	
		line-height: 1.1;	
/* IE hack */
		voice-family: "\"}\"";
		voice-family: inherit;
   	margin-left: 222px;  /* change was   */
		margin-right: 222px;  /* change was   */
		}
html>body #centercontent {
   	margin-left: 221px;
		margin-right: 221px;
		}

#rightcontent {
		position: absolute;
		right: 10px;
		top: 123px;   /* change was   */
		width: 220px;
		background: #fff;
		border-top: 1px solid #09c;
		border-right: 1px dotted #ff9966;
		}
	
#banner {
    height: 114px;   /* change was   */
		background: #fff;
		background-image: url(../images/logos/eb-logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
		padding: 0px;
		text-align: left;

/* IE hack */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 113px;  /* change was   */
		}
html>body #banner {
		height: 113px;  /* change was   */
		}

/* the following is necessary to preserve banner height in mozilla for some reason */
		
#banner h1 {
    font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  border-top: 0px;
		border-right: 0px;
		border-bottom: 0px ;
		border-left: 0px;
	  position: relative;
     top: 0px;   /* change, was   */
     left: 0px;
	  text-align: left;
	  margin: 0px 0px 0px 0px;   /* possible change, was   */
	  padding: 5px;
	  color: #60af65;
	   }
	   
.head-quote {
    border-top: 1px dotted #ff9966;
    border-bottom: dotted 1px  #ff9966;
	 color: #000;
    padding: 3px;
    font-style: italic;
    font-weight: bold;
	 text-align: left;
	 margin: 0px 0px -4px 0px;
    }

.head-links {
    position: relative;
    right: 0px;
    bottom: 24px;
    padding: 0px;
	 margin: 0px;
	 z-index: 4;
    }
      
.img-frame {
    margin: 0 10px 10px 0;
    padding: 4px;
    border: 1px solid #09c;
    }
      
.img-frame2 {
    margin: 0 5px 5px 0;
    padding: 4px;
    border-top: 1px solid #09c;
		border-right: 1px dotted #09c;
		border-bottom: 1px dotted #09c;
		border-left: 1px solid #09c;
    }
    
.img-frame3 {
    float: right;
    width: 150px;
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
	 background: #fff;
    }
    
.img-frame4 {
    float: left;
    width: 150px;
    margin: 0px 10px 30px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
.img-frame5 {
    float: left;
    width: 130px;
    height: 200px;
    margin: 10px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
.img-frame6 {
    float: left;
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
 .img-frame7 {
    float: left;
    margin: 0px 10px 10px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
.img-frame9 {
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
    
.left-float {
    margin-left: 10px;
    float: left;
    }
    
.right-float {
    margin-left: 10px;
    margin-right: 5px;
    float: right;
    }
    
    
.banner-box {
     width: 150px;
     float: right;
     border: 4px double #09c;
     background-color: #fff;
	  margin: 10px 10px 10px 10px;
	  padding-top: 4px;
	  padding-right: 4px;
	  padding-bottom: 0px;
	  padding-left: 4px;
     }
     
.banner-box p  {
     font: bold 16px/18px verdana, arial, helvetica, sans-serif;
     text-align: center;
     }
     
.banner-box p.normal  {
     font: 11px verdana, arial, helvetica, sans-serif;
     text-align: left;
     }
     
		
/* Holly hack: Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

		
a {
	  color: #60af65;
	  font-size: 11px;
	  font-family: verdana, arial, helvetica, sans-serif;
	  font-weight: bold;
	  text-decoration: none;
	  outline: none;
	  }
	   
a:link {color: #60af65;}
a:visited {color: #60af65;}
a:hover {color: #ff9966;}
a:active {outline: none;}

a:link.buy {color: #60af65; border: 1px solid #09c; padding: 2px;}
a:visited.buy {color: #60af65; border: 1px solid #09c; padding: 2px;}
a:hover.buy {color: #ff9966; border: 1px solid #60af65; padding: 2px;}
a:active.buy {outline: none;}

a:link.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
     }
a:visited.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
	  }
a:hover.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
	  }
a:active.logo-link {outline: none;}

h2 {
	  font: bold 16px/18px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 30px 10px;
	  color: #ff9966;
	  padding: 5px;
	  text-align: center;
	  
	  border: 1px solid #09c;
	  background: #fff;
	  }
	   
h3 {
	  font: bold 12px/14px verdana, arial, helvetica, sans-serif;
	  margin: 20px 10px 10px 10px;
	  color: #09c;
	  padding: 0px;
	  border-bottom: 1px dotted #ff9966;
	  }
	  
h4 {
	  font: bold 11px verdana, arial, helvetica, sans-serif;
	  margin: 20px 10px 10px 10px;
	  color: #09c;
	  padding: 0px;
	  }
	   
p    {
	  font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 16px 10px;
	  padding: 0px;
	  }
	  

	  
p.xhighlight    {
	  font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 0px 10px 0px;
	  padding: 0px;
	  }
	  
.highlight {
     color:  #09c;
     border: 1px dotted #ff9966; 
     font: bold 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }
     
.highlight2 {
     border: 1px solid #ff9966; 
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }
     
.highlight3 {
     border: 1px solid #09c;
     background-color: #fff;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }

.lineheight-explicit {
     line-height: 1.1;
     }
	  
.realsmall {
     font: 9px/11px verdana, arial, helvetica, sans-serif;
     }	
     
.normal {
      font: bold 11px verdana, arial, helvetica, sans-serif;
}
     
.copyr {
     font: 9px/11px verdana, arial, helvetica, sans-serif;
     border-top: 1px dotted #ff9966;
     text-align: center;
     }	
     
.table1 {
     border: 1px solid #09c;
     margin: 0px 10px 16px 10px;
     width: 50%;
     }
     
.table2   {
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 16px 10px;
	  padding: 0px;
     }
     
.table3 {
     border: 1px solid #09c;
     margin: 0px 10px 16px 10px;
     }
     
.t-header {
     color: #09c; 
     font: bold 11px/14px verdana, arial, helvetica, sans-serif;
     border-bottom: 1px solid #09c;
     
     }
     
.h-cell {
     border-bottom: 1px solid #09c;
     padding: 4px;
     }
     
.t-bground {
     background-color: #fff;
     padding: 4px;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
     }
     
th  {
     text-align: right;
     padding: 4px;
      }
     
.cell {
     padding: 4px;
     }

li {
     list-style-type: circle;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 10px 10px;
	  padding: 0px; 
     } 

li.flow {
     list-style-type: circle;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 10px 20px;
	  padding: 0px; 
     } 

/*  So that IE6 doesn't do messy dotted borders. Non-IE browsers will ignore styles preceded *html. */


*html #leftcontent {
		border-top: 1px solid #09c;
		border-left: 1px solid #ff9966;
		}

*html #rightcontent {
		border-top: 1px solid #09c;
		border-right: 1px solid #ff9966;
		}
		
*html #banner h1 {
		border-bottom: 1px solid #ff9966;
	   }
	   
*html .img-frame2 {
		border-right: 1px solid #09c;
		border-bottom: 1px solid #09c;
    }
    
*html .img-frame3 {
	 border-right: 1px solid #09c;
	 border-bottom: 1px solid #09c;
    }
    
*html .img-frame4 {
     border-right: 1px solid #09c;
	  border-bottom: 1px solid #09c;
    }
    
*html .img-frame5 {
	 border-right: 1px solid #09c;
	 border-bottom: 1px solid #09c;
    }
    
*html .img-frame6 {
	 border-right: 1px solid #09c;
	 border-bottom: 1px solid #09c;
    }
    
 *html .img-frame7 {
	 border-right: 1px solid #09c;
	 border-bottom: 1px solid #09c;
    }
    
*html h3 {
	  border-bottom: 1px solid #ff9966;
	  }
	  
*html .copyr {
     border-top: 1px solid #ff9966;
     }	
     
*html .head-quote {
    border-top: 1px solid #ff9966;
    border-bottom: solid 1px  #ff9966;
     }	
     
     
/* Top menu start---------------------------------------------- */

/* ================================================================ 

This px version works in IE6 (w/flashing) and current versions (5-7-07) of Win-FF, Lin-FF, Win-Opera, Lin-Konqueror, Mac-Safari, and IE7.


This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common style for all browsers */

.menu {
  text-align: center;
  font-family: verdana, sans-serif;
  position: relative;
  font-size: 11px;
  margin: 0px 15px 0px 0px;
  padding: 0;
  list-style-type: none;
}

.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none; /* for Firefox */
}

.menu li {
  float: right; /* Shoves menu left or right and reverses first level list item order. */
  list-style-type: none;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.menu li a, .menu li a:visited {
  display: block;
  text-decoration: none;
  width: 87px; /* For FF; adjust below for IE. */
  float: left;
  padding-right: 0em;
  height: 3em;
  line-height: 3em;
}

* html .menu li a, .menu li a:visited {
  width: 87px; w\idth:8em; /* hack for IE5.5 */
}

* html .head-links {
    margin: 0px 10px 0px 10px;
    }

.menu li a.drop, .menu li a.drop:visited {
  font-weight: bold;
}

.menu li ul {
  visibility: hidden;
  position: absolute;
  top: 2.5em;
  left: 0;
  height: 0em;
  overflow: hidden;
  border-top: solid 10px #fff;   /*  to put space between 1st and 2nd level menu but Konqueror and Safari may have a problem */

}

.menu table {
  margin: -1px;
  border-collapse: collapse;
  font-size: 11px; /* font size for IE5.5 */
} 


/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 (which don't get :hover on non-anchors.) */
.menu li:hover a,
.menu li a:hover {
  text-decoration: none;
  border: 0;
}

.menu li.level-b:hover a,
.menu li.level-b a:hover {
  text-decoration: none;
  background: #e1fbe2;
}

.menu li:hover ul,
.menu li a:hover ul {
  visibility: visible;
  height: auto;
  width: 95px; /* This controls the width of drop list. Should be 8px more than all the other widths declared (currently 87). */
  background: transparent;
  left: -.2em; /* was 0em; shifted left to center under first level link */
  top: 2em; /* was 2.25em but IE7 requires a smaller number here */
  overflow: visible;
  border-right: solid 1px #ff9966;
  border-left: solid 1px #ff9966;
  border-bottom: solid 1px #ff9966;
}

.menu li:hover ul li a,
.menu li a:hover ul li a {
  display: block;
  font-weight: normal;
  background: #fff;
  text-decoration: none;
  height: auto;
  line-height: 1.5em;
  padding: 4px;
  width: 87px;
}

* html .menu li a:hover ul li a {
  width: 87px; w\idth:8em; /* hack for IE5.5 */
}

/* Top menu end---------------------------------------------- */