@charset "utf-8";
/* CSS Document */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

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

.menu {float:right; padding:0; margin:15px 0 0 0; width:384px; height:30px; position:relative; z-index:100; font-family:arial, verdana, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:384px; w\idth:383px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu li.marginright {margin-right:5px;}
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:120px; height:30px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:115px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(grey-arrow.gif) no-repeat 100px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#d4d8bd url(blue-arrow.gif) no-repeat 100px center;}
.menu ul ul :hover > a.drop {background:#d4d8bd url(blue-arrow.gif) no-repeat 100px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#d4d8bd;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#999;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;width:120px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:120px; top:0px; width:120px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:100px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:1px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#d4d8bd;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#999;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}




/*

#nav {float:right; padding:0; margin:15px 0 0 0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:384px;}
#nav li.top {display:block; float:left; margin-right:10px;}
#nav li a {display:block; float:left; height:30px; width:118px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.who {background:url(who.gif);}
#nav li a.you {background:url(you.gif);}
#nav li a.we {background:url(we.gif);}

#nav li:hover a.who {background:url(whohover.gif);}
#nav li:hover a.you {background:url(youhover.gif);}
#nav li:hover a.we {background:url(wehover.gif);}




#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:30px; background: #edb; width:118px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:118px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:30px; width:118px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.apples {background:url(fruit/apples2.jpg);}
#nav :hover ul li a.oranges {background:url(fruit/oranges2.jpg);}
#nav :hover ul li a.pears {background:url(fruit/pears2.jpg);}
#nav :hover ul li a.bananas {background:url(fruit/bananas2.jpg);}
#nav :hover ul li a.lemons {background:url(fruit/lemons2.jpg);}

#nav :hover ul li a.potatoes {background:url(veg/potatoes2.jpg);}
#nav :hover ul li a.carrots {background:url(veg/carrots2.jpg);}
#nav :hover ul li a.turnips {background:url(veg/turnip2.jpg);}
#nav :hover ul li a.parsnips {background:url(veg/parsnip2.jpg);}

#nav :hover ul li a.cabbages {background:url(greens/cabbage2.jpg);}
#nav :hover ul li a.cauliflower {background:url(greens/cauliflower2.jpg);}
#nav :hover ul li a.beans {background:url(greens/beans2.jpg);}
#nav :hover ul li a.sprouts {background:url(greens/sprouts2.jpg);}
#nav :hover ul li a.peas {background:url(greens/peas2.jpg);}
#nav :hover ul li a.broccoli {background:url(greens/broccoli2.jpg);}

#nav :hover ul li a.almonds {background:url(nuts/almonds2.jpg);}
#nav :hover ul li a.cashews {background:url(nuts/cashews2.jpg);}
#nav :hover ul li a.walnuts {background:url(nuts/walnuts2.jpg);}
#nav :hover ul li a.pistachios {background:url(nuts/pistachios2.jpg);}

#nav :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000;display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}
*/

h1 {display:none;}

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}

h2 {font-size:1.2em}


p {
	font-size:.8em;
	margin:0 0 15px 5px;
	padding:0 25px 0 0;
	line-height:20px;
}


#container {
	width:800px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#logo {	
	width:800px;
	height:114px;
	overflow:visible;
	z-index:1;
	background-image:url(masthead.png);
}

#nav {
	margin-top:65px;
	width:513px;
	height:114px;	
	float:right;
	z-index:10;
}

#left {
	width:180px;
	height:400px;
	margin:0;
}

#middle {
	width:390px;
	height:400px;
	margin:0;
	z-index:0;
}

#right {
	width:230px;
	height:600px;
	background-color:#F2F2F2;
	font-size:0.8em;
	margin-top:110px;
	}

#right p {
	line-height:1.4em;
}



.fltleft {float:left}
.fltright {float:right}
.clear {clear:both}


.menu li a.who {background:url(who.png); background-repeat: no-repeat; border:none;}
.menu li a.you {background:url(you.png); background-repeat: no-repeat; border:none;}
.menu li a.we {background:url(we.png); background-repeat: no-repeat; border:none;}

#nav li:hover a.who {background:url(whohover.png); background-repeat: no-repeat; border:none;}
#nav li:hover a.you {background:url(youhover.png); background-repeat: no-repeat; border:none;}
#nav li:hover a.we {background:url(wehover.png); background-repeat: no-repeat; border:none;}

.menu li a b {margin-left:-999px;}

a img {border:none;}