img, div { behavior: url(/CSS/iepngfix.htc) }

/* ================================ MAIN LAYOUT STRUCTURE ================================ */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/Layout/Background-Body.jpg);
	background-color: #017DC3;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
}

#MainWrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	background-color: #FCFAE6;
}

#PageHeader {
	margin: 0px 7px 0px 7px;
}

#PageFeature {
	margin: 0px 0px 20px 0px;
}

#ContentWrapper {
	float: left;
	width: 100%;
}

#MainContent {
	margin-left: 248px;
	margin-bottom: 30px;
	padding: 0px 30px 0px 35px;
}

#MainContent.FullWidth {
	margin-left: 0px;
}

#LeftColumn {
	float: left;
	width: 228px;
	margin-left: -800px;
	margin-bottom: 50px;
}

#PageFooter {
	clear: both;
	margin: 0px 7px 0px 7px;
	color: #0B1924;
	font-size: 90%;
	text-align: right;
}

/* =============================== STANDARD STUFF ============================== */

a:link, a:visited {
	color: #666666;
}

a:hover {
	color: #004B77;
}

p.center {
	text-align: center;
}

div.ClearLeft {
	clear: left;
}

div.ClearBoth {
	clear: both;
}

h1 {
	color: #004B77;
	font-size: 170%;
	margin: 0em 0px 1em 0px;
}

h2 {
	color: #004B77;
	font-size: 140%;
	margin: 1em 0px 0.5em 0px;
}

h3 {
	color: #004B77;
	font-size: 130%;
	margin: 1em 0px 0.5em 0px;
}

h4 {
	font-size: 120%;
	margin: 1em 0px 0.5em 0px;
}

hr {
	border: none 0px; 
	border-top: 1px solid #004B77;
	height: 1px;
	clear: both;
}

hr.Thick {
	border-top: 11px solid #CCCCCC;
	height: 11px;
}

hr.Level2 {
	border-top: 1px solid #CCCCCC;
}

.Italic {
	font-style: italic;
}

.Highlight {
	color: #004B77;
}

a img {
	border: 0px;
}

img.RangeRight {
	float: right;
}

.Strong {
	font-weight: bold;
}

/* ================================ PAGE HEADER ================================ */

#PageHeader div.Logo img {
	width: 228px;
	height: 89px;
	margin: 17px 0px 17px 17px;
}

/* ============================ MAIN NAVIGATION ================================ */

#NavBar {
	margin: 0px;
	padding: 1px 0px 1px 0px;
	background-image: url(../Images/Layout/Background-NavBar.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#NavBar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	color: #0B1924;
}

#NavBar ul li {
	float: left;
	text-align: center;
	border-left: 1px solid #CBC8BF;
	padding: 10px 14px 9px 14px;
}

#NavBar ul li.First {
	border-left: 0px;
}

#NavBar ul li.Current {
	background-color: #004B77;
}

#NavBar ul li.Last {
}

#NavBar ul li a:link, #NavBar ul li a:visited {
	color: #0B1924;
	text-decoration: none;
}

#NavBar ul li.Current a:link, #NavBar ul li.Current a:visited {
	color: #FFFFFF;
}

#NavBar ul li a:hover {
	text-decoration: underline;
}

/* ================================ PAGE FEATURE ================================ */

#PageFeature div.FeatureImage {
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Content/Feature-Home.jpg);
	height: 241px;
	width: 800px;
}

#PageFeature div.AboutUs {
	background-image: url(../Images/Content/Feature-AboutUs.jpg);
}

#PageFeature div.CheeseHistory {
	background-image: url(../Images/Content/Feature-CheeseHistory.jpg);
}

#PageFeature div.TheCreameryShop {
	background-image: url(../Images/Content/Feature-TheCreameryShop.jpg);
}

#PageFeature div.OurProducts {
	background-image: url(../Images/Content/Feature-OurProducts.jpg);
}

#PageFeature div.RecipesAndTips {
	background-image: url(../Images/Content/Feature-RecipesAndTips.jpg);
}

#PageFeature div.News {
	background-image: url(../Images/Content/Feature-News.jpg);
}

#PageFeature div.ContactUs {
	background-image: url(../Images/Content/Feature-ContactUs.jpg);
}

#PageFeature div.Overlay {
	background-image: url(/Images/Layout/Overlay-Feature.png);
	height: 241px;
	width: 800px;
}

/* ============================ MAIN CONTENT ================================ */

#MainContent img.Headline {
	margin-bottom: 15px;
	border: 0px;
}

#MainContent div.Content {
	margin-bottom: 25px;
}

#MainContent div.ContentLargerSpacing {
	margin-bottom: 75px;
}

#MainContent div.LeftColumn {
	float: left;
	width: 230px;
}

#MainContent div.RightColumn {
	margin-left: 240px;
}

#MainContent div.Content p {
	margin: 0px 0px 20px 0px;
}

#MainContent div.Content p.First {
	margin: 10px 0px 20px 0px;
}

#MainContent div.Content ul {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#MainContent div.Content ul li {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	background-image: url(../Images/Layout/Background-Bullet.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
}

/* ============================ LEFT COLUMN ================================ */

#LeftColumn div.Spacing {
	margin: 0px 0px 0px 18px;
}

#LeftColumn img {
	margin-bottom: 20px;
}

#LeftColumn div.MapLink {
	text-align: center;
	margin-bottom: 20px;
}

#LeftColumn div.MapLink img {
	margin-bottom: 0px;
}

/* ============================ FOOTER ================================ */

#PageFooter div.Background {
	background-color: #C4A04A;
	border: 1px solid #CDCDCD;
}

#PageFooter div.Copyright {
	float: left;
	padding: 10px 0px 10px 10px;
}

#PageFooter ul {
	list-style-type: none;
	margin: 0px 10px 0px 15px;
	padding: 10px 0px 10px 0px;
	color: #0B1924;
}

#PageFooter ul li {
	display: inline;
	text-align: center;
	border-left: 1px solid #0B1924;
	padding: 0px 10px 0px 10px
}

#PageFooter ul li.First {
	border-left: 0px;
	padding-left: 0px;
}

#PageFooter ul li a:link, #PageFooter ul li a:visited {
	color: #0B1924;
	text-decoration: none;
}

#PageFooter ul li a:hover {
	text-decoration: underline;
}

/* ============================ INSETS ================================ */

div.Inset {
	width: 230px;
	height: 150px;
}

div.InsetHome1 {
	background-image: url(/Images/Content/HomeFeature-1.jpg);
}

div.InsetHome2 {
	background-image: url(/Images/Content/HomeFeature-2.jpg);
}

div.Inset div.Link {
	padding: 100px 5px 0px 0px;
}

div.Inset div.Link div {
	background-color: #004B77;
	padding: 8px 5px 8px 15px;
}

div.Inset div.Link div a img {
	border: 0px;
}

/* ========================== PAGE SECTIONS ============================== */

div.PageSection {
	margin-left: 248px;
	clear: both;
}

div.PageSection img.RangeLeft {
	float: left;
	margin-left: -265px;
}

/* ============================ SHOW/HIDE ================================ */

div.Hidden, img.Hidden {
	display: none;
}

p.ReadMore a:link, p.ReadMore a:visited {
	background-image: url(/Images/Layout/Icon-ReadMore.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	text-decoration: none;
	color: #004B77;
}

p.ReadMore a:hover {
	text-decoration: underline;
}

p.Close a:link, p.Close a:visited {
	text-decoration: none;
	color: #004B77;
}

p.Close a:hover {
	text-decoration: underline;
}

/* ============================== SHOP ================================== */

div.Cheeses {
	clear: both;
}

div.Cheeses div.Cheese {
	float: left;
	width: 220px;
}

div.Cheeses div.CheeseRight {
	margin-left: 30px;
}

/* ============================== RECIPE ================================== */

div.Recipe {

}

img.RecipeImageSmall {
	padding: 3px;
	background-image: url(/Images/Layout/Background-Recipe-Small.jpg);
}

div.Recipe div.IngredientsLeft {
	width: 230px;

}

div.Recipe div.IngredientsRight {
	float: right; 
	width: 230px;
}

div.Recipe div.Make {
	margin: 10px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	background-color: #E0E0E0;
	background-image: url(/Images/Layout/Background-Recipe-Make.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	padding: 10px 15px 0px 15px;
}

/* ================================================================================================= */
/* ========================================== POPUPS =============================================== */
/* ================================================================================================= */

div.PopUp {
	position: absolute;
	top: -1000px;
	left: 0px;
	visibility: hidden;
	padding: 30px;
	background-color: #FFFFFF;
	border: 2px solid #004B77;
	text-align: center;
}