/*--- Inherit all base css from primary skin file, then overwrite what is necessary in this skin file ---*/
@import url("/Portals/_default/Skins/mbg/skin.css");
@import url("css/menu.css");
body
{
	background-image:url(/Portals/_default/Skins/butterflyhouse/images/body-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

/*--- Hides Primary Mobot Navigation on BH pages ---*/
#PageHeaderNavigationBar
{
	display:none;
}

#PageHeaderBreadCrumb
{
	margin-top:0px;
}

#PageHeader
{
	background-image:url(Images/PageHeader-Top-bg.png);
	height:120px;
}

#PageHeaderContent
{
	height:73px;
}
/*--- END Hides Primary Mobot Navigation on SNR pages ---*/

#PageBodyContent hr
{
	border:none;
	border-bottom:1px solid #277d9b;
}




/*--- WYSIWYG Styles & Page Styles ---------------------------------------------------------------------------------------------------------------------*/
.TitleText
{
	color:#277d9b;
	font-size:18px;
}

.SubTitleText
{
	color:#277d9b;
	font-size:16px;
}

.SmallText
{
	font-size:10px;
}

.AlertText
{
	color:#b93a11;
}





#PageBodyNavigationBar
{
	width:952px;
	margin:0 auto;
}

#BGPageBodyNavigation
{
	width:183px;
	background-image:url(/Portals/_default/Skins/butterflyhouse/Images/PageBodyNavigation-Horizontal-bg.png);
	background-repeat:repeat-x;
	background-color:#9dc4d2;
	height:400px !important;
	position:relative;
	z-index:9990;
}

#PageBodyNavigation
{
	width:183px;
	background-image:url(/Portals/_default/Skins/butterflyhouse/Images/PageBodyNavigation-Vertical-bg.png);
	background-repeat:repeat-y;
	background-position:right;
	height:400px !important;
	position:relative;
	z-index:9990;
}

.breadcrumbActive
{
	color:#277D9B !important;
}

.BHPageBodySlideShow
{
	width: 739px; /*width:769px;*/
	float:right;
	background-color:#ffffff;
	padding:15px;
}

.BHPageBodySlideShow p
{
	margin:0px;
}

.BHPageBodySlideShow img
{
	display:block;
}

.BH
{
	padding-top:20px;
}

.SubPage
{
	background-image:none !important;
	padding-top:0px; /*--- Removes padding from sub pages ---*/
}

#BHPageBodyContentLeft
{
	width:166px;
	float:left;
	margin-left:13px;
	min-height:1px;
}


.SubPage #BHPageBodyContentLeft
{
	width:170px;
	padding-top:20px;
}

.SubPage .SlideShowPane
{
	width:749px;
	margin:0px 10px;
	float:left;
}

.SubPage #BHPageBodyContentMiddle #SubPageBodyContentMiddleTitle
{
	width:579px;
	float:left;
	margin-left:-12px;
}

.SubPage #BHPageBodyContentMiddle #SubPageBodyContentMiddleTitleHeader
{
	width:579px;
	height:13px;
	background-image:url(/Portals/_default/Skins/butterflyhouse/images/SubPageBodyContentMiddleHeader-Top-bg.png);
	background-repeat:no-repeat;
	background-position:right;
}

.SubPage #BHPageBodyContentMiddle #SubPageBodyContentMiddleTitleContent
{
	width:529px; /* Was the following, but was causing the title to not wrap --> width:629px;*/
	background-image:url(/Portals/_default/Skins/butterflyhouse/images/SubPageBodyContentMiddleHeader-bg.png);
	background-repeat:repeat-y;
	background-position:right;
	padding:0px 25px;
}

.SubPage #BHPageBodyContentMiddle #SubPageBodyContentMiddleTitleContent.SubPageTitle
{
	color:#277d9b;
	font-size:30px;
}

.SubPage #BHPageBodyContentMiddle #SubPageBodyContentMiddleTitleFooter
{
	width:579px;
	height:25px;
	background-image:url(/Portals/_default/Skins/butterflyhouse/images/SubPageBodyContentMiddleHeader-Bottom-bg.png);
	background-repeat:no-repeat;
	background-position:right;
}

/*--- Butterfly House Event Details Styles --------*/
#BHEventDetailsPageBodyContentLeft
{
	width:527px;
	float:left;
}

#BHEventDetailsPageBodyContentLeft .ContentPane
{
	width:465px;
	margin-left:35px;
}

#BHEventDetailsPageBodyContentLeftTitle
{
	width:507px;
}

#BHEventDetailsPageBodyContentLeftTitleHeader
{
	background-image: url("/Portals/_default/Skins/mbg/images/SubPageBodyContentLeftHeader-Top-bg.png");
    background-repeat: no-repeat;
	background-position:right top;
    height: 13px;
    width: 507px;
}

#BHEventDetailsPageBodyContentLeftTitleContent
{
	padding:0px 25px;	
	background-image:url("/Portals/_default/Skins/mbg/images/SubPageBodyContentLeftHeader-bg.png");
	background-repeat:repeat-7;
	background-position:right;
	width:457px;
}

#BHEventDetailsPageBodyContentLeftTitleFooter
{
	background-image: url("/Portals/_default/Skins/mbg/images/SubPageBodyContentLeftHeader-Bottom-bg.png");
    background-repeat: no-repeat;
	background-position:right bottom;
    height: 25px;
    width: 507px;
}

.BHEventDetailsPageTitle
{
	color:#285407;
	font-size:30px;
}

#BHEventDetailsPageBodyContentRight
{
	width:425px;
	float:right;
	padding-top:20px;
}

#BHEventDetailsPageBodyContentRight .CalloutPane
{
	width:390px;
}

/*--- END Butterfly House Event Details Styles  ---*/

.SubPageNav
{
	margin-left:-13px;
	margin-top:-20px;
	margin-bottom:13px;
}

#ContactInformation
{
	/*--- Not Styles Needed - Just holds contact information in one containing element ---*/
}

#BHPageBodyContentRight
{
	width:174px;
	float:right;
	margin-right:13px;
	min-height:1px;
}

.SubPage #BHPageBodyContentRight
{
	padding-top:20px;
}

#BHPageBodyContentMiddle
{
	width:560px;
	float:left;
	margin-left:12px;
}

.SubPage #BHPageBodyContentMiddle
{
	width:555px;
}

#BHPageBodyContentMiddle .ContentPane, #BHPageBodyContentMiddle .FooterPane
{
	width:560px;
	margin:0 auto;
	clear:both;
}

.SubPage #BHPageBodyContentMiddle .ContentPane, .SubPage #BHPageBodyContentMiddle .FooterPane
{
	width:555px;
	clear:both;
}

#BHPageBodyContentMiddle .LeftPane
{
	width:260px;
	float:left;
	clear:left;
}

#BHPageBodyContentMiddle .RightPane
{
	width:260px;
	float:right;
}