/* <![CDATA[ */
body, html {
   margin: 0;
   padding: 0;
   background-color: #373737; 
}
body {
	width: 100%;
	height: 100%;
   	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
   	color:  #A4A4A4; 
/*  color: #8E5ECC; */
/*   	FONT-FAMILY: Tahoma, "Century Gothic", Arial, Helvetica; */
   	FONT-FAMILY: Arial, Helvetica;
    FONT-SIZE: 12pt;
    font-weight: bolder;
}

h1, h2, h3 {
  FONT-WEIGHT: bolder;
}
h1, h2 {
  color: #A4A4A4;
}
h1
{
  FONT-SIZE: 20px;
  color:  #A4A4A4;   
}

h1, h3, h4, p, ul, ol {
  margin-left: 65px;
  width: 655px;
}

h2{
  margin-left: 65px;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bolder;
}
h3 {font-size: 16px;}
h4 {font-size: 14px;}

p { }

a, a:hover, a:active, a:visited, a:focus  {
  text-decoration:  none; 
  border: none; 
}

.essay {
	FONT-SIZE: 12pt;
    font-weight: normal;
    background-color: #eeeeee;
    color: black;
	padding: 50px 65px 50px 0;
	margin-left: 65px;	
	width: 720px;
}

.essay img {
	margin-left: 65px;	
}
.essay h1, .essay h2, .essay h3, .essay h4 {
	color: #370830;
}
.essay ul, .essay ol {
	width: 600px;
}
.lil {font-size:10pt;}
.home {
	background: transparent url(../images/logoOnionM.jpg) top left no-repeat;		
}
.detail {
	background: transparent url(../images/logoOnionS.jpg) top left no-repeat;		
}

div#headerwrap {
   position: relative;
   top: 0;
   left: 0;
   width:100%;
   min-width:720px;
   height:100px;
}

#onion {
	float: left;
	clear: none;
}

#logo {
	position: absolute;
	top: 10px;
	left: 333px;
	width: 420px; height: 70px;
}

#logo img {
	height: 40px;
}

h2.pghdr {
	margin-left: 40px;
}

#navigation {
	width: 100%;
}
/* ------------- dropDown --------------*/
#ddMenu  {
	position: absolute;
	top: 80px;
	left: 290px;
	padding-bottom: 8px;	
	width: 615px;  
 	/* width: 100%;  */
	float: left;
	background:  #373737 url(../images/hrbg.gif ) bottom left repeat-x;
}
#ddMenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width:9em; 
	float: left;
}
#ddMenu a, #ddMenu h2  {
    font: bolder 17px/20px arial, helvetica, sans-serif; 
	display: block;
	margin: 0;
	padding: 1px 3px;
}

#ddMenu h2 {
	color: #fff;
	background:  #373737;
}

#ddMenu a {
	text-decoration: none;
}

#ddMenu ul li h2 a:hover {
   background-color: #373737;
}

#ddMenu li {position: relative;}

#ddMenu ul ul a:hover, #ddMenu ul ul{
    opacity: .80;
    background-color: #000;
}


#ddMenu ul ul {
position: absolute;
z-index: 500;
}

#ddMenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#ddMenu ul ul,
div#ddMenu ul li:hover ul ul,
div#ddMenu ul ul li:hover ul ul
{display: none;}

div#ddMenu ul li:hover ul,
div#ddMenu ul ul li:hover ul,
div#ddMenu ul ul ul li:hover ul
{display: block;}

/* ------------- dropDown --------------*/


.nav {
  color: #8E5ECC;
  FONT-SIZE: 17px;  
  FONT-WEIGHT: bolder;
}

.nav a {
  color: #8E5ECC;
  padding: 6px;
}

.nav a:hover, a.textLink:HOVER, nav.a:hover{
  color: #A4A4A4;
}

.nav a:active, .nav a:focus {
	border: none;
	text-decoration: none;
}

a.current {
  color: #A4A4A4;
}


a.textLink {
  color: #8E5ECC;   
}

.nav img {
	display: block;
	border-style: none;
	padding: 3px;
}

.nav td {
	text-align: center;
}

span.shadow {
	top: 1px;
	left: 1px;
	color: #A4A4A4;
}

.highContrast {
	display: inline;
}

.highContrast,  .highContrast span {
	position: relative;
}

span.shadow {
	position: absolute;
}

#middle {
	min-height: 530px; /* see if shoving in a position: relative removes the need to specify this */
	height: 100%;
	padding: 0px 10px;
}
#footer	{
   font-size: 70%;
   font-weight: normal;
   color: #370830;
   width: 100%;
   height: 3em;
   margin:1em 3em;
}

#verticalRule {
	height: 200px;
	width: 4px;
	background:  url(../images/vrbg.gif ) top left repeat-y;
	position: absolute;
	top: 400px;
	left: 150px;
	z-index: 20;
}

#welcome {
	position: relative; left: 25px; top: 150px; width: 385px; z-index: 20;
}
#welcome  h1 {
	padding-top: 50px;
}
#welcome p {
	width: 320px;
}
#welcome span {  color: #8E5ECC; font-weight: bolder;}
#ganesh {
	position: relative; top: -240px; left: 460px;
}

#shopLocation {
	position: relative;
	top: 0; right: 0;
	width: 655px;
}

#shop {
	position: absolute;
	top: 0;
	right: 0;
}

#collectionNav {
	margin-left: 180px;
 /*
	position: relative;
	top: -100px;
	left:180px;	
	z-index: 1;
       	margin:  100px;
*/
}
#backgroundNav {
	position: relative;
	top: 0; left: 200px;
}


/* ]]> */