body
{
	background-color: #FFF;
	background-image: url(theme/nature_background.jpg);
	background-repeat: repeat;
	color: #000;
	font-family: "Trebuchet MS" Arial Helvetica sans-serif;
}

h1, h2, h3, h4
{
	color: #363;
}

a
{
	color: #933;
}

a:visitied
{
	color: #339;
}

a:link
{
	color: #063;
}

#header img
{
	border: none;
}

#header h2.HeaderBanner
{
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(theme/nature_banner.gif);
	margin-top:	20px;
	padding-top: 15px;
	height: 60px;
	font-size: 24pt;
}

#header ul.HeaderNav
{
	text-align: center;
	margin-bottom: 40px;
}

#header ul.HeaderNav li
{
	list-style: none;
	display: inline;
	text-align: center;
	width: 140px;
}

#header ul.HeaderNav li a
{
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(theme/nature_navtop.gif);
	text-decoration: none;
	line-height: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

	padding-right: 20px;
	width: 140px;


	font-size: 12pt;
	font-weight: bold;
	color: #336;
}

#header ul.HeaderNav li a:Hover
{
	background-image: url(theme/nature_navtop_hover.gif);
	color: #633;
}
#header ul.HeaderNav li a:Active
{
	background-image: url(theme/nature_navtop_active.gif);
	color: #363;
}
#header ul.HeaderNav li a.Current
{
	background-image: url(theme/nature_navtop_active.gif);
	color: #363;
}


#header img.HeaderImage1
{
	float: left;
}
#header img.HeaderImage2
{
	float: right;
}

#header h1.Title
{
	margin-top: 75px;
	font-size: 36pt;
	text-align: center;
}

#header p.HeaderRule
{
	text-align: center;
}

#cover
{
	margin-top: 75px;
	margin-bottom: 100px;
	text-align: center;
}

#cover h1.Title
{
	font-size: 36pt;
}

#cover p
{
	font-size: 14pt;
	font-style: italic;
}

#forword
{
	clear: both;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 100px;
	font-family: Arial;
	font-style: italic;
}

#forword h2
{
	text-align: center;
}

#forword p
{
	text-align: justify;
	font-size: 11pt;
}

#forword p.CoverImages
{
	text-align: center;
}

#recipes
{
	clear: both;
	margin-top: 40px;
	margin-left: 80px;
	margin-right: 0px;
}

#recipes h2.RecipeGroup
{
	text-align: left;
	text-indent: 50px;
	font-size: 2em;
}

#recipes h3.RecipeName
{
	margin-top: 50px;
	font-size: 1.1em;
}

#recipes li
{
	list-style: none;
	line-height: 2em;
	font-size: 11pt;
}

#recipes ul.RecipeMain
{
}

#recipes ul.RecipeMain ul.RecipeStep
{
	margin-bottom: 15px;
}

#recipes img.FloatRight
{
	float: right;
}

#recipes img.Divider
{
	margin-top: 80px;
}

#form
{
	clear: both;
	margin-top: 60px;
	margin-bottom: 50px;
	margin-left: 120px;
	margin-right: 120px;
}

#form li
{
	list-style: none;
	line-height: 2em;
	font-size: 11pt;
	text-indent: -35px;
}

#form ul.InputSteps
{
	
}

#form ul. InputSteps ul.InputIngredients
{
	margin-bottom: 15px;
}

#form_typeselect
{
	width: 600px;
	margin: auto;
}

#form_login
{
	width: 600px;
	margin: auto;
}

#form_recipe
{
	width: 600px;
	margin: auto;
}

#form_image
{
	width: 600px;
	margin: auto;
}

#tableofcontents
{
	clear: both;
	width: 600px;
	margin: 40px auto;
}

#tableofcontents a
{
	text-decoration: none;
	color: #363;
}
#tableofcontents a:visited
{
	color: #363;
}
#tableofcontents a:hover
{
	color: #933;
}

#tableofcontents li
{
	list-style: none;
	line-height: 2em;
	font-size: 11pt;
}

#tableofcontents ul.Group li
{	
	font-size: 14pt;
	font-wight: bold;
	color: #363;
}

#tableofcontents ul.Recipes li
{
	font-size: 10pt;
	font-wight: normal;
	color: #000;
	margin-bottom: 15px;
}

#images
{
	margin: 40px 80px;
	text-align: justify;
}

#spotlight
{
	margin: 40px 10%;
	clear: both;
}

#spotlight img
{
	margin: 0 20px;
}

#spotlight_info
{
}

p.HorizontalRule
{
	text-align: center;
}

.login
{
	text-align: center;
}

a.button
{
	text-decoration: none;
}

.floatleft
{
	clear: left;
	float: left;
	text-align: left;
}

.floatright
{
	clear: right;
	float: right;
	text-align: right;
}

.centre
{
	text-align: center;
}

.clearboth
{
	clear: both;
}