/* 
====
Skin styles for HatcherFamilyDairy.com -DIV layout V.1.0 -by sitetorch.com
====
*/

html, body {
	margin:0;
	padding:0;
	height: 100%;
}
body,
th,
td,
table,
.Normal,
.NormalDisabled,
.Head,
.SubHead,
.SubSubHead, 
.NormalBold,
.NormalRed,
.NormalTextBox{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	
}
p, normal {
	color: #000000;
	font-size: 12px;
	margin: 0;
}
p {
	padding-bottom:10px;
}
h1 {
	font-size: 18px;
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #000000;
	font-weight: bold;

}
h2 {
	font-size: 14px;
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #000000;
	font-weight: bold;
	
}
h3 {
	font-size: 24px;
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #000000;
	font-weight: bold;
	
}
strong {
	font-weight: bold;
	padding:0px 0px 0px 0px;
	
}

img {
	border: none;
	padding:0px 0px 0px 0px;
}
a:link, a:visited {
	color: #a41920;
	text-decoration: none;
}
a:hover, a:active {
	color: #a41920;
	text-decoration: underline;
}
li	{ 
	list-style: disc;
	padding:0px; 
	margin:0px
}
ol li	{
	list-style: decimal; 
}
ul li	{
	list-style: disc 
}
.search_bg{
	background:url(search_bg.gif) no-repeat top left;
	width:201px; 
	height:23px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #375d81;
	vertical-align:top;
	margin-top: 8px;
	margin-bottom: 8px;
}
#SearchContainer Input{ 
	border:none; 
	width:140px !important; 
	HEIGHT:23px; 
	background:none;
	padding:5px 5px 0px 5px;
	vertical-align:top; 
	margin:0px; 
	font-size:12px; 
	color:#000000; 
}
/********************************** Content and Page -Hatcher_main_skin_D  ******************************************************/
#page_wrap {
	background-image: url(bgd-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:transparent;
	clear:both; 
	overflow:visible;
	height:100%;
	width: 100%;
}
#page_container {
	width:960px;
	margin:0px auto;
	height:100%;
}
#header_container {
	background-image: url(bgd-top.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	clear:both; 
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	width:960px;
	height:53px;
}
/*#header_left {
	float:left;
	width:300px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
}
#header_center {
	float:left;
	width:120px;
	height:20px;
	margin-top:56px;
	margin-left:20px;
}
#header_right {
	float:right;
	padding: 20px 20px 23px 0px;
	width:240px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}**/
#menu_wrap { 
	position:relative;
	z-index:2000;
	padding: 0px 0px 0px 0px;
	width:201px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
}
#menu_container {
	background-color:transparent;
	position:relative;
	z-index:2000;
	padding: 4px 0px 4px 0px;
	width:201px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
}
#main_wrap {
	width:960px;
	position:relative;
	padding: 0px 0px 1px 0px;
	margin-left: auto;
	margin-right: auto;
	
}
#content_container {
	background-image: url(content-bgd.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px 0px 0px 0px;
	width:960px;
	overflow: hidden;
	clear:both;
	background-color:transparent;
	margin-left: auto;
	margin-right: auto;
	min-height: 520px;
	
}
/*.TopLeftPane {
	float:left;
	width:595px;
	padding: 0px 0px 0px 40px;
	vertical-align: top;
}
.TopRightPane {
	float:right;
	width:293px;
	padding: 0px 40px 0px 0px;
	vertical-align: top;
}*/
.TopPane {
	background-image: url(header-bgd.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:transparent;
	float:right;
	width:647px;
	height:104px;
	padding: 0px 40px 0px 0px;
	margin-left: 0px;
	vertical-align: top;
}
.ContentPane {
	background-color:transparent;
	float:right;
	width:647px;
	padding: 0px 40px 0px 0px;
	margin-left: 0px;
	vertical-align: top;
}
.ContentPane a:link {
	font-family: Helvetica, Arial, sans-serif;
	color: #562618;
	text-decoration: none;
}
.ContentPane a:visited, a:active {
	font-family: Helvetica, Arial, sans-serif;
	color: #562618;
	text-decoration: none;
}
.ContentPane a:hoover {
	font-family: Helvetica, Arial, sans-serif;
	color: #a41920;
	text-decoration: underline;
}
.LeftPane {
	background-color:transparent;
	float:left;
	width:201px;
	padding: 0px 16px 0px 40px;
	vertical-align: top;
	min-height: 500px;
}
.BottomLeftPane {
	background-color:transparent;
	float:left;
	width:201px;
	padding: 0px 16px 0px 0px;
	vertical-align: bottom;
}
/********************************** Content and Page -home 2 + 3 column skin  ******************************************************/
.HomeColumn1 {
	background-color:transparent;
	float:right;
	width:316px;
	padding: 10px 15px 0px 16px;
	vertical-align: top;
}
.HomeColumn2 {
	background-color:transparent;
	float:right;
	width:316px;
	padding: 10px 40px 0px 0px;
	vertical-align: top;
}
/*.HomeColumn3 {
	float:left;
	width:260px;
	padding: 10px 20px 0px 20px;
	vertical-align: top;
}*/
.RightPane {
	background-color:transparent;
	float:right;
	width:647px;
	padding: 0px 40px 0px 0px;
	margin-left: 0px;
	vertical-align: top;
}
.FooterPane {
	margin-bottom:22px;
	vertical-align: top;
}
#footer_wrap {
	width:960;
	height:200px;
	padding: 0px 0px 0px 0px;
	background-color:transparent;
	background-image: url(footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: top;
	vertical-align: top;
}
#footer_container {
	overflow:hidden;
	clear:both;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}
#footer_left { 
	background-color:transparent;
	float:left;
	width:200px; 
	padding: 20px 0px 0px 0px;
	vertical-align: top;
	margin-left:48px;
}
.footer_left { 
	background-color:transparent;
	float:left;
	width:200px; 
	padding: 20px 0px 0px 0px;
	vertical-align: top;
	margin-left:48px;
}
#footer_center { 
	float:left;
	width:560px; 
	font-size: 10px;
	color:#FFFFFF;
	text-align:center;
	line-height: 14px;
	padding: 160px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}
#menu_container2 {
	background-color:transparent;
	width:560px;
	padding: 0px 0px 0px 0px;
	position:relative;
	z-index:2000;
	overflow: visible;
	text-align:left;
}
#footer_right { 
	width:100px; 
	float:right;
	text-align:right;
	font-size: 10px;
	color:#FFFFFF;
	padding: 90px 40px 0px 0px;
}
#footer_center a:link, a:visited, a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: none;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer_center a:hoover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: none;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}
.legal, a.legal:link a.legal:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	color: #a41920;
	text-decoration: none;
}
a.legal:hover {
	text-decoration: underline;
	color: #a41920;
}

/*
=========================================================================
North Sky Menu ---------- SEO-MENU --------CSS -----dnnNSmenu
=========================================================================
*/

/*
===========================================================
 ID MainMenu
===========================================================
*/
/* root-level menu */
ul#MainMenu {
	display:block;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-left: 4px;
}

/* all SUBMENUS */
/* Typically set borders, background colors here. */
ul#MainMenu .sub {
	background-color: transparent;
	padding: 1px;
	cursor: pointer;
	z-index: 2500;
}

/* all menu items */
/* Typically set menu item borders here. */
ul#MainMenu li {
	display:block;
	width: 190px;
	margin:0px;
	padding: 0px 0px 0px 0px;

}

/* nested menu items */
/* dropdown menu background and text styling*/
ul#MainMenu .sub li {
	background-image: none;
	display:block;
	width: 190px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	color: #562618;
	cursor: pointer;
	font-size:  10px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 12px;
	text-transform: uppercase;
	background-color: transparent;
	letter-spacing:0px;
	
}

/* menu item links */
/* top menu main tab UP state*/
/* Typically set padding, colors, text attributes here. */
/* Also must set background color and opacity here or in nested links to get translucent effect */
ul#MainMenu a {
	background-image: url(btn_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width: 190px;
	height: 27px;
	padding: 5px 0px 0px 0px;
	color: #000000;
	cursor: pointer;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing:0px;
	
}

/* nested menu item links */
/* dropdown menu UP state*/
ul#MainMenu .sub a {
	background-image: none;
	display:block;
	width: 190px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	cursor: pointer;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 12px;
	text-transform: uppercase;
	background-color: #transparent;
	letter-spacing:0px;
}

/* hovered menu item links */
/* top menu main tab OVER state*/
ul#MainMenu a:hover,
ul#MainMenu.root .breadcrumb:hover {
	background-image: url(btn_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width: 190px;
	height: 27px;
	padding: 5px 0px 0px 0px;
	color: #562618;
	cursor: pointer;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	line-height: 18px;
	letter-spacing:0px;
}

/* hovered nested menu item links */
/* dropdown menu OVER state*/
ul#MainMenu .sub a:hover {
	background-image: none;
	display:block;
	width: 190px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	color: #562618;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	background-color: transparent;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing:0px;

}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#MainMenu li:hover ul, 
ul#MainMenu li.hover ul {
	
	/* width of submenu, must be set so third-level list can get shifted over properly */
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#MainMenu .sub li:hover ul, 
ul#MainMenu .sub li.hover ul {
	
}

ul#MainMenu .branch {
}
/* top menu tab ACTIVE state for submenu ACTIVE state***********************************TOP*/
ul#MainMenu.root .breadcrumb {
	display:block;
	width: 190px;
	height: 27px;
	padding: 5px 0px 0px 0px;
	background-image: url(btn_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	cursor: pointer;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	line-height: 18px;
	letter-spacing:0px;
}
/* top menu tab CURRENT state for sub menu ACTIVE state***********************************TOP*/
ul#MainMenu.root .current{
	display:block;
	width: 190px;
	height: 27px;
	padding: 5px 0px 0px 0px;;
	background-image: url(btn_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	cursor: pointer;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	line-height: 18px;
	letter-spacing:0px;
}
ul#MainMenu .sub .current {
	display:block;
	width: 190px;
	height: 12px;
	padding: 0px 0px 0px 0px;;
	background-image: none;
	color: #562618;
	cursor: pointer;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	line-height: 12px;
	letter-spacing:1px;
}
/*
=============================================================================================
END North Sky Menu ---------- 
=============================================================================================
*/

/*--------- dnn footer menu style ----------*/
/* main menu td */
.main_dnnmenu_bar 
{
	cursor:pointer;
	font-size: 11px;
	line-height: 14px;
	background-color:transparent;
	padding: 0px 10px 0px 0px;
}
.menubar {
	margin:2px 0;
	background-color:transparent;
}

/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{
	color: #dac981;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	padding: 0px 10px 0px 0px;
}

.main_dnnmenu_separator {
	padding:0;
	border: 1px solid #dac981;
	
}
/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{
	font-size: 11px;
	text-align:left;
	padding: 0px 10px 0px 0px;
	color: #dac981;
	text-decoration: underline;
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	font-size: 11px;
	padding: 0px 10px 0px 0px;
	color: #dac981;
	text-decoration: underline;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	z-index: 2000;
	background-color: #666666;
	border: 1px solid #666666;
}

.main_dnnmenu_submenu td
{
	z-index: 2000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align:left;
	padding: 0px 10px 0px 0px;
	color: #dac981;
	font-weight: normal;
	
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
{
	font-size: 11px;
	color:#dac981;
	text-align:left;
	z-index: 2000;
	padding: 0px 10px 0px 0px;
	background-color: #000000;
	font-weight: normal;
}

.main_dnnmenu_break
{
	height: 2px;
}
a:link, a:visited {
	color: #562618;
	text-decoration: none;
	font-size: 12px;
}
a:hover, a:active {
	color: #562618;
	text-decoration: underline;
	font-size: 12px;
}
/********************************** News Article Styling  ******************************************************/

.featuredArticle {
}
.featuredImage {
	float: left;
	width: 96px;
	padding-bottom:5px;
}
.featuredContent {
	float: left;
	width: 188px;
        padding-left:10px;
}
.featuredContent2 {
	float: left;
	width: 541px;
        padding-left:10px;
}
.featuredTitle {
	font-size: 18px;
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #562618;
	font-weight: bold;
	font-size: 20px;
	font-weight: bold;
}
.featuredLink a {
	padding: 5px 0;
	color: #FF0000;
	font-size: 12px;
}
.featuredLink a:hover {
	text-decoration: underline;
}
.clear {
	clear:both;
}
.listingContent {
	float: left;
	width: 458px;
        padding-left:10px;
}
.listingContent2 {
	float: left;
	width: 647px;
        padding-left:10px;
}