﻿/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Ascentium
      Author: Jeremiah Raidt
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

body  {
	background: #eeecc6 url(../images/bkgrd.jpg) repeat-x;
	margin-top: 0px;
	background-position: left top;
}
a:link  {
	color: #D69C10;
	text-decoration: none;
}
a:visited {
	color: #D69C10;
	text-decoration: none;
}
a:hover {
	color:#ecb850;
	text-decoration: none;
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #336600;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 0.4em;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 5px;

	color: #336600;
}

h3 {
	font-size: 1.4em;
	color: #336600;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top:8px;
}
h4{
	font-weight: bold;
	color: #A65C04;
	margin-bottom: 10px;
	font-size: 0.7em;
}
h5 {
	/*height: 22px;
	width: 100%;
	padding-left: 10px;
	vertical-align: middle;
	font-weight: bold;
	color: #336600;
	padding-top: 7px;
	margin-bottom: 8px;
	background-image: url(../images/sectionHdr_bkgrd_lrg.jpg);
	background-repeat: repeat-x;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3BF81;*/
}
.subheadBar {
	height: 22px;
	width: 100%;
	padding-left: 10px;
	vertical-align: middle;
	font-weight: bold;
	color: #336600;
	padding-top: 3px;
	margin-bottom: 8px;
	background-image: url(../images/sectionHdr_bkgrd_lrg.jpg);
	background-repeat: repeat-x;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3BF81;
}


/*Rounded Corner Containers*/
.sectionCat {
	width: 215px;
	display: inline-block;
	position: relative;
	float: left;
	background-image: url(../images/sections/section_box_bkgrd.gif);
	background-position: center top;
	margin-right: 2px;
	margin-left: 2px;
}
.sectionBoxTop {
	background-image: url(../images/sections/section_box_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 215px;
}
.sectionBoxBottom {
	background-image: url(../images/sections/section_box_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	width: 215px;
	margin-top: 10px;
}
.sectionTitle {
	text-align: center;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 36px;
	width: 215px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}
.sectionContent {
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 15px;
}
.sectionContent p {
	font-size: 0.8em;
	color: #422602;
	margin-top: 4px;
	height: auto;
}
.sectionContent img {
	float: left;
	margin-right: 8px;
	margin-bottom: 0px;
	border: 1px solid #C3BF81;
	padding: 1px;
}
#sectionContainer {
	width: 672px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}

 /**************************************/
/*        BODY CONTENT                */
/**************************************/ 

/*Body Container Content*/
.oneColFix #mainContent p{
	padding-bottom: 1.2em;
	line-height: 1.2em;
	color: #4D4C37;
}
/* Floating is for image gallery template */
.floating ol   {
	margin-top: 0.8em; 
	 margin-bottom: 1.6em;
	margin-left: 1em; 
}
.floating li    {
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 0.6em;
	line-height:1.2em;
	color: #4D4C37;
	padding-left: 0px;
	margin-left: 20px;
}

#leftCol #content {
	background-color: #FFFFFF;
	padding:10px 25px 15px 25px;
	border: 1px solid #C3BF81;
	width: 585px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	position: relative;
}
#leftCol #content ul   {
	/*margin-top: 0.8em; 
	 margin-bottom: 1.6em; */
	margin-left: 1em; 
}
#leftCol #content li    {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 0.6em;
	line-height:1.2em;
	color: #4D4C37;
	padding-left: 0px;
	margin-left: 20px;
}
#leftCol #contentSub {
	background-color: #FFFFFF;
	padding: 8px 15px 15px 15px;
	border: 1px solid #C3BF81;
	width: 455px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	display: block;
	clear: none;
	left: 0px;
	top: 0px;
}
#leftCol #contentSub ul {
	margin-top: 0.7em;
	margin-left: 2em;
}
#leftCol #contentSub li  {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: .6em;
	line-height:1.2em;
	color: #4D4C37;
}
#leftCol #content ol {
	padding-left: .5em;
	margin-top: .7em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#leftCol #contentSub ol {
	padding-left: .5em;
	margin-top: .7em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#leftCol #content .arrow  ul  {
	margin-top: .9em;
}
#leftCol #content .arrow   li  {
margin-left:.4em;
	padding-left: 1.2em;
	list-style-type: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-top: 0px;
	margin-bottom: 0.6em;
}
#leftCol #contentSub .arrow  ul  {
	margin-top: .9em;
}
#leftCol #contentSub .arrow   li  {
	margin-left:.4em;
	padding-left: 1.2em;
	list-style-type: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-top: 0px;
	margin-bottom: 0.6em;
}

#leftCol #content .block ul  {
	margin-top: .9em;
}
#leftCol #content .block li  {
	margin-left:.4em;
	padding-left: 1.2em;
	list-style-type: none;
	background-image: url(../images/block.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-top: 0px;
	margin-bottom: 0.6em;
}

#leftCol #contentSub .block ul  {
	margin-top: .9em;
}
#leftCol #contentSub .block li  {
	margin-left:.4em;
	padding-left: 1.2em;
	list-style-type: none;
	background-image: url(../images/block.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-top: 0px;
	margin-bottom: 0.6em;
}
#leftCol #content #galleryDetailRtCol .recipeList ul {
	list-style: none;
	margin-top: 0.9em;
	margin-bottom: 1.8em;
	margin-left: 0;
	padding-left: 0;
}

#leftCol #content #galleryDetailRtCol .recipeList li  {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0.6em;
	margin-left:-.8em;
	padding-left:0;
}

/*.oneColFix #container #mainContent .twoColContainer #leftCol #content #galleryDetailRtCol ul li {
	margin-left: 10px;
}*/


.oneColFix #container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px margin;
	width: 960px;
}



/*HEADER CONTENT*/

#logo {
	background-image: url(../images/pbnw_logo02.gif);
	background-repeat: no-repeat;
	height: 127px;
	width: 346px;
	top: -5px;
	left: -65px;
	z-index: -5000;
	float: left;
	position: absolute;
	
}
.oneColFix #header {
	padding-top: 0px;
	/*height: 175px;*/
	float: left;
	/*clear: left;*/
	width: 960px;
	position: relative;
	z-index: 1000;
}
.oneColFix #header a:link, .oneColFix #header a:visited  {
	text-decoration: none;
	color: #854F06;
}
.oneColFix #header a:hover {
	color:#ecb850;
}



/*FOOTER CONTENT*/
.oneColFix #footer {
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	position: relative;
	height: 50px;
	width: 940px;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C3BF81;
	border-right-color: #C3BF81;
	border-bottom-color: #C3BF81;
	border-left-color: #C3BF81;
}
.oneColFix #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .8em;
	color: #a4781b;
}
.oneColFix #homeFooter{
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	position: relative;
	height: auto;
	width: 940px;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C3BF81;
	
}
.oneColFix #homeFooter table tr {
	font-size: .9em;
	color:#a4781b;

}
.oneColFix #homeFooter table tr a:link, .oneColFix #homeFooter table tr a:visited {
	font-size: .9em;
	padding: none;

}
.oneColFix #homeFooter table tr td{
padding-left: 5px;}


.oneColFix #homeFooter table tr a:hover {
	font-size: .9em;
	color: #ecb850;
}

#homeFooter p{
	font-size: .9em;
	color: #a4781b;
}


.oneColFix #mainContent {
	position: relative;
	float: left;
	z-index: 10;
}
.twoColContainer {
	width: 960px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.twoColContainer #rightCol {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 15px;
	text-align: right;
	top: 0px;
	/*z-index: 5000;*/
}
.twoColContainer #leftCol {
	/* margin: 0 300px 0 0; the right margin on this div element creates the column down the right side of the page - no matter how much content the rightCol div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px
	margin-right: 325px;
	position: relative;
} 
#pageHeaderShare  img {
	margin-left: 5px;
	vertical-align: bottom;
}
#pageHeaderShare {
	width: 140px;
	text-align: right;
	vertical-align: bottom;
	position: relative;
	padding-top: 10px;
	float:right;
	position:relative;
	bottom: 0px;
}
#pageHeaderContainer {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #ceca93;
	width: 635px;
	min-height: 30px;
	vertical-align: text-bottom;
	float: left;
	position: relative;
	padding-bottom: 5px;
	padding-top: 15px;
}
.pageHeader h1 {
	width: 450px;
	line-height: auto;
	display: inline-block;
	float: left;
	position: relative;
	height:auto;
}


#galleryDetailLftCol {
	float: left;
	width: 120px;
}

#galleryDetailRtCol {
	float: left;
	margin-left: 15px;
	width: 445px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfloatLeft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    line-height: 0px;
}

 /**************************************/
/*              TABLES                */
/**************************************/
 
#listViewTable table {
border-collapse: collapse;
border: 1px solid #C3BF81;
font: normal 1.1  arial, helvetica, verdana, sans-serif;
color: #000;
/*background-color: #FFF;*/
}
#listViewTable caption   {
	text-align: left;
	font: bold 1.2em;
	background: transparent;
	padding:6px 4px 4px 0px;
	color: #336600;
	text-transform: capitalize;
}
#listViewTable td, #listViewTable th {
border-bottom: 1px dotted #C3BF81;
padding: .6em;
color: #363636;
}

#listViewTable thead th {
font: bold .8em  arial, helvetica, verdana, sans-serif;
border-left: none;
border-top: 1px solid #C3BF81;
border-bottom: 1px solid #C3BF81;
text-align: left;
background-color: #fff;
color: #d88605;
padding:10px 7px;
text-transform: uppercase;
}
#listViewTable tfoot th {
font: bold .8em  arial, helvetica, verdana, sans-serif;
border-bottom: 1px solid #C3BF81;
text-align: left;
background-color: #fff;
color: #d88605;
padding: 8px 6px;
text-transform: uppercase;
}
#listViewTable tbody td a {
background-color: transparent;
text-decoration: none;
color: #d88605;
}
#listViewTable tbody td a:hover {
background-color: #e0dec0;
}
#listViewTable tbody th a {
font: normal 1.1em arial, helvetica, verdana, sans-serif;
background: transparent;
text-decoration: none;
font-weight:normal;
color: #363636;
}
#listViewTable tbody th a:hover {
background-color: transparent;
color: #363636;
}
#listViewTable tbody th, #listViewTable tbody td {

vertical-align: top;
text-align: left;
}
.firstcell {
border-right: 1px solid #C3BF81;
}
#listViewTable tfoot td {
	background-color: #CCCCCC;
	padding-top:3px;
	color: #363636;
}
#listViewTable tbody tr.odd td{
background-color: #f3f2e0;
}
#listViewTable tbody tr:hover {
background-color: #e6e4c6;
color: #FFF;
}
#listViewTable tbody tr:hover td,
#listViewTable tbody tr.odd:hover td {
background-color: #e6e4c6;
color: #000;
}


/* PRODUCE GUIDE */
.produceGuide tbody tr td {
padding: 10px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#mainNavContainer {
	z-index: 100;
	float: right;
	width: 660px;
	position: relative;
	margin-right: 0px;
	clear: both;
	height: 54px;
}


/*RIGHT MAIN NAV STACKED LIST*/
#mainNavLinks li  {
	list-style-type: list-style: disc url(../images/mainNav/arrow01.gif) outsside;
	padding-bottom: 2px;
	list-style-position: outside;
	list-style-image: url(../images/mainNav/arrow01.gif);
}
#mainNavLinks     a:link    {
	font-size: .9em;
}
#mainNavLinks     {
	padding-top: 4px;
	float: left;
	margin-left: 20px;
}

/*TOP RIGHT NAV LIST*/
#miniNav {
	height: 45px;
	margin-top: 0px;
	font-size: 0.9em;
	font-weight: normal;
	float: right;
	padding-top: 13px;
	padding-right: 15px;
	text-align: right;
	position: relative;
}
#miniNav a:link, #miniNav a:visited {
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}


/*MAIN NAV GRAPHIC BUTTONS*/
#mainNav
{	margin: 0;
	padding: 0}

#mainNav li {
	display: inline-block;
	list-style-type: none;
	float: left;
	position: relative;
}

#mainNav    li  ul 
		{
	padding: 0;
	border-top:1px solid white;
	position: absolute;
	visibility: hidden;
	top: 27px;
	left: -150px;
}

#mainNav li ul a{
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	}





/*SIDENAV*/
#sideNavContainer {
	border: 1px solid #CECA93;
	width: 150px;
	float: left;
	position: relative;
	margin-left: 0px;
	position: relative;
	margin-top: 0px;
	clear: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	left: 0px;
	top: 0px;
}

#sideNav {
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	}
	
#sideNav  li {
	background-image:none;
	border: 1px solid #FFFFFF;
}	

#sideNav li a:link, #sideNav li a:visited {
	height: 17px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	text-transform: uppercase;
	color: #b56f02;
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	background-image: url(../images/sideNav/sideNavBkgrd.gif);
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}		
#sideNav li a:hover {
	//color: #FFF	//padding: 4px 0 0 10px;
	background-image: url(../images/sideNav/sideNavBkgrd.gif);
	background-position: 0 -23px;
	}
	
#sideSubNav li{
	padding-bottom: 0px;
	background-color: #FFFFFF;
	background-image:none;
}	
#sideSubNav li a:link, #sideSubNav li a:visited {
	font-size: 0.7em;
	padding-left:18px;
	color:#b56f02;
	background-image: none;
	height: 18px;
}	

#sideSubNav {
	background-color: #FFFFFF;
	background-image:none;
}
		
		

/*DROP DOWN NAV CONTENT*/
/*MAIN NAV DROP POSITIONING*/
.leftNavDropdown {
	padding: 0;
	border-top:1px solid white;
	position: absolute;
	visibility: hidden;
	top: 29px;
	left: -188px;
	margin-left: 30px;
	}
.centerNavDropdown {
	padding: 0;
	border-top:1px solid white;
	position: absolute;
	visibility: hidden;
	top: 29px;
	left: -185px;
	margin-left: -110px;
	}
.rightNavDropdown {
	padding: 0;
	border-top:1px solid white;
	position: absolute;
	visibility: hidden;
	top: 29px;
	left: -185px;
	margin-left: -248px;
	}
#mainNavSubContainer{
	width: 660px;
	border: 1px solid #ceca93;
	z-index: 10000;
	background-image: url(../images/mainNav/bkgrd.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: auto;
	margin: 0px;
	float: none;
	top:24px;
	position: absolute;
}
#mainNavSubContainer #linkContainer {
	height: auto;
	width: 658px;
	float: left;
	position:relative;
}
#mainNavSubContent{
			float: left;
	position: relative;
	margin: 0 auto;
	margin-top: 80px
}
.mainNavSubList {
	display: inline-block;
	float: left;
  /*position: relative;*/
	margin-top: 18px;
	margin-right: 20px;
	margin-left: 42px;
	width: 155px;
	margin-bottom: 5px;
	text-align: left;
}
.mainNavSubList h4 a:link{
display: block;
text-transform:capitalize;
	text-align: left;
	font-size: 1.8em;
	color: #CF7406;
	font-weight: bold;
	margin-bottom: 8px;
}
.mainNavSubList h4 a:visited{
display: block;
text-transform:capitalize;
	text-align: left;
	font-size: 1.8em;
	color: #CF7406;
	font-weight: bold;
	margin-bottom: 8px;
}

.mainNavSubList h4 a:hover{

	color: #CF7406;
	
}
.mainNavSubLink {
	display: block;
	width: auto;
	height: auto;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 4px;
}
.mainNavSubLink a{
	display: block;
	}

#imageContainer{
	/*background: url(/images/mainNav/fpo_dropdown_img.png);
	height: 211px;
	width: 660px;
	float: left;
	position: relative;
	*/clear: right;
}
#mainNavSub{
	margin: 18px 30px 30px 30px;
}
#mainNavSub  li{
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
}

#mainNavSub ul{
	height: auto;
	width: 200px;
	display: inline-block;
	border: thin dotted #666666;
	text-align: left;
	margin: 0px;
	float: left;
	
}



/*BREADCRUMB NAVIGATION*/

#breadContent {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 950px;
	z-index: -100;
	margin-top: 5px;
	float: left;
	position: relative;
}
#bread {
	color: #000;
	padding: 3px;
	width: 505px;
	float: left;
	}
#breadDropDown {
	width: auto;
	float: left;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
#bread    a:link,#bread  a:visited {
	color: #DCAB34;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
}


#leftCol   .galleryContent {
	background-color: #FFFFFF;
	border: 1px solid #C3BF81;
	width: 630px;
}
.galleryFilter {
	font-size: 0.9em;
	text-align: right;
	vertical-align: middle;
	height: 25px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 10px;
	color: #666666;
}

.galleryHeader {
	background-color: fcbe35;
	background-image: url(../images/titlebar_bkgrd.gif);
	background-repeat: repeat-x;
	margin: 1px;
	height: 20px;
	width: auto;
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 5px;
}
.galleryHeader a:link, .galleryHeader a:visited  {
	color:#FFFFFF;

}


.galleryPics img {
	border: 1px solid #C3BF81;
	padding: 1px;
}
.galleryPics {
	float: left;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 17px;
	text-align: center;
	display: inline;
	width: 120px;
	display: -moz-inline-stack; /* mozilla */
	display: inline-block; /* IE needs it given in two separate rules for a block element so see CC below */
	vertical-align: top;
	margin-top: 10px;
}

.galleryDescription {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 50px;
}
.galleryDescription a:link, .galleryDescription a:visited {
	font-weight: bold;
}
.galleryBtnViewAll  {
	width: 100px;
	float: right;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	display: block;
}
.galleryBtnViewAll a {
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: underline;
}
#border         {
	border: 1px solid #C3BF81;
	padding: 1px;
}
.border         {
	border: 1px solid #C3BF81;
	padding: 1px;
}

#miniNav a:hover {
	color:#ecb850;
	text-decoration: none;
}
#tabContainer {
	width: 450px;
	position: relative;
	height: 26px;
	padding-left: 15px;
	clear: left;
}
#tabContainer li {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
#tabContainer  .off  {
	background-image: url(../images/recipes_lifestyle/gallery_tab_off.gif);
	height: 21px;
	width: 106px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}
#tabContainer .on {
	background-image: url(../images/recipes_lifestyle/gallery_tab_on.gif);
	text-align: center;
	vertical-align: middle;
	height: 21px;
	width: 145px;
	padding-top: 5px;
}
#clickLogo {
	height: 127px;
	width: 270px;
	position: absolute;
	z-index: 200;
	left: 0px;
	top: 0px;
}

.listboxContainer {
	float: left;
	position:relative;
	padding-top: 15px;
	padding-bottom: 15px;
	height: auto;
	width: 100%;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #C2C082;
	clear:both;
}
.listboxContainer img {
	float: left;
	position:relative;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: auto;
}
.listboxContainer p {
	height: auto;

}
.detailSmallGallery {
	margin-top: 35px;
	position: relative;
}
.viewAll a:link, .viewAll a:visited {
	font-size: 0.9em;
	text-decoration: underline;
	float: right;
	font-weight: normal;
	text-transform: capitalize;
	padding-right: 10px;
	margin-top: 0px;
}


/*HOME PAGE*/
#homeBackground {
	background-image: url(../images/hm_bkgrd.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 425px;
	width: 958px;
	height: auto;
}
.dottedLine {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #ABA060;
	width: 100%;
}
.sectionCatHomePage {
	width: 215px;
	display: inline-block;
	position: relative;
	float: left;
	background-image: url(../images/sections/section_box_bkgrd.gif);
	background-position: center top;
	margin-right: 2px;
	margin-left: 150px;
	margin-top: 325px;
	margin-bottom: 70px;
}
.hmRightContainer {
	width: 438px;
	position: absolute;
	left: 375px;
	top: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.hmRightTop {
	background-image: url(../images/hm_rtcol_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 438px;
}
.hmRightBottom {
	background-image: url(../images/hm_rtcol_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	width: 438px;
}
.hmRightContent {
	background-image: url(../images/hm_rtcol_mid.gif);
	background-repeat: no-repeat;
	width: 100%;
	padding-left: 8px;
}
.hmBannerLeft {
/*	background-image: url(../images/hm_banner_left.gif);*/
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	height: 95px;
	width: 214px;
	margin-top: 4px;
}
.hmBannerRight {
	/*background-image: url(../images/hm_banner_right.gif);*/
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	height: 95px;
	width: 214px;
	text-align: right;
	margin-left: 8px;
	margin-top: 4px;
}
input{
margin-bottom: 5px;
border: 1px solid #C3BF81;
}
.citation {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.2em;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
}
a {
	color: #D69C10;
	text-decoration: none;
}

