/* Start of CMSMS style sheet 'home' */
/* Hodgson Home */


/************************************************************************

	Site:		HodgsonMill.com

	Author:		eROI	[www.eroi.com]  

	Listing Order:
	==============

	1 - Intro
		1a. Intro Text
		1b. Newsletter
	2 - Home Body Structure
		2a. Middle Section - Pics & Article List
		2b. Article Boxes
		2c. Lower Text
	

************************************************************************/



/* 1-- Intro 
************************************************************************/

div#introContainer {
width: 100%;
position: relative;
height: 146px;
}

div#introPng { 
width: 100%;
height: 146px; 
background: url(images/bg_intro.png) repeat-y; 
position: absolute;
top: 0;
left: 0;
}


* html div#introPng {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_intro.png", sizingMethod="scale"); 
}


div#introContent { 
width: 100%;
position: absolute;
top: 0;
left: 0;
font: 9pt Arial, Helvetica, sans-serif;
color: #4e2700;
}

div#bottomCapContainer {
width: 100%; 
height: 11px; 
position: relative; 
}

div#bottomCapPng {
width: 100%;
height: 11px;
background: url(images/intro_bottom.png) no-repeat;
position: absolute;
top: 0;
left: 0;
}

* html div#bottomCapPng {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/intro_bottom.png", sizingMethod="crop"); 
}


/* 1a-- Intro Text
************************************************************************/

div#introContent div.content {
width: 485px;
padding: 5px 0 20px 95px;
float: left 
}

div#introContent div.content p {
margin: 2px 10px 0 2px;
}

div#introContent div.content h1 {
background: url(images/title_welcome.png) no-repeat;
margin-bottom: 5px;
font-size: 16px;
}

div#introContent div.content h1 span {
visibility: hidden;
}


/* 1b-- Newsletter 
************************************************************************/

div#introContent div.newsletter {
width: 328px;
height: 140px;
padding: 5px 0 0 0;
float: left; 
} 

div#introContent div.newsletter h1 {
background: url(images/intro_newsletter.png) no-repeat;
font-size: 16px;
} 

div#introContent div.newsletter h1 span {
visibility: hidden;
}

div#introContent div.newsletter div.newsletterContent {
padding: 10px 90px 10px 10px;
margin-left: 25px;
}

div#introContent div.newsletter div.newsletterContent li{
margin: 0 0 5px 20px;
}


/* 2-- Home Body Structure
************************************************************************/

div#bodyContainer {
width: 100%;
position: relative;
background: url(images/bg_sub_shadow.gif) repeat-y;
margin: 0 52px;
}

div#bodyContent { 
width: 800px;
margin-left: 3px;
background: url(images/bg_home_solid.gif) repeat-y;
}


div#bodyContent div.content { 
width: 758px;
padding: 10px 21px;
background: url(images/bg_home_fade.gif) no-repeat;
}

div#bodyContent a { color: #9d0b0f; }


/* 2a-- Middle Section - Pics & Article List 
************************************************************************/

div#bodyContent div.bodyPic {
width: 225px;
float: left;
}

div#bodyContent div.list {
width: 263px;
float: left;
padding: 0 21px;
}

/* Article List */

div#bodyContent div.list h1 {
background: url(images/title_nutrition.gif) no-repeat;
font-size: 16px;
margin-bottom: 5px;
}

div#bodyContent div.list h1 span {
visibility: hidden;
}

div#bodyContent div.list ul {
margin: 0;
padding: 5px 0;
}

div#bodyContent div.list li {
list-style-type: none;
margin: 0;
padding: 5px 10px 5px 10px;
font: 9pt Arial, Helvetica, sans-serif;
}

div#bodyContent div.list li.light {
background-color: #f0d296; 
}

div#bodyContent div.list div.more {
text-align: right;
}


/* 2b-- Article Boxes 
************************************************************************/

div#boxes {
width: 758px;
padding-top: 10px;
}

div#boxes div#top {
width: 100%;
height: 15px;
background: url(images/boxes_top.gif) no-repeat;
}

div#boxes div#middle {
width: 100%;
background: url(images/boxes_bg.gif) repeat-y;
}

div#boxes div#middle h2 {
font: bold 10pt Georgia, "Times New Roman", Times, serif;
color: #4e2700;
margin: 0 0 5px 0;;
}

div#boxes div#middle h3 {
font: bold 9pt Georgia, "Times New Roman", Times, serif;
color: #9d0b0f;
margin: 0;
}

div#boxes div#middle p {
font: 9pt Arial, Helvetica, sans-serif;
color: #4e2700;
}

div#boxes div#middle div#one {
float: left;
width: 337px;
padding: 5px 34px 5px 18px;
}

div#boxes div#middle div#two {
float: left;
width: 332px;
padding: 5px 15px 5px 15px;
}

div#boxes div#middle img {
border:none;
}

div#boxes div#bottom {
width: 100%;
height: 25px;
background: url(images/boxes_bottom.gif) no-repeat;
}

div#boxes img { padding: 5px; }


/* 2c-- Lower Text 
************************************************************************/

div#bodyContent div.lowerText {
width: 100%;
padding-bottom: 15px;
text-align: center;
}

div#bodyContent div.lowerText h2 {
font: bold 10pt Georgia, "Times New Roman", Times, serif;
color: #4e2700;
margin-bottom: 5px;
}

div#bodyContent div.lowerText p {
font: 9pt Arial, Helvetica, sans-serif;
color: #4e2700;
}

/* End of 'home' */