/* Navigation: v0.1 */

/* Top Navigation
===========================================================================================================================
=========================================================================================================================== */
#nav {
	border-bottom: 1px dotted #000;
}

#nav li {
	float: left;
	text-align: center;
	margin-right: 8px;
}

#nav li a {
	display: block;
	width: 95px;
	min-height: 22px; /* ie6 fix */
	padding-top: 2px;
	line-height: 1.9em;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #555553;
}

#nav li.nav1 a {
	background: url(../images/css-images/nav/nav1-off.gif) no-repeat left top;
}

#nav li.nav1 a:hover {
	background: url(../images/css-images/nav/nav1-on.gif) no-repeat left top;
}

#nav li.nav2 a {
	background: url(../images/css-images/nav/nav2-off.gif) no-repeat left top;
}

#nav li.nav2 a:hover {
	background: url(../images/css-images/nav/nav2-on.gif) no-repeat left top;
}

#nav li.nav3 a {
	background: url(../images/css-images/nav/nav3-off.gif) no-repeat left top;
}

#nav li.nav3 a:hover {
	background: url(../images/css-images/nav/nav3-on.gif) no-repeat left top;
}

#nav li.nav4 a {
	background: url(../images/css-images/nav/nav4-off.gif) no-repeat left top;
}

#nav li.nav4 a:hover {
	background: url(../images/css-images/nav/nav4-on.gif) no-repeat left top;
}

#nav li.nav5 a {
	background: url(../images/css-images/nav/nav5-off.gif) no-repeat left top;
}

#nav li.nav5 a:hover {
	background: url(../images/css-images/nav/nav5-on.gif) no-repeat left top;
}

#nav li.nav6 a {
	background: url(../images/css-images/nav/nav6-off.gif) no-repeat left top;
}

#nav li.nav6 a:hover {
	background: url(../images/css-images/nav/nav6-on.gif) no-repeat left top;
}

#nav li.nav8 {
	margin-right: 0px;
}

#nav li.nav7 a {
	background: url(../images/css-images/nav/nav7-off.gif) no-repeat left top;
}

#nav li.nav7 a:hover {
	background: url(../images/css-images/nav/nav7-on.gif) no-repeat left top;
}
#nav li.nav8 a {
	background: url(../images/css-images/nav/nav8-off.gif) no-repeat left top;
}

#nav li.nav8 a:hover {
	background: url(../images/css-images/nav/nav8-on.gif) no-repeat left top;
}

/* active page */

#home #nav li.nav1 a {
	background: url(../images/css-images/nav/nav1-on.gif) no-repeat left top;
}

#directory #nav li.nav2 a {
	background: url(../images/css-images/nav/nav2-on.gif) no-repeat left top;
}

#regulars #nav li.nav3 a {
	background: url(../images/css-images/nav/nav3-on.gif) no-repeat left top;
}

#restaurants #nav li.nav4 a {
	background: url(../images/css-images/nav/nav4-on.gif) no-repeat left top;
}

#recipes #nav li.nav5 a {
	background: url(../images/css-images/nav/nav5-on.gif) no-repeat left top;
}

#books #nav li.nav6 a {
	background: url(../images/css-images/nav/nav6-on.gif) no-repeat left top;
}

#subscribe #nav li.nav7 a {
	background: url(../images/css-images/nav/nav7-on.gif) no-repeat left top;
}

/* Left Navigation
===========================================================================================================================
=========================================================================================================================== */

#content #left-nav {
	float: left;
	position: relative;
	left: -396px;
	width: 118px;
	min-height: 670px; /* ie6 fix */
	padding-right: 10px;
	padding-bottom: 32766px;
	margin-bottom: -32766px;
	background: url(../images/css-images/content-bg.gif) repeat-y right top;
}

#content #left-nav p {
	color: #555553;
	margin-bottom: 0.1em;
}

#content #left-nav img {
	margin-bottom: 5px;
}

#content #left-nav h2 {
	color: #555553;
}
#content #left-nav form{
	margin-bottom: 5px;
}

#content #left-nav li{
	float: left;
}

#content #left-nav legend{
	display: none;
}

#content #left-nav label{
	display: none;
}

#content #left-nav input{
	width: 88px;
	float: left;
	border: 1px solid #ccc;
}

#content #left-nav .submit{
	width: 26px;
	height: 20px;
	color: #fff;
	cursor: pointer;
	background: #ccc;
	border: none;
}

#content #left-nav ul.top{
	overflow: auto;
	margin-bottom: 17px;
}

#content #left-nav ul li{
	margin-bottom: 10px;
}

#content #left-nav ul li a{
	text-decoration: none;
	font-weight: bold;
}

#content #left-nav ul li a:hover{
	text-decoration: underline;
}