body {
	background: url(../images/bg.jpg) repeat top left;
	position: relative;
	color: black;
}

img {
	border: 0px;
}

h1 {
	margin: 0px;
	margin-bottom: 10px;
}

h2 {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 16px;
}

#content {
	position: absolute; 
	top: 270px; 
	left: 75px; 
	width: 780px; 
	height: 925px;
	overflow: auto;
	font: 18px "Times New Roman", serif;
	line-height: 24px;
}

#content p { margin: 10px 0px; }

#nav {
	position: absolute;
	top: 200px;
	left: 50px;
	width: 850px;
	background: url(../images/nav_divider.png) bottom left no-repeat;
	padding: 10px 0px 15px;
}

.divider { clear: both; height: 50px; }
.small-divider { clear: both; height: 25px; }

#nav a, #nav a:visited { 
	font-variant: small-caps;
	font-size: 18px;
	font-family: "Times New Roman", serif;
	color: black;
	padding: 5px;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
}

.selectedNav { 
	color: white !important;
	background: #7d0000 !important;
}

#nav a:hover { 
	color: white;
	background: #7d0000;
	text-decoration: none;
}

#tabNav a, #tabNav a:visited { 
	font-variant: small-caps;
	font-size: 16px;
	font-family: "Times New Roman", serif;
	color: black;
	padding: 5px;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
}

#tabNav a:hover { 
	color: white;
	background: #7d0000;
	text-decoration: none;
}

#recipeTable a, #recipeTable a:visited {
	font-size: 16px;
	font-family: "Times New Roman", serif;
	color: black;
	padding: 5px;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
}

#recipeTable a:hover {
	font-style: italic;
}

#body {
	/*background: url(../images/paperback.gif) no-repeat top left;*/
	width: 929px;
	height: 1255px;
	margin: 35px auto 0px auto;
	position: relative;
}

#logo { 
	position: absolute;
	top: -25px;
	left: -45px;
}

#footer {
	position: relative;
	padding-top: 10px;
	text-align: center;
	color: white;
}

#wrapper {
	position: relative;
}

#loginForm { background: url(../images/1by1_gray_alpha.png) repeat top left; } 

#loginTable { font-size: 24px; font-variant: small-caps }
#loginTable input[type=text], #loginTable input[type=password] { border: 1px solid #666; font-size: 24px; padding: 10px; }
#loginTable input[type=submit] { font-size: 18px; padding: 5px; }

.styledInput[type=text], .styledInput[type=password] { border: 1px solid #666; font-size: 16px; padding: 5px; }
.smallInput[type=text], .smallInput[type=password] { border: 1px solid #666; font-size: 14px; padding: 2px; }

#recipeTable { 
	width: 100%;
	border-collapse: collapse; 
}
#recipeTable th { 
	font: 12px Arial, sans-serif;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	background: #D8D8DA url(../images/sprite.png) repeat-x scroll 0 0;
	border: 1px solid #555;
}

#scheduleTable { 
	width: 90%;
	border-collapse: collapse;
}

#scheduleTable td { border: 1px solid #666; background: white; text-align: center; }
#scheduleTable th { 
	font: 12px Arial, sans-serif;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	background: #D8D8DA url(../images/sprite.png) repeat-x scroll 0 0;
	border: 1px solid #555;
}

a {
	color: #707c64;
	text-decoration: none;
}

a.info {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

a.info:hover {
	z-index:25;
	text-decoration: none;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:15px; 
    left:0px;
    padding: 0px;
    width:200px;
    border:1px solid #000;
    border-top: none;
    background-color:#cccaaa;
    text-align: left;
    color: #000;
}