@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #C96;
	background-image:url(assets/background.jpg)
}

a.idoslink:link {
	color:#00F;
	text-decoration: none;
	background-color:#FFFF71;
}
a.idoslink:visited {
	color: #00F; 
	text-decoration: none
}
a.idoslink:hover {
	text-decoration: none;
	color:#FFF;
	background-color:#00F;
}

#coolmenu{
	background-image:url(assets/indentbg.gif)
}

#coolmenu a{
font:Arial, Helvetica, sans-serif;
display: block;
color: black;
text-decoration: none;
}

#coolmenu a:hover{
/*background-color: black;*/
background-image:url(assets/indentbg2.gif);
color: white;
}

#chaptermenu{
	background-image:url(assets/chapterbg.gif)
}

#chaptermenu a{
font:Arial, Helvetica, sans-serif;
display: block;
color: black;
text-decoration: none;
}

#chaptermenu a:hover{
/*background-color: black;*/
background-image:url(assets/chapterbg2.gif);
color: white;
}

html>body #coolmenu #chaptermenu a{ /*Non IE rule*/
width: auto;
}

.FooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #300;
	text-align: center;
}
.AdminText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00F;
	text-decoration:underline;
	text-align: center;
}
.CenteredText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #300;
	text-align: center;
}
.LeftTextColor1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align: left;
}
.CenteredRedText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #F00;
	text-align: center;
}
.CenteredBlueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #00F;
	text-align: center;
}
.CenteredTextBrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #630;
	text-align: center;
}
.RightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #300;
	text-align: right;
}
.ChapterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #300;
	text-align: center;
}
.CenteredText-Med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #300;
	text-align: center;
}
.CenteredText-XLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large
	color: #300;
	text-align: center;
}
.DateText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #300;
	text-align: left;
}
.LeftText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #300;
	text-align: left;
}
.RecipeHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: black;
	text-align: center;
}
.RecipeTeam {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: black;
	text-align:left;
}
.RecipeItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: black;
	text-align:justify;
}
.LoginText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #000;
	text-align: right;
}

h {color:#000)

#pageWrap {
	width:					500px;
	background-color:		transparent;
	margin:					25px auto;
}

#pageBody {
	width:					100%;
}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(images/navBG.png) repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/navHover.png) repeat-x 0 0 scroll;
}
.clear	{ clear: both; }