@charset "utf-8";
@import "base.css";
/****************************************************************
It's Farming Time Theme Style Sheet

Created by Christian Web Programming

Copyright © 2009 by Rita Blackwell

October 23, 2009
****************************************************************/


/****************************************************************************
serif font
/****************************************************************************/
body, h1, h2, .Serif, select, ul.Sitemap h1, ul.Sitemap h2, ul.Sitemap h3
	{
	font-family: 'georgia', serif;
	}

/****************************************************************************
sans serif font
/****************************************************************************/
h3, h4, h5, h6, .H2, div.MenuArea .Tab,
div.TextMenuArea span.PageName, .SansSerif, .ContactText, textarea
	{
	font-family: arial, helvetica, sans-serif;
	}

/****************************************************************************
text color
/****************************************************************************/
body, div.BookColumn a, label, fieldset
	{
	color: #333333;
	}


/****************************************************************************
highlight text color
/****************************************************************************/
h3, h4, h5, h6, strong, .H2, div.MenuArea .Tab, div.MenuArea a:visited,
div.TextMenuArea span.PageName, ul.Sitemap h1, div.BookColumn a span
	{
	color: #690B17;
	}

div.HeaderArea, div.TextMenuArea, div.RuleH1, div.RuleH2, div.RuleH3,
div.RuleH4, .TitleOuterBorder, .SubtitleOuterBorder, select, ul.DropDownList
	{
	background-color: #690B17;
	}

div.ContentSection
	{
	border-color: #690B17;
	}
/****************************************************************************
end highlight text color
/****************************************************************************/

/****************************************************************************
background color
/****************************************************************************/
div.ContentSection, div.TextMenuArea span.PageName, div.ValidationSection
	{
	background-color: #EAEBD4;
	}

/* background color as text color*/
h1, h2, div.HeaderArea h1, div.HeaderArea h2, div.TextMenuArea,
div.TextMenuArea a, div.TextMenuArea a:visited, select, ul.DropDownList a,
ul.DropDownList a:visited
	{
	color: #EAEBD4;
	}
/****************************************************************************
end background color
/****************************************************************************/

/* default inset border */
.BorderInset, .TitleInnerBorder, .SubtitleInnerBorder, table.Outset td,
table.Outset th, .LinkFrameInner, ul.DropDownList
	{
	border-color: #75756A #FEFFE6 #FEFFE6 #75756A;
	}

/* default raised border */
.BorderOutset,.TitleOuterBorder, .SubtitleOuterBorder, table.Outset, .LinkFrameOuter
	{
	border-color: #FEFFE6 #75756A #75756A #FEFFE6;
	}

/* border inset from page background */
div.RuleH1, div.RuleH2, div.RuleH3, div.RuleH4, select
	{
	border-color: #33050B #AA7B76 #AA7B76 #33050B;
	}

body
	{
	background-color: #500000;

	margin: 0;
	padding: 0;
	}

/****************************************************************************
How the body is divided

body
		PageContainer
			ContentSection
					HeaderArea
					MenuArea
					TitleArea
					DescriptionArea
							TextColumn
							ImageColumn
					TextMenuArea
			CreditsSection
/****************************************************************************/

td.PageContainer
	{
	border-color: #666666 #000000 #000000 #666666;
	border-style: solid;
	border-width: .1em;
	}

div.ContentSection
	{
	background-image: url("../images/mule_fade_gray.png");
	background-position: center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1em 1em 0 1em;
	float: left;
	text-align: center;
	}

div.NoBackground
	{
	background-image: none;
	}

div.HeaderArea
	{
	margin-top: -.5em;
	padding-bottom: 1em;
	}

/****************************************************************************
MenuArea
/****************************************************************************/
div.MenuArea
	{
	padding-bottom: .5em;
	}

div.MenuArea .Tab
	{
	font-size: 1.26em;
	text-align: center;
	text-decoration: none;

	border-color: #40413A;
	border-style: solid;
	border-width: 0 .1em .1em 0em;

	float: left;
	padding: .1em .1em .2em .1em;
	width: 6.96em;

	display: inline-block;
	height: 1.2em;
	}

div.MenuArea .On
	{
	border: none;
	}

div.MenuArea .Off
	{
	border-left-width: .1em;
	}
/****************************************************************************
end MenuArea
/****************************************************************************/

div.DescriptionArea
	{
	display: inline-block;
	padding: 0 1em 1em 1em;
/*	width: 43.3em;*/
	}

div.WorkCategory
	{
	margin-bottom: .5em;
	margin-left: 2em;;
	text-align: justify;
	text-indent: -2em;
	}

div.TextColumn
	{
	float: left;
	}

/****************************************************************************
ImageColumn
/****************************************************************************/
div.ImageColumn
	{
	float: right;
	margin-left: 1em;
	margin-top: .8em;
	}

div.ImageColumn img, img.SampleLink
	{
	background-color: #FFFFFF;
	border: solid #000000 .1em;
	padding: .4em;
	width: 14em;
	}
/****************************************************************************
end ImageColumn
/****************************************************************************/

/****************************************************************************
TextMenuArea
/****************************************************************************/
div.TextMenuArea
	{
	padding-bottom: 1em;
	padding-top: 1em;
	}

div.TextMenuArea a
	{
	margin: 0 .5em;
	text-decoration: none;
	}

div.TextMenuArea span.PageName
	{
	float: left;
	font-weight: bold;

	margin-left: 1em;
	margin-top: -.3em;
	padding: .3em;
	}
/****************************************************************************
end TextMenuArea
/****************************************************************************/


div.SitemapLink
	{
	float: left;
	margin-top: 1em;
	position: absolute;
	}

/****************************************************************************
OrderColumn
/****************************************************************************/
div.OrderColumnLeft, div.OrderColumnRight
	{
	float: left;
	width: 21.1em;
	}

div.OrderColumnLeft
	{
	margin-right: 1em;
	}

div.OrderColumnLeft img, div.OrderColumnRight img
	{
	background-color: #FFFFFF;
	border: solid #000000 .1em;
	padding: .4em;
	width: 20.3em;
	}

form.Paypal
	{
	float: right;
	margin-left: .8em;
	margin-top: 1.1em;
	}

form.Paypal input
	{
	margin: 0;
	padding: 0;
	}
/****************************************************************************
end OrderColumn
/****************************************************************************/


img.Sample
	{
	background-color: #FFFFFF;
	border: solid #000000 .1em;
	margin: 0 1em;
	padding: 1em;
	}

/****************************************************************************
BookColumn
/****************************************************************************/
div.BookColumn
	{
	float: left;
	margin-right: 1em;
	width: 19.9em;
	}

div.BookColumn a
	{
	display: block;
	text-decoration: none;
	}

div.BookColumn a span
	{
	border-style: solid;
	border-width: 0 0 .2em 0;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .2em;
	padding-bottom: .2em;
	margin-top: 1em;
	}

div.BookColumn img
	{
	width: 7.2em;
	float: left;
	margin-right: .3em;
	margin-top: .2em;
	}
/****************************************************************************
end BookColumn
/****************************************************************************/


/****************************************************************************
StateLinksColumn
/****************************************************************************/
div.StateLinksColumn
	{
	float: left;
	}

div.StateLinksColumn ul
	{
	line-height: 1.5em;
	margin-top: .5em;
	padding-left: 1.5em;
	}
/****************************************************************************
end StateLinksColumn
/****************************************************************************/


div.PhoneColumn
	{
	float: left;
	}

div.AddressColumn
	{
	float: right;
	}

.ContactText
	{
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: .15em;
	}

address
	{
	font-style: normal;
	}

h1
	{
	font-size: 3.8em;
	text-align: left;
	}

h1 sup
	{
	font-size: .4em;
	position: relative;
	top: .5ex;
	}

h2, .H2
	{
	font-size: 1.4em;
	font-style: italic;
	margin-left: 1.3em;
	text-align: left;
	}

h3
	{
	font-size: 1.9em;
	}

h3.ResourcesTitle
	{
	font-size: 3.2em;
	font-style: normal;
	}

h3 strong
	{
	font-size: 1.5em;
	}

h3 sup
	{
	font-size: .5em;
	position: relative;
	top: .5ex;
	}

div.RuleH3
	{
	border-width: .2em;
	}

h4
	{
	font-size: 1.26em;
	font-variant: normal;
	}

h5.BookTitle
	{
	font-size: 1.5em;
	}

div.Page
	{
	text-align: center;
	}

div.ValidationSection
	{
	padding: 0 1em 1em 1em;
	text-align: center;
	}

a:link
	{
	color: #0000FF;
	}

a:visited
	{
	color: #990000;
	}

form
	{
	margin: 0;
	}

select
	{
	border-style: solid;
	border-width: .3em;
	font-size: 1em;
	}

option
	{
	display: block;
	color: green;
	background-color: yellow;
	height: 10em;
	line-height: 10em;
	padding: 2em;
	margin: 2em;
	width: 8.8em;
	}

ul
	{
	list-style-type: none;
	margin: 0;
	padding-left: 3.5em;
	text-align: left;
	}

ul li
	{
	margin: 0;
	text-indent: -1.5em;
	}

ul li img
	{
	height: 1em;
	margin-right: .2em;
	position: relative;
	top: -.1em;
	vertical-align: middle;
	}

.Bottom
	{
	vertical-align: bottom;
	}

.OutsetA
	{
	color: #666600;
	}

.OutsetB
	{
	left: -.1ex;
	top: -.1ex;
	}


/*****************************************************************************
.PipeBorder
/*****************************************************************************/
.PipeBorder span
	{
	display: inline-block;
	border-color: #000099 #000000 #000000 #000099;
	border-style: solid;
	border-width: .1ex;
	}

.PipeBorder span span
	{
	border-color: #FFF000 #807800 #807800 #FFF000;
	}

.PipeBorder span span span
	{
	border-color: #FFF881 #BFB400 #BFB400 #FFF881;
	}

.PipeBorder span span span span
	{
	border-color: #BFB400 #FFF000 #FFF000 #BFB400;
	}

.PipeBorder span span span span span
	{
	border-color: #807800 #FFF881 #FFF881 #807800;
	}

.PipeBorder span span span span span span
	{
	border-color: #000000 #000099 #000099 #000000;
	padding: 0 .1em 0 .2em;
	}

.PipeBorder span span span span span span span
	{
	border: none;
	display: block;
	padding: 0;
	padding-bottom: .1em;
	}

.PipeBorder .OutsetA, .PipeBorder .OutsetB
	{
	display: inline;
	padding: 0;
	}
/*****************************************************************************
end .PipeBorder
/*****************************************************************************/


.TitleOuterBorder, .TitleInnerBorder, .SubtitleOuterBorder,
.SubtitleInnerBorder
	{
	border-style: solid;
	}

.TitleOuterBorder, .TitleInnerBorder
	{
	border-width: .7ex;
	}

.SubtitleOuterBorder, .SubtitleInnerBorder
	{
	border-width: .4ex;
	}

.TitleOuterBorder, .SubtitleOuterBorder
	{
	padding: 0;
	}

.TitleInnerBorder, .SubtitleInnerBorder
	{
	text-align: center;
	}

.TitleInnerBorder
	{
	padding: 1ex 2.2ex;
	font-size: 1.7em;
	}

.SubtitleInnerBorder
	{
	padding: .5ex 1.1ex;
	font-size: 2.4em;
	}

.ButtonLeft
	{
	left: 1em;
	text-align: left;
	}

.ButtonRight
	{
	right: 1em;
	text-align: right;
	}

img.Google
	{
	vertical-align: middle;
	}

.Bottom2
	{
	margin-bottom: 2em;
	}

.Top2
	{
	margin-top: 2em;
	}

/****************************************************************************
Forms
/****************************************************************************/
fieldset
	{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	}

input, textarea
	{
	border-width: .1em;
	margin: .5em;
	padding: 0;
	}

input.InternalLabel
	{
	margin-top: 0;
	}

table.FieldLabels input
	{
	margin: 0;
	}

table.FieldLabels th
	{
	font-weight: normal;
	padding-bottom: .2em;
	padding-left: .1em;
	}

table.FieldLabels td
	{
	padding-right: 1em;
	}

table.FieldLabels td.Right
	{
	padding-right: 0;
	}
/****************************************************************************
end Forms
/****************************************************************************/


/****************************************************************************
ul.Sitemap
/****************************************************************************/
ul.Sitemap li
	{
	text-indent: 0;
	}

ul.Sitemap a
	{
	border-style: solid;
	border-width: 0 0 .2em 0;
	display: inline-block;
	padding-bottom: .1em;
	text-decoration: none;
	}

ul.Sitemap li
	{
	margin-bottom: 1em;
	}

ul.Sitemap ul
	{
	list-style-type: none;
	margin-left: -.7em;
	}

ul.Sitemap h1
	{
	display: block;
	font-size: 1.9em;
	}

ul.Sitemap h2
	{
	font-size: 1.59em;
	font-style: normal;
	margin: 0;
	}
/****************************************************************************
end ul.Sitemap
/****************************************************************************/


div.StateLinksColumn ul.DropDownList
	{
	border-style: inset;
	border-width: .2em;
	height: 20em;
	list-style-type: none;
	margin-top: .2em;
	overflow: auto;
	padding-bottom: .3em;
	white-space: nowrap;
	}

ul.DropDownList a
	{
	border: 1px solid #690B17;
	display: block;
	padding-left: .2em;
	text-decoration: none;
	}

ul.DropDownList a:hover
	{
	background-color: #EAEBD4;
	color: #690B17;
	}

ul.DropDownList li
	{
	border-right: 1px solid #690B17;;
	line-height: 1em;

	text-indent: 0;
	margin-left: -1.5em;
	}