﻿/***********************************************

This page contains styles specifc to the FranciscanAlliance.master master page.

************************************************/
/*==============================
1 Reset
===============================*/
.s4-ca a,.s4-ca a:link,.s4-ca a:focus,.s4-ca a:hover,.s4-ca a:active { outline: none; color:#005695; }

.s4-ca del,.s4-ca ins { text-decoration: none; }

.s4-ca caption,.s4-ca th { text-align: left; }

.s4-ca sup { vertical-align: baseline; }

.s4-ca sub { vertical-align: baseline; }


/* Clearfix */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

/*.clearfix { display: inline-block; }*/
.clearfix { display:block; }

.s4-ca a, .s4-ca :focus { outline: none; }

.s4-ca a img{
	border:none;
}

.s4-ca button {
	border: 0px;
	cursor: pointer;
}

/*==============================
1.1. Defaults,  h1, h2, h3, h4, h5, a
===============================*/
.s4-ca h1 { font-size: 24px; }

.s4-ca h2 { font-size: 20px; }

.s4-ca h3 { font-size: 18px; }

.s4-ca h4, h5, h6 { font-size: 16px; }

.s4-ca ul,.s4-ca ol {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

/*.s4-ca ul{list-style-image:url('/Style%20Library/Images/design/elem/listArrow.png');}*/

.s4-ca ol { padding-left: 25px; }

.s4-ca ol li {margin-top:10px;}

/*.s4-ca ul { padding-left: 25px; }*/

*/

.s4-ca p { padding: 0px 0px 12px 0px; }

.s4-ca a:hover,.s4-ca a:visited:hover { text-decoration: none;  }

.s4-ca a,.s4-ca a:link,.s4-ca a:visited { color: #005695;  }

.floatLeft { float: left; }

.floatRight { float: right; }

.alignCenter { text-align: center; }

.bg-none { background: none !important; }

.s4-ca .grey-w218 p a:link img, .grey-w218 img { outline: none; border:0px; }

/*===========================================================================
2 Page
===========================================================================*/

.page { background: url(../../images/design/bg/page-bg.jpg) repeat-x center top; }

.globalWrapper { min-height: 1160px; }

/*========================================================================================
 3 Header
========================================================================================*/ 

.headerWrapper {
	margin: 0 auto;
	width: 996px;
	position: relative;
	z-index: 100;
}

.headBotWrap {
	clear: both;
	padding: 7px 0 0 0;
}

.headerTop {
	background: url(../../images/design/bg/bg-headerTop-right.png) no-repeat right top;
	width: 986px;
	height: 51px;
	/* overflow: hidden; */
	clear: both;
	padding: 0 9px 0 0;
}
#UtilityNavigation {
	background: url(../../images/design/bg/bg-headerTop-left.png) no-repeat left top;
	padding: 0 0 0 9px;
	float: right;
	height: 51px;
}
#UtilityNavigation > ul {
	background: url(../../images/design/bg/bg-headerTop.png) repeat-x left top;
	padding: 17px 8px 18px 0;
	margin: 0px;
	height: 16px;
}
#UtilityNavigation ul li, #UtilityNavigation ul li a {
	color: #574319;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
}
#UtilityNavigation ul li {
	background: url(../../images/design/elem/list-separator.png) no-repeat 0 3px;
	display: block;
	float: left;
	padding: 0 8px 0 12px;
}
#UtilityNavigation ul li:first-child {
	background:none;
	}
#UtilityNavigation ul li.utilityNavLast {
	background: url(../../images/design/icons/icon-login.png) 8px 2px no-repeat;
	padding-left:20px;
	position:relative;
	padding-bottom:10px;
}
#UtilityNavigation ul li.current a, 
#UtilityNavigation ul li a:hover {
	color: #00929f;
}
#UtilityNavigation .login-dropdown {
	background:url(../../images/design/bg/login-dropdown-bg.png) 0 0 no-repeat;
	padding-top:5px;
	width:155px;
	position:absolute;
	top:23px;
	left:0;
	display:none;
	z-index: 100;
	background-color:transparent;
	}
	#UtilityNavigation .login-dropdown ul {
		background:url(../../images/design/bg/login-dropdown-bg.png) 100% 100% no-repeat;
		padding:8px 10px 5px 13px;
		overflow:hidden;
		list-style:none;
		}
		#UtilityNavigation .login-dropdown ul li {
			float:none;
			background:none;
			padding:0;
			margin-bottom:10px;
			}
			#UtilityNavigation .login-dropdown ul li a {
				color:#444444;
				font-size:13px;
				}
				#UtilityNavigation .login-dropdown ul li a:hover {
					text-decoration:underline;
					}
/*----3.2 SearchBoxes------------------------------------------------------*/

.searchBox {
	background: url(../../images/design/bg/bg-headerTop.png) repeat-x left top;
	width: 205px;
	height: 32px;
	padding: 9px 0 10px;
	float: right;
}

#searchBoxRow fieldset{
	border:0;
} 

.searchBoxRow {
	background: url(../../images/design/bg/bg-searchBoxRow.png) no-repeat left top;
	width: 187px;
	height: 18px;
	overflow: hidden;
	padding: 7px 9px;
}

.searchField {
	background: none;
	border: none;
	width: 160px;
	height: 18px;
	float: left;
	color: #7b6943;
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
}

.searchBtn {
	background: url(../../images/design/bg/bg-searchIcon.png) no-repeat left top;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	float: right;
}

/* SharePoint search box specific styling for top header area, so as not to affect the general search webpart used in pages */
/* search image */
.searchBoxRow .s4-search .ms-sbgo a{background: url(../../images/design/bg/bg-headerTop.png)  no-repeat; width:27px; height:22px; display:block;}
.searchBoxRow .s4-search .srch-gosearchimg, .searchBoxRow .srch-gosearchimg{display: none;}
/* search input box */
.searchBoxRow.s4-search input.ms-sbplain, .searchBoxRow .ms-sbplain{
     background-color:transparent; 
     background-image:none !important; 
     font-size: 13px; 
     color: #7b6943; 
     font-style: italic; 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 line-height:18px;
	 text-decoration: none;
	 border:0 none !important;
	 padding: 0 !important;
	 width:160px !important;
	 height:18px
}

/*----3.3 SiteHeaderGraphic------------------------------------------------------*/

#SiteHeaderGraphic {
	width: 260px;
	float: left;
	padding: 0 0 0 25px;
}

#SiteHeaderGraphic a {
	display: block;
	width: 260px;
	overflow: hidden;
}

/*========================================================================================
 4 Content
========================================================================================*/ 

#PlaceHolderMainContainingDiv {
    background: url(../../images/design/bg/bg-containerShadow-repeat.png) repeat-y center top;			
}

/*Forcing fix for double up in markup on events landing/search page; ideally should be removed in the markup */#PlaceHolderMainContainingDiv #PlaceHolderMainContainingDiv {
    background-image: none;			
}

.contentWrapper {
    background: url(../../images/design/bg/bg-containerShadow-top.png) no-repeat center top;
	min-width: 996px;
/*	margin: 0 auto; */
	min-height: 800px;
	position: relative;
	z-index: 1;
}

.container {
	width: 996px;
/*	margin: 0 auto; */
	overflow: hidden;
	padding: 30px 0 0 0;
}

span.inp span.reqired {
	position:absolute;
	color:#F00;
	display:block;
	right:-10px;
	top:0px;
	font-size:20px;
}	
/*===========================================================================
 5 footer
===========================================================================*/

#Footer, #Footer h1,#Footer h2,#Footer h3,#Footer h4,#Footer h5,#Footer h6,#Footer fieldset, #Footer p {
	margin: 0;
	padding: 0;
	font-weight:normal;
}

#Footer img, #Footer fieldset{
	border:0;
	
}

.footerWrapper {
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 3;
}

.listHolderBot {
	background: url(../../images/design/bg/bg-footerBot.png) no-repeat center bottom;
	padding: 0 0 13px;
}

.listHolderWrap { background: url(../../images/design/bg/bg-footerShadow.png) no-repeat center bottom; }

.listHolder {
	background: #78a22f;
	width: 996px;
	margin: 0 auto;
	padding: 0px 0 0;
}

.listHolderIns { padding: 0 28px 50px; }

.listBox {
	width: 180px;
	float: left;
	padding: 0 30px 0 0;
	margin: 25px 0 0 0;
}

.list-box-hold {
    float: left;
	margin: 25px 0 0 0;
}

.list-box-hold .listBox {
    float: none;
} 	

.listBox1 { width: 360px; padding-top:5px; margin: 25px 0 0 0; }

.logo-bottom {
    float: left;
    margin-right: 20px;
    width: 86px;
}

.listBox .desc-hold {
    float: left;
    width: 235px;
    padding-top: 3px;
}

/*input-box select*/
.listBox .desc-hold .input-box {
    background: url(../../images/design/bg/bg-inp.png) no-repeat scroll left top transparent;
    border-right: none;
    display: block;
    padding: 3px 5px 5px 10px;
    position: relative;
    width: 186px;
	border:10px solid #85b434;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:15px;
}

.listBox .desc-hold .input-box select {
    background: none;
    border: medium none;
    color: #7b6943;
    font:italic 13px Trebuchet MS;	    
    height: 21px;
    width: 180px;    
}    
.listBox .desc-hold .input-box select option  {
    background-color: #fff;
}    
.listBox1 p {
    color: #fff;
    font-size: 13px;
}
.listBox .map {
    clear: both;
    display: block;   
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    margin: 8px 0px 30px 0px;
	/*padding:0 14px;*/
	padding: 0;
}
.listBox .map.with-indent {
	padding:0 14px;
}
.listBox .map:hover {
    text-decoration: underline;
}
.phone-hold p {
    font-size: 18px;
    padding-bottom: 4px;
}
.phone-hold span.name {
    font-size: 11px;
    /*text-transform: uppercase;*/
}

.listBox2 { width: 180px;}

.listBox3 {
     width: 155px;
     clear: both;
	 margin: 0!important;
	 background: url(../../images/design/elem/vert-dots.png) repeat-y top right;
      }
      
.listBox3 ul {
	padding: 9px 0 25px 0!important;
}
.listBox3 ul.last {
	padding: 9px 0 0px 0!important;
}

.listBox4 {
	width: 155px;
}

.listBox5 {
    width: 115px;
    padding: 0px 0px 0px 35px;
	margin: 25px 0 45px 0;
}
.listBox.listBox5 ul li {
    width: 150px;
    min-height: 20px;
}
.listBox.listBox5 ul {
    padding-top: 4px;
}
.listBox.listBox5 ul li a {
    background: url(../../images/design/elem/arrow.png) no-repeat 100% 50%;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    padding-right: 10px;
    display: block; 
}

.listBox h5 {
	color: #fff;
	font-size: 17px;
	padding: 0 0 2px 0;
	line-height: 21px;
	font-weight: bold;
	font-style: italic;
}

.listBox ul {
	padding: 9px 0 0;
	margin: 0px;
}

.listBox ul li{
	margin-bottom: 5px;
}

.listBox ul li, .listBox ul li a {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
	display: block;
	list-style-type: none;
}

.listBox ul li a {
	padding: 0px;
	margin: 0px;
}

.listBox ul li a:hover {
	text-decoration: underline;
}

.footerBottom {
	padding:17px 0 0 0;
    height: 66px;    
    width: 996px;
	/*background:url(../img/bg/footer-bg.jpg) repeat-x 0 0;*/
	background:url(../../images/design/bg/footer-bg.png) repeat-x 0 0;
}

.footerBottomIns {
	height: 52px;
    position: relative;
    left: 50%;
    float: left;
}

.footerBlock { 
	font-size: 12px;
    position: relative;
    right: 50%; 
}

.newsLetterBlock {
	width: 375px;
	color: #fff;
	float: left;
	font-size: 12px;
}

.newsLetterBlock span {
	padding: 10px 10px 0 9px;
	width: 100px;
	text-align: right;
	display: block;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}

.newsLetterBlock .newsInput {
	float: left;
	margin: 10px 0 0 0;
	background: url(../../images/design/btn/bg-input.png) no-repeat 0 0;
	color: #7b6943;
	border: 0;
	font-style: italic;
	height: 23px;
	padding: 3px 0 3px 10px;
	width: 161px;
	font-size: 11px;
}

.join-button {
	background: url(../../images/design/btn/join-btn.png) no-repeat 0 bottom;
	cursor: pointer;
	width: 66px;
	height: 27px;
	border: 0;
	margin: 11px 0 0 7px
}

.join-button:hover { background: url(../../images/design/btn/join-btn.png) no-repeat 0 0; }

/*box-link*/
.box-link {
    float: left;
    margin-left: 5px;
    margin-top: 15px;
}
.box-link ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.box-link ul li:first-child {
    padding-left: 0px;
    margin-left: 0px;
}  

/*footerMenu */
.footerMenu {
    background: url(../../images/design/bg/bg-copyrightBox.png) no-repeat left top;
    width: 996px;
    height: 16px;
    clear: both;
    padding: 12px 0;
    margin: 0 auto;
}
.footer-wrap {
    position: relative;
    left: 50%;
    float: left;
}
.footerMenu ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.footerMenu ul {
    list-style-type: none;
    margin: 0px auto;
    position: relative;
    right: 50%;
    padding: 0 0 0 15px;
}
.footerMenu ul li, .box-link ul li {
    float: left;    
    background: url(../../images/design/elem/footer-separator.png) no-repeat 0px 50%;
    padding: 0 0 0 13px;
    margin: 0 0 0 8px;
}
.footerMenu ul li:first-child, .box-link ul li:first-child {
    background: none;    
}
.footerMenu ul li a, .box-link ul li a {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.footerMenu ul li a:hover, .box-link ul li a:hover {
    text-decoration: underline;
}
.special-shadow { 
	background: url(../../images/design/bg/bg-footerShadow-2.png) no-repeat 0px 0%;
	height: 8px;
	width: 970px;
	margin: 0 auto;
}
/*copyright*/
.copyright {
    text-align: center;
    font-size: 12px;
    color: #574319;
    margin-top: -2px;    
} 

.non-discrim
{
	clear:both;	
	text-align: center;
    font-size: 10px;
    color: #ffffff;
    margin: 10px;

}

.gmnoprint { display:none !important; }

.gmap-button {
	position:absolute;
	width:49px;
	height:49px;
	z-index:99999;
	right: 4px;
	top: 5px;
}

.gmap-button a {
	/*position:static !important;*/
	display:block;
	width:49px;
	height:49px;
	background: url(../../images/Design/elem/map-photo-btn.png) 0 0 no-repeat;
}

/*.gmap-button a img {
	position:absolute;
	top:0px;
	left:0px;
}*/

.gmap-button a.map {
	background-position:0 -49px;
	}
	
.gmap {
	top:0px;
	left:0px;
	position:absolute;
	display:block;
	cursor:pointer;
}
.map-photo {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
.mapBox img.hidden {
	display:none;
	}

/*.gmap-button a img.active-button { display:block !important; }*/

/*.gmap-button a img.inactive-button { display:none !important; }*/

/*.gmap {
	display:block !important;
	top:0px;
	left:0px;
	position:absolute;
}*/

/*.map-photo {
	position:absolute;
	top:0px;
	left:0px;
}*/

.active-item { z-index:9999; }

.inactive-item { display:none !important; }

.mainPaneBot { display: block; }

#MegaMenuTopNavigation li .mapBox .loading-text {
	font-size: 14px;
	position: absolute;
	top: 55px;
	left: 90px;
	color: #000000 !important;
}

html, body { background-color: transparent !important; }

.gmap { background-color: transparent !important; }

#MegaMenuTopNavigation li:hover a.btnBlue span, #MegaMenuTopNavigation li.current a.btnBlue span {
	background: url(../../images/design/bg/bg-btnBlue-left.png) no-repeat left top;
	padding: 5px 8px 5px 15px;
	position: relative;
	bottom: 0;
	width: auto;
	height: auto;
	}
	
a.btnBlue.subscribe span {
	padding: 5px 4px 5px 11px;
	}

a.btnBlue:hover span, #MegaMenuTopNavigation li:hover a.btnBlue:hover span, #MegaMenuTopNavigation li.current a.btnBlue:hover span {
	background-position: left -27px;
	}
	
a.btnBlue span em.searchElem {
	background: url(../../images/design/elem/search-elem.png) no-repeat right center;
	padding: 0 18px 0 0;
	}

a.btnBlue span em.submitArrow {
	background: url(../../images/design/elem/arrow.png) no-repeat right center;
	padding: 0 10px 0 0;
	}

.submitBox {
	padding: 50px 0 0;
	overflow: hidden;
}

.submitBox input { float: left; }

.submitBox a.paneBoxLink {
	display: block;
	color: #646464;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	float: left;
	margin: 7px 0 0 10px;
	text-decoration: none;
}
/* end blue button */

/* Search Box */
.headerTop .s4-search input.ms-sbplain{float: left;	width: 160px !important; border:0 transparent none !important;}
.headerTop .s4-search{	float:right;}
/* search image */
.headerTop .s4-search .ms-sbgo a{background:url(../../images/design/bg/bg-searchIcon.png) no-repeat left top;}
.headerTop .ms-sbscopes{display:none;}

/* General reusable styles */
.article-date{color:#599cd4;font-size:11px;font-weight:bold;}
.article-link{font-size:13px;color:#005695;}
.article-comments{font-size:13px;}
.article-category{font-size:11px;}
.uppercase{	text-transform:uppercase;}
.lightblue{	color:#5091cd;}
.blue{color:#005695;}
.darkblue{}
.gray{color:#808080;}
.darkgray{color:#919191;}
.ms-vb.normal-text{font-size:13px;}

/*ribbon anchoring*/
/*body, body.v4.master {overflow:visible !important; height: inherit; width: inherit; }
body #s4-workspace {overflow:visible !important; padding-top:44px;}
/*This sets up our Ribbon for a fixed position. */

/*body #s4-ribbonrow{ position: fixed;top:0px;z-index:1000;width: 100%;}
/** html #s4-ribbonrow {position:absolute;}*/

/* Set the ribbon popups to be fixed position also */

/*#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."], .ms-cui-tooltip {

position: fixed !important;

}

/*Make sure there are no scroll bars on our popup overlays*/

/*.ms-dlgOverlay {width: 100% !important }



/*end ribbon anchoring*/

