/* CSS Document */

/*  ===================================================  
 	===================================================  
	
	Description: St. Francis structure style sheet
	Author: Sean Kabanuk
	Release date: 12/21/07	 
	Designer approved: Sean Kabanuk
	Date approved: 09/02/08
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	12/21/07
						Sean Kabanuk	06/12/08
						Sean Kabanuk	09/02/08
						
  	=================================================== 
  	===================================================  */ 
	

body {
	background: #C0C1C1 url(../images/bk-gray.gif) repeat-x;
	margin-top: 30px;
	}
	
#globalContainer {
	clear: both; /* clears float right on fast finder */
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #858688;
	background: #fff;
	}
	

/*  ===================================================  */
/*  DEFINES TOP BANNER */
/*  ===================================================  */

#branding {
	width: 730px;
	height: 115px;
	margin: 0px 0px 0px 0px;
	background: url(images/branding_bckgrnd.gif) right no-repeat;
	}
	
	.clientLogo {
	float: left;
	margin: 10px;
		}
	
		
/*  ===================================================  */
/*  DEFINES SPOTLIGHT NAV */
/*  ===================================================  */


#spotlightNavRow {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRow ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	list-style-type: none;
	color: #fff;
	} 
  
 #spotlightNavRow ul li {
  	display: inline;
  	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	} 
 
 #spotlightNavRow ul li a {
	display: inline;
	padding: 0px 5px 0px 5px;
	margin:  0px;
	color: #858688;
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} 
 
  #spotlightNavRow ul a:hover {
	text-decoration: underline;
	}

	
/*  ===================================================  */
/*  DEFINES PRIMARY NAV */
/*  ===================================================  */

#primNavContainer {
	/*	clear: both; */
	width: 725px;
	height: 26px;
	position: relative;
	float: left;
	margin-left: 5px;
	}
	
		
	#primNavRowContainer {
	position: absolute;
	float: left;
	height: 31px;
	width: 728px;
	top: 1px;
		}
		
/* defines ul for primary nav row */

	#primNavRow {
		width: auto;
		margin: 0px 1px 0px 1px;
		padding: 0px;
		}
		
	
	#primNavRow li {
	display: block;
	float: left;
	position: relative;
	height: 26px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 3px 0px 3px;
	background: url(../images/navbutton_bckgrnd.gif) repeat-x left;
	border: 1px solid #6b79ba;
		/*list-style: none;*/
		}
		
		* html #primNavRow li {
			padding-bottom: 0px;
			/* commented backslash hack v2 \*/
			padding-bottom: 0px;
			p\adding-bottom: 0px;
			/* end hack */
			}
		
	#primNavRow li a {
	display: block;
	padding: 6px 13px 7px 13px; /* controls the width of the main nav item */
	color: #6b79ba; /* controls the off-state text color on the subnav */
	text-decoration: none;
		}
		
		 #primNavRow a:hover {
	color: #666666;
	background: #ECECF4 url(none);
			}

	#primNavRow li ul { 
		top: 100%;
	left: -1px;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	width: 210px;
	background: #ECECF4;
	border-top: 1px solid #6b79ba;
	border-bottom: 6px solid #6b79ba;
	border-left: 1px solid #6b79ba;
	border-right: 1px solid #6b79ba;
		}

	
	#primNavRow li ul li {
		width: 210px; /* controls the width of the subnav item */
		padding: 0px;
		margin: 0px;
		height: 22px;
		border: none;
		background-image: none;
		}
	

	#primNavRow li li a {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		margin: 0px;
		padding: 4px 0px 4px 0px;
		width: 100%;
		}
		
		html>body #primNavRow li li a {
			width: auto;
			}

	#primNavRow li li a:hover {
	color: #FFFFFF; /* controls the over-state text color on the subnav */
	background: #6b79ba;
		}
	
#primNavRow li:hover div, li.over div {
	display: block;
	}
	
/* defines styles for drop down nav*/

.subNavDiv {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	}

.subNavIframeContainer{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1;
	}
 	
.subNav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

.subNav li>ul {
	top: auto;
	left: auto;
	}
	
.subNav li {
	display: block;
	float: none;
	border: 0;
	} 



/*  ===================================================  */
/*  DEFINES SECONDARY NAV */
/*  ===================================================  */


#secNavContainer {
	width: auto;
	text-align: right;
	padding: 0px 15px 0px 15px;
	}
	
#secNavContainer ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #8a9250;
	line-height: 13px;
	}

	#secNavContainer li {
		color: #8e8248;
		padding: 8px 0px 3px 0px;

		}

	#secNavContainer li a {
	padding: 0px;
	text-decoration: none;
	color: #5A5F64;
	font-size: 100%;
		}

	#secNavContainer li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #7877C1;
	color: #7877C1;
		} 


/*  ===================================================  */
/*  DEFINES MAIN PROMO AREA */
/*  ===================================================  */

#welcomeContainer {
	float: left;
	width: 179px !important; /* Safari, IE5/Mac */
  	width: 177px; /* IE5/5.5/WIN */
	width/**/:/**/179px; /* IE6/WIN */
	height: 200px;
	margin-top: 6px;
	background-color: #96975f;
	border-top: 1px solid #5f5f3c;
	border-bottom: 1px solid #5f5f3c;
	}
	
	#welcomeNest {
		width: auto;
		padding: 15px 10px 10px 10px;
		}
	
#homePromo {
	float: left;
	margin-top: 6px;
	border-top: 1px solid #5f5f3c;
	border-bottom: 1px solid #5f5f3c;
	}


/*  ===================================================  */
/*  DEFINES FAST FINDER */
/*  ===================================================  */


#fastFinder {
	margin: 0px 0px 0px 179px;
	padding: 5px 0px 0px 0px;
	}
	
#fastFinderInside {
	width: 720px;
	margin-top: 10px;
	padding: 1px 10px 0px 0px;
	background: #d3d7ab;
	border-top: 1px solid #5f5f3c;
	border-bottom: 1px solid #5f5f3c;
	height: 25px;
	float: left;
	}
	
#fastFinderContainer {
	color: #5f5f3c;
	} /* allows us to hide the form elements when clicking on main nav rollovers...due to IE Z index rendering issue */
	
	

/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#mainContentContainerHome {
	width: 730px;
	clear: both;
	float: left;
	padding: 0px;
	background: #fff url(images/stainedglass_home_bckgrnd.gif) top right no-repeat;
	}
	
	#HomeleftBckgrnd {
	width: 728px;
	background: url(images/stained_homeleft_bckgrnd.gif) top left no-repeat;
		}
	
	#contentContainerHomeNest {
		padding: 0px 0px 0px 0px;
		width: auto;
		} /* seperates fast finder form content columns */
		
		
#mainContentContainerInside {
	float: none !important; /* Safari, IE5/Mac */
	float: left; /* IE5/5.5/WIN */
	float/**/:/**/left; /* IE6/WIN */
	width: auto;
	padding: 0px;
	}
	
	#InsideLeftBckgrnd {
	float: none !important; /* Safari, IE5/Mac */
	float: left; /* IE5/5.5/WIN */
	float/**/:/**/left; /* IE6/WIN */
	width: auto;
	margin: 0px;
		}

	#contentContainerInsideNest {
	float: none !important; /* Safari, IE5/Mac */
	float: left; /* IE5/5.5/WIN */
	float/**/:/**/left; /* IE6/WIN */
	margin: 0px;
	width: auto;
	background: url(../images/2col_bckgrnd.gif) repeat-y left top;
		} /* contains column divider background */
		
/* DEFINES CONTENT CONTAINERS FOR CONTENT PAGE */

#columnOne {
	float: left;
	width: 160px;
	background: url(../images/vinesLeftBottom.gif) no-repeat 0px 200px;
	height: 475px;
	}
	
#columnOneHome {
	width: 690px;
	padding: 20px;
	background: url(../images/vinesLeftBottom.gif) no-repeat left bottom;
	float: left;
	}
	
	
#columnTwo {
	float: left;
	width: 500px;
	}
	
	#columnTwoNest {
	width: auto;
	padding: 0px 0px 0px 15px;
	float: left;
		}

#columnOneSingle {
	width: 750px;
	}
	
	#columnOneSingleNest {
		width: auto;
		margin: 0px 140px 0px 80px;
		}
		
#breakingNewsContainer {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	}
	
#upcomingEventsContainer {
	float: left;
	width: 220px;
	margin: 0px 0px 10px 20px;
	}
	
#newsReleasesContainer {
	clear: both;
	float: left;
	width: 250px;
	border-top: 1px solid #7c8589;
	padding-top: 10px;
	}
	
.homeContentDivider {
	width: 220px;
	height: 1px;
	border-top: 1px solid #7c8589;
	margin: 10px 0px 5px 0px;
	}
		
/* DEFINES UL FOR BREAKING NEWS, UPCOMING EVENTS, AND NEWSRELEASES */
	
	#breakingNewsContainer ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 14px;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #8a9250;
		line-height: 13px;
		}

	#breakingNewsContainer li {
		padding-top: 7px;
		color: #8a9250;
		padding: 5px 0px 3px 0px;
		}

	#breakingNewsContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #8a9250;
		font-size: 100%;
		}

	#breakingNewsContainer li a:hover {
		color: #8a9250;
		text-decoration: underline;
		} 
		
		
	#upcomingEventsContainer ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 14px;
		padding: 0;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #8a9250;
		line-height: 13px;
		}

	#upcomingEventsContainer li {
		padding-top: 7px;
		color: #8a9250;
		padding: 5px 0px 3px 0px;
		}

	#upcomingEventsContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #8a9250;
		font-size: 100%;
		}

	#upcomingEventsContainer li a:hover {
		color: #8a9250;
		text-decoration: underline;
		} 
		
	#newsReleasesContainer ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 14px;
		padding: 0;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #8a9250;
		line-height: 13px;
		}

	#newsReleasesContainer li {
		padding-top: 7px;
		color: #8a9250;
		padding: 5px 0px 3px 0px;
		}

	#newsReleasesContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #8a9250;
		font-size: 100%;
		}

	#newsReleasesContainer li a:hover {
		color: #8a9250;
		text-decoration: underline;
		} 
		
/* hides breaking news and events items */

/* .breakingNews4 { 
	display: none;
	} */

.breakingNews5 { 
	display: none;
	}
	
/* .upcomingEvents4 { 
	display: none;
	} */

.upcomingEvents5 { 
	display: none;
	}
	
.newsRelease5 { 
	display: none;
	}
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	padding: 3px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 11px;
	}
	
#copyrightcontainer {
	float: left;
	}
	
#legalcontainer {
	clear: both;
	}
	
#copyrightDate {
	float: left;
	}
	
#footerHolder {
	clear: both;
	height: 1px;
	} /* hacks the main container div to stretch height for all child divs */
	
	* html #footerHolder {
		/* commented backslash hack v2 \*/
 		display: none;
  		d\isplay: none;
  		/* end hack */
		}
		
/*  ===================================================  */
/*  DEFINES ONLINE TOUR ELEMENTS */
/*  ===================================================  */


#tourHeadContainer {
	width: auto;
	background: #bdc28f;
	height: 20px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	border-top: 1px solid #747567;
	border-left: 1px solid #747567;
	border-right: 1px solid #747567;
	}
	
#tourButtonsContainer {
	float: right;
	}
		
.tourPhoto {
	float: left;
	border-right: 1px solid #747567;
	}
	
#tourContent {
	float: left;
	width: 180px;
	margin: 10px;
	}
	
#tourContainer {
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #747567;
	}
	
		

/*  ===================================================  */
/*  DEFINES MISCELLANEOUS ELEMENTS */
/*  ===================================================  */


	
#footerHack {
	clear: both;
	width: auto;
	}

.contentPhoto {
	float: right;
	margin: 15px 0px 10px 10px;
	border: 1px solid #63643f;
	}
	
#fastFactClin ul {

}
	
	#fastFactClin ul li {

	
		}	
	
#iBoxContainer {
	width: auto;
	text-align: right;
	padding: 0px 15px 0px 8px;
	}

.contentTable {
	border: 1px solid #b1b19f;
	background: #ecedd4;
	}
	
.contentTableColumn {
	padding: 3px 8px 3px 8px;
	background-color: #C6CFC3;
	border-bottom: 1px solid #d9dbc1;
	}
	
	.contentTableRow {
	padding: 3px 8px 3px 8px;
		}
		
	.contentTableRowAlternating {
	padding: 3px 8px 3px 8px;
	border-bottom: 1px dotted #d9dbc1;
		}

#columnBoxLeft {
	width: 230px; 
	height: 240px; 
	margin: 10px 10px 0px 0px; 
	padding: 10px; 
	float: left; 
	background: #ecedd4; 
	border: 1px solid #b1b19f;
	}
	
#columnBoxRight {
	width: 230px; 
	height: 240px; 
	margin: 10px 0px 0px 0px; 
	padding: 10px; 
	float: left; 
	background: #ecedd4; 
	border: 1px solid #b1b19f;
	}
	
#popupContent {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	padding: 5px 10px 5px 10px;
	background: #f6f7e6;
	border: 1px solid #000;
	}
	
#homePromoContainer {
	margin: 10px -11px 0px;
	width: 750px;
	background: #FFF;
	border-top: 1px solid #858688;
	border-right: 1px none #858688;
	border-bottom: 1px solid #858688;
	border-left: 1px none #858688;
	float: left;
	}
	
#homePromoContainerNest {
	margin: 10px;
	height: 180px;
	width: 732px;
	}
	
#homePromoContainerNest img {
	border: 1px solid #858688;
	}

#globalContainerNest {
	border: 1px solid #858688;
	margin: 10px;
	background: url(../images/vinesRightTop.gif) no-repeat right top;
	width: 730px;
}