/*
Description: Primary styles
Author: Travis Buck
Version: 0.1
.
General comments/License Statement if any.
.

[Table Of Contents]

1. Container
2. Left Navigation
3. Page Content

*/


/* 1. Container
--------------------------------------------------*/

#Content
{
	background: url(../Images/SoupsContentBkg.gif) center repeat-y;
	margin: 0px 10px 12px 12px;
	overflow: hidden;
}


/* 2. Left Navigation
--------------------------------------------------*/

#LeftColumn
{
	background: url(../images/LeftNavBkg_Soups.gif) top no-repeat;
	padding-top: 50px;
	width: 211px;
}

#LeftColumnSignup
{
	background: url(../images/LeftNavBkg_SoupsSignup.gif) top no-repeat;
	float: left;
	padding-top: 80px;
	width: 189px;
}

#LeftNav
{
	float: left;
	list-style: none;
	margin-left: 50px;
	width: 128px;
}

	#LeftNav a.Ingredients
	{
		background: url(../Images/LeftNav_Soups_Ingredients.gif);
		display: block;
		height: 47px;
		overflow: hidden;
		text-indent: -5000px;
		width: 125px;
	}
	
	#LeftNav a:hover.Ingredients
	{
		background: url(../Images/LeftNav_Soups_Ingredients.gif) 0px -47px;
	}
	
	#LeftNav a.Menu
	{
		background: url(../Images/LeftNav_Soups_Menu.gif);
		display: block;
		height: 50px;
		overflow: hidden;
		text-indent: -5000px;
		width: 125px;
	}
	
	#LeftNav a:hover.Menu
	{
		background: url(../Images/LeftNav_Soups_Menu.gif) 0px -50px;
	}
	
	#LeftNav a.Specials
	{
		background: url(../Images/LeftNav_Soups_Specials.gif);
		display: block;
		height: 52px;
		overflow: hidden;
		text-indent: -5000px;
		width: 125px;
	}
	
	#LeftNav a:hover.Specials
	{
		background: url(../Images/LeftNav_Soups_Specials.gif) 0px -52px;
	}
	
	#LeftNav a.List
	{
		background: url(../Images/LeftNav_Soups_List.gif);
		display: block;
		height: 50px;
		margin-bottom: 10px;
		overflow: hidden;
		text-indent: -5000px;
		width: 125px;
	}
	
	#LeftNav a:hover.List
	{
		background: url(../Images/LeftNav_Soups_List.gif) 0px -50px;
	}
	
	#LeftNav a.Salad
	{
		background: url(../Images/LeftNav_Soups_Salad.gif);
		display: block;
		height: 122px;
		overflow: hidden;
		text-indent: -5000px;
		width: 125px;
	}
	
	#LeftNav a:hover.Salad
	{
		background: url(../Images/LeftNav_Soups_Salad.gif) 0px -122px;
	}


/* 3. Page Content
--------------------------------------------------*/
	
#RightColumnSignup
{
	background: top no-repeat url(../images/ContentBkgSoupSignup.jpg);
	height: 525px;
	padding: 105px 0px 0px 0px;
	width: 597px;
}

#RightColumnIngredients
{
	background: top no-repeat url(../images/ContentBkgSoupIngredients.jpg);
	padding: 105px 0px 30px 0px;
	width: 597px;
}

h1.Heading
{
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 8px;
}

h2.Name
{
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
}
p.Paragraph
{
	line-height: 16px;
	padding-bottom: 12px;
}

p.Ingredients
{
	line-height: 16px;
	padding-bottom: 18px;
}

a.textlink
{
	color: #009EDA;
	text-decoration: none;
}

a:hover.textlink
{
	color: #D065F2;
}

.FormContainer
{
	width: 200px;
}

label
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 4px;
	width: 200px
}

input
{
	float: left;
	margin-bottom: 16px;
}

select
{
	float: left;
}

a.JoinButton
{
	background: url(../images/btnJoin.gif);
	display: block;
	float: right;
	height: 30px;
	margin-right: 20px;
	text-indent: -5000px;
	width: 70px;
}

a:hover.JoinButton
{
	background: url(../images/btnJoin.gif) 0px -30px;
}


#CurrentCalendar
{
	background: top no-repeat url(../images/Soup_Calendar_February.jpg);
	height: 645px;
	margin-left: 189px;
	padding: 0px 30px 0px 30px;
	width: 529px;
}

#LastCalendar
{
	background: top no-repeat url(../images/Soup_Calendar_January.jpg);
	height: 637px;
	margin-left: 189px;
	padding: 0px 30px 0px 30px;
	width: 529px;
}

#NextCalendar
{
	background: top no-repeat url(../images/Soup_Calendar_January.jpg);
	height: 637px;
	margin-left: 189px;
	padding: 0px 30px 0px 30px;
	width: 529px;
}

a.NextMonth
{
	background: url(../images/btnNextMonth.gif);
	display: block;
	float: right;
	height: 26px;
	margin: 12px 0px 0px 22px;
	overflow: hidden;
	text-indent: -5000px;
	width: 62px;
}

a:hover.NextMonth
{
	background: url(../images/btnNextMonth.gif) 0px -26px;
}

a.LastMonth
{
	background: url(../images/btnLastMonth.gif);
	display: block;
	float: right;
	height: 26px;
	margin: 12px 0px 0px 22px;
	overflow: hidden;
	text-indent: -5000px;
	width: 60px;
}

a:hover.LastMonth
{
	background: url(../images/btnLastMonth.gif) 0px -26px;
}