html {
}
body {
	background-color: #669999;
	text-align: center; 
	margin: 0px;
	background-repeat: repeat;
	height: 100%;
}
table {
margin-top:20px;
display:block; 
margin-left:auto; 
margin-right:auto; 
}
td.header {
	background-image: url(images/header.jpg);
	width: 832px;
	height: 118px;
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
}
td.navigation {
	background-image: url(images/navbg.jpg);
	width: 832px;
	height: 38px;
	background-repeat: no-repeat;
	z-index:600;
}
td.sidebar {
	background-image: url(images/sidebar.jpg);
	width: 263px;
	height: 380px;
	background-repeat: no-repeat;
	text-align:left;
}
td.sidebar ul{
	padding:40px 20px 0px 40px;
}
td.sidebar li{
	background-image: url(images/diamond.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	font:bold .8em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style:italic;
	text-decoration: none;
	padding:0px 0px 10px 20px;
}
.barhighlight {
color:#FFFFFF;
text-decoration:underline;
text-transform:uppercase;
}
.overlayimage {
	position:absolute;
	z-index:100;
	margin:306px 0px 0px 334px;
}
td.content {
	width: 569px;
	height: 380px;
	background-image:url(images/content.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding:0px;
	margin:0px;
	z-index:-100;
}
td.content object {
	padding:0px;
	margin:0px 0px 0px 0px;

}
div.scroll{
	width: 554px;
	height: 374px;
	overflow:auto;
	position:absolute;
}
table.products{
	margin-left:0.5em;
}
table.products td{
padding-bottom:1em;
padding-right:1em;}
table.products img{
border:solid 1px #000;}
.productname{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1em;
color:#ff0099;
font-style:italic;
}
.productdescription{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .8em;
	line-height:1.5em;
	text-align:left;
}
td.content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .8em;
	line-height:1.5em;
	text-align:left;
	padding: 1.5em 2.3em 0em 1.5em;
	margin:0px;
}
td.content h3 {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ff0099;
	padding: 1.5em 2.3em 0em 1em;
	font-style:italic;
	margin:0px;
	text-decoration:underline;
}
td.content a {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ff0099;
	font-style:italic;
	text-decoration:underline;
}
td.content strong {
color:#336666;
}

td.footer {
	background-image: url(images/footer.jpg);
	width: 832px;
	height: 64px;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
	line-height:1.5em;
	vertical-align: text-top;
	padding:0px;
} 
.info {
	text-align:center;
	color:#FFF;
	font:normal .8em Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}

td.footer a {
	color: #ff66cc;
	font-weight: normal;
	text-decoration: underline;
}
td.footer a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
td.footer .left {
float:left;
text-align:left;
margin:0px 0px 0px 35px;
padding:4px 0px 0px 0px;
}

td.footer .right {
float:right;
text-align:right;
margin:0px 35px 0px 0px;
padding:4px 0px 0px 0px;
}/* Content */
#headertext {
float:right;
width:400px;
}
#headertext p {
	font:bold .9em Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#FFF;
	text-align:right;
	margin:20px 30px 0px 0px;
	padding:0px;
}
#headertext h2 {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#FFF;
	text-align:right;
	margin:0px 30px 0px 0px;
	padding:0px;
}

/* Start CSS Drop Down Menu */
#menuh-container	{
z-index:100;
	}
#menuh	{
	font:bold .9em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width:100%;
	float:left;
	margin:0px 0px 0px 30px;
	}
#menuh a	{
	text-align: left;
	display:block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:6px 35px 6px 5px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ff0099;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #FFF;
	text-decoration: underline;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(images/navdown_white.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:10em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li 	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	height: 30px;
	}

#menuh ul ul	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0em;
	margin:.5em 0 0 .2em;
	width:14.8em;
	background-color:#FFF;
	}
#menuh ul ul a:hover {color: #999999;}
#menuh ul ul li {
border:none;
padding:0px;
margin-bottom:-10px;
}
#menuh ul ul ul	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

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

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

/* End CSS Drop Down Menu */