body {
background-color: #b07cb7;
}
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 980px;
	background-color:#ffffff;
	height: 350px;
}
#header {
width: 980px;
}



#topnav {
	z-index: 1000;
	position: relative;
	width: 740px;
	margin: 0px 0px 0px 35px;
	color: #1352ad;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	color: #1352ad;
	font: bold 12px/1 Arial, Helvetica, sans-serif;
}


#nav a, #nav a:link {
	display: block;
	text-decoration:none;
	color: #1352ad;
	padding: 0px 0px 0px 5px;
}

#nav ul a,#nav ul a:link {
	display: block;
	width: 13em;
}

#nav li { /* all list items */
	float: left;
	padding: 0px 5px 0px 0px;
	border-right: 1px solid #000;
	position: relative;
	z-index: 100;
}

#nav #navlast {
	border-right: none;
}


#nav li ul li { /* all list items */
	border-right: none;
}

#nav li ul { /* second-level lists */
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	position: absolute;
	padding: 3px;
	color: #1352ad;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	background-color: #efe5f1;
	width: 14em;
	white-space: nowrap;
	 left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a, #nav li ul a:link {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	padding: 5px;
	color: #660099;
}  
#nav li ul a:hover
{
color: #660099;
	text-decoration: underline;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 980px;
	background-color: #ffffff;
}
#rightcolumn {
	width: 300px;
	height: 670px;
	position: absolute;
	top: 31px;
	left: 681px;
}
#recipegate {
	width: 211px;
	padding-left: 11px;
	background:#fff;
	position: absolute;
	height:424px;
	top: 277px;
	left: 0px;
	z-index: 1;
}
#healthgate {
	width: 200px;
	position: absolute;
	top: 277px;
	left: 211px;
}
#newsgate {
	width: 270px;
	position: absolute;
	top: 277px;
	left: 411px;
}
#footergraphic {
	width: 980px;
	height: 32px;
	position: absolute;
	top: 701px;
	left: 0px;
}
#text {
	width: 650px;
	font-family: verdana, arial; 
	font-size: 12px; 
	color: #666666; 
	line-height: 18px;
	padding: 20px 0px 0px 38px;
	float: left;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #1352ad;
}
.breadcrumbs {
	font-family: verdana, san-serif; 
	font-size: 10px; 
	color: #ffffff; 
	padding: 10px 0px 0px 275px;
}

.clear{
clear:both;}