/* 
	What's for Dinner? 
	Master Screen CSS
	
	Alison Endacott
	September 2007
 */
 
 img {
 	border: none;
 }
 
 body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #343839;
	line-height: 1.5;
	background: url('http://whatsfordinner.vertasource.com/images/web/bg-repeat.jpg') repeat-y center;
	margin: 0px;
	}
 
 a {
 	color: #ee6e1c;
	font-weight: bold;
	text-decoration: none;
 }
 	
	a:visited {
		color: #b5632f;
	}
	
	a:hover {
		color: #3ebbdb;
		text-decoration: underline;
	}
 
 
	
	
	ul#navigation {
		width: 606px;
		float: left;
		_display: inline;
		display: block;
		min-height: 48px;
		_height: 48px;
		position: relative;
		z-index: 99;
	}
		ul#navigation li  {
			display: inline;
			height: 52px;
			float: left;
			_display: inline;
			text-align: center;
				}
			ul#navigation li a.toplevel {
				display: block;
				color: #454545;
				line-height: 1;
				text-decoration: none;
				height: 48px;
				text-indent: -9999px;
				overflow: hidden;
				background: url('http://whatsfordinner.vertasource.com/images/web/nav.gif');
			}
				ul#navigation li#cat_12 a.toplevel,
				ul#navigation li#cat_12 li {
					width: 100px;
				}
					ul#navigation li#cat_12 a.toplevel:hover {
						background-position: 0 -48px;
					}
					
				ul#navigation li#cat_13 a.toplevel,
				ul#navigation li#cat_13 li {
					width: 94px;
					background-position: -100px 0;
				}
					ul#navigation li#cat_13 a.toplevel:hover {
						background-position: -100px -48px;
					}
				ul#navigation li#cat_14 a.toplevel,
				ul#navigation li#cat_14 li {
					width: 127px;
					background-position: -194px 0;
				}
					ul#navigation li#cat_14 a.toplevel:hover {
						background-position: -194px -48px;
					}
				ul#navigation li#cat_15 a.toplevel,
				ul#navigation li#cat_15 li {
					width: 105px;
					background-position: -321px 0;
				}
					ul#navigation li#cat_15 a.toplevel:hover {
						background-position: -321px -48px;
					}
				ul#navigation li#cat_16 a.toplevel,
				ul#navigation li#cat_16 li {
					width: 76px;
					background-position: -426px 0;
				}
					ul#navigation li#cat_16 a.toplevel:hover {
						background-position: -426px -48px;
					}
				ul#navigation li#cat_20 a.toplevel,
				ul#navigation li#cat_20 li {
					width: 104px;
					background-position: -502px 0;
				}
					ul#navigation li#cat_20 a.toplevel:hover {
						background-position: -502px -48px;
					}
					

		ul#navigation li ul { /* second-level lists */
			position: absolute;
			color: #fff;
			width: 100px;
			list-style: none;
			margin-top: 19px;
			line-height: 1;
			left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
			margin-left: -2px;
			*margin-left: -3px;
		}
		
	
			ul#navigation ul li { /* all list items */
				margin-left: 1px;
				display: block;
				text-indent: 0;
				position: relative;
				margin-top: -21px;
				
			}
			
				ul#navigation ul li.subnav a {
					display: block;
					color: #454545;
					text-indent: 0;
					text-align: center;
					font-weight: normal;
					text-decoration: none;
					font-size: 90%;
					background: #4cc6e1;
					height: 1em;
					padding: 1em 0;
					border: 2px solid #d9d9d9;
					border-top: 1px solid #d9d9d9;
					
				}
					ul#navigation ul li.subnav a:hover {
						background: #f08007;
						}
		
		
		ul#navigation li:hover ul, ul#navigation li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}			
		
		/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			#topNav li:hover, ul#navigation li.hover {
				*position: static;
			}