/*basic body parameters*/
body{
background: #ffffff url(image_files/back_wwwwood.jpg) repeat-x fixed center bottom;
background-attachment:scroll;
background-position:top;
font-family: verdana;
font-size: 14px;
color: #666666;
padding-top:0;
text-align:center; /* centering for IE*/
}

div#container{
position:absolute;
left: 120px;
z-index: -50;
width:1000px;
height:600px;
padding-top:40px;
padding-left:0;
margin:0 auto; /* centre the block*/
background: #ffffff url(image_files/back_wwwwood.jpg);
background-repeat: no-repeat;
text-align:left;
}

div#logoheader{
position:relative;
left:50px;
width:870px;
height:100px;
text-align:center;
background: #ffffff url(image_files/logo_vegetarian_guides.gif) 0 0 no-repeat;
}

div#menubar{
position:relative;
left:34px;
height:18px;
width:930px;
background: url(image_files/back_wowwwod.jpg);
/*overflow: hidden; cant have this as it hides the menus!*/
padding-top:3px;
}

div#divider{
position:relative;
bottom:18px;
height:21px;
width:3px;
background: url(image_files/back_wwwwood.jpg);
}

div#imagebar{
z-index:-10;
position:absolute;
left:34px;
height:160px;
width:920px;
background: url(image_files/back_wwwwood.jpg);
background-repeat: no-repeat;
/*overflow: hidden;*/
font-family: Arial Black; color:#ffffff;
text-align: left;
font-size: 10px;
padding: 5px; /*gap between content e.g. text and edge of frame*/
clear: both; 
}


div#footer{
position:absolute;
left: 540px;
bottom:-50px;
font-size: 12px;
text-align:center;
width:auto;
height: 20px;
/*border-top: #000000 1px solid;*/
padding:3px 5px 0 5px;  /*top right bottom left*/
clear: both; /*ensures footer runs straight along bottom rgardless of sections above*/
}


















/*MENU stuff*/
.menuminwidth0 {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	MIN-WIDTH: 560px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	HEIGHT: 55px; 
	BORDER-RIGHT-WIDTH: 0px;
}

@media Print, Projection    
{
	.menuminwidth0 {
		DISPLAY: none;
	}
}
* HTML .menuminwidth1 {
	FLOAT: left; 
	BORDER-LEFT: #fff 560px solid; 
	POSITION: relative; 
	HEIGHT: 1px;
}
* HTML .menuminwidth2 {
	MARGIN-LEFT: -560px; 
	POSITION: relative; 
	HEIGHT: 1px;
}
#masthead {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: #f3f3f3; 
	FLOAT: left; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	VERTICAL-ALIGN: top; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	HEIGHT: 36px; 
	BORDER-RIGHT-WIDTH: 0px;
}
#mastheadlogo {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FLOAT: left; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 6px 0px 0px 7px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-WIDTH: 0px;
}
#focus {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	LEFT: 301px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 121px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	TOP: 15px; 
	HEIGHT: 13px; 
	BORDER-RIGHT-WIDTH: 0px;
}
#search {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	RIGHT: 6px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 60px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	TOP: 7px; 
	HEIGHT: 19px; 
	BORDER-RIGHT-WIDTH: 0px;
}
#text {
	BORDER-RIGHT: #404040 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #404040 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 14px! important; 
	RIGHT: 65px; 
	BACKGROUND: #fefefe; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #404040 1px solid; 
	WIDTH: 12em; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #404040 1px solid; 
	POSITION: absolute; 
	TOP: 7px
}
#indicator {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	RIGHT: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 228px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	TOP: -3px; 
	HEIGHT: 22px; 
	BORDER-RIGHT-WIDTH: 0px;
}
.menu {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 12px; 
	BACKGROUND: #f3f3f3; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: black 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	POSITION: relative; 
	HEIGHT: 18px; 
	BORDER-RIGHT-WIDTH: 0px;
}
.menu IMG {
	VERTICAL-ALIGN: top
}
.menu UL {
	MARGIN: 0px; 
	LINE-HEIGHT: 1.5em; 
	LIST-STYLE-TYPE: none;
}
.menu LI {
	FLOAT: left; 
	MARGIN: 0px; 
	POSITION: relative;
}
.menu UL LI TABLE {
	FONT-SIZE: 12px; 
	MARGIN: -1px 0px; 
	BORDER-COLLAPSE: collapse; 
	MARGIN: 0;
}
.drop {
	PADDING-RIGHT: 0.33em; 
	DISPLAY: block; 
	PADDING-LEFT: 0.33em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	CURSOR: hand; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: right;
}
.drop SPAN {
	FLOAT: left;
}
.rightmenu {
	FLOAT: right; 
	POSITION: relative;
}
#research {
	LEFT: 364px; 
	POSITION: absolute; 
	TOP: 0px;
}
.menu UL LI UL {
	PADDING-RIGHT: 1px; 
	DISPLAY: none; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
}
.menu UL LI A {
	DISPLAY: block; 
	FLOAT: left; 
	HEIGHT: 18px; 
	TEXT-DECORATION: none;
}
.menu UL LI A:visited {
	DISPLAY: block; 
	FLOAT: left; 
	HEIGHT: 18px; 
	TEXT-DECORATION: none;
}
.menu UL LI:hover A {
	BORDER-TOP: #000 1px solid; 
	HEIGHT: 16px;
}
.menu UL LI A:hover {
	BORDER-TOP: #000 1px solid; 
	HEIGHT: 16px;
}
.menu UL LI:hover UL {
	DISPLAY: block; 
	BACKGROUND: black; 
	LEFT: -1px; 
	MARGIN: 0px; 
	WIDTH: 13.5em; 
	COLOR: black; 
	POSITION: absolute; 
	TOP: 18px; 
	HEIGHT: auto;
}
.menu UL LI A:hover UL {
	DISPLAY: block; 
	BACKGROUND: black; 
	LEFT: -1px; 
	MARGIN: 0px; 
	WIDTH: 13.5em; 
	COLOR: black; 
	POSITION: absolute; 
	TOP: 18px; 
	HEIGHT: auto;
}
.menu UL LI:hover UL.leftbutton {
	LEFT: 0px;
}
.menu UL LI A:hover UL.leftbutton {
	LEFT: 0px;
}
.menu UL LI:hover UL.skinny {
	WIDTH: 8.08em;
}
.menu UL LI A:hover UL.skinny {
	WIDTH: 8.08em;
}
.menu UL.rightmenu LI:hover UL {
	RIGHT: 0px; 
	LEFT: auto; 
	WIDTH: 400px;
}
.menu UL.rightmenu LI A:hover UL {
	RIGHT: 0px; 
	LEFT: auto; 
	WIDTH: 400px;
}
* HTML .menu UL.rightmenu LI A:hover UL {
	RIGHT: -1px;
}
.menu UL LI:hover UL LI A {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: #d8d8d8; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 13.5em; 
	COLOR: #000; 
	PADDING-TOP: 0px; 
	HEIGHT: auto; 
	BORDER-RIGHT-WIDTH: 0px;
}
.menu UL LI A:hover UL LI A {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: #d8d8d8; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 13.5em; 
	COLOR: #000; 
	PADDING-TOP: 0px; 
	HEIGHT: auto; 
	BORDER-RIGHT-WIDTH: 0px;
}
.menu UL LI:hover UL LI:hover A {
	BACKGROUND: white; 
	COLOR: black;
}
.menu UL LI A:hover UL LI A:hover {
	BACKGROUND: white; 
	COLOR: black;
}
.menu UL LI:hover UL.skinny LI A {
	WIDTH: 8.08em;
}
.menu UL LI A:hover UL.skinny LI A {
	WIDTH: 8.08em;
}
.menu UL LI:hover UL.skinny LI A:hover {
	WIDTH: 8.08em;
}
.menu UL LI A:hover UL.skinny LI A:hover {
	WIDTH: 8.08em;
}
.menu UL LI:hover UL LI UL {
	VISIBILITY: hidden;
}
.menu UL LI A:hover UL LI A UL {
	VISIBILITY: hidden;
}
.menu UL LI:hover UL LI:hover UL {
	MARGIN-TOP: -1px; 
	LEFT: 8.08em; 
	VISIBILITY: visible; 
	WIDTH: 14em; 
	POSITION: absolute; 
	TOP: 0px;
}
.menu UL LI A:hover UL LI A:hover UL {
	MARGIN-TOP: -1px; 
	LEFT: 8.08em; 
	VISIBILITY: visible; 
	WIDTH: 14em; POSITION: 
	absolute; 
	TOP: 0px;
}
.menu UL LI:hover UL LI:hover UL LI A {
	BACKGROUND: #d8d8d8; 
	WIDTH: 14em;
}
.menu UL LI A:hover UL LI A:hover UL LI A {
	BACKGROUND: #d8d8d8; 
	WIDTH: 14em;
}
.menu UL LI:hover UL LI:hover UL LI A:hover {
	BACKGROUND: white; 
	WIDTH: 14em;
}
.menu UL LI A:hover UL LI A:hover UL LI A:hover {
	BACKGROUND: white; 
	WIDTH: 14em;
}
#text {
	HEIGHT: 1.21em;
}

/*END MENU stuff*/
                  
