body { background:url(../images/bg.png); font-family:'Open Sans', sans-serif; color:#717c83; -webkit-font-smoothing: antialiased; margin-top:50px; }
@media (min-width: 992px) {
	body { margin-top:0; }
}

#body-wrapper { }


#mainnav { background:white; border:0; border-bottom:1px solid #e1e1e1; position:relative; }

#mainnav .navbar-brand { color:#2989bc; font-weight:900; text-transform:uppercase; }

#mainnav-masthead { display:none; background:url(../images/bg_header.png); position:relative; }
#mainnav-masthead:before { content:""; top:0; right:0; bottom:0; left:0; background:url(../images/bg_sub.png) no-repeat top center; background-size:contain; position:absolute; }
#mainnav-masthead .container { padding-top:33%; }

#page_home #mainnav-masthead { display:block; }
#page_home #mainnav-masthead:before { background-image:url(../images/bg_family.png); }

@media (min-width: 992px) {
	#mainnav .navbar-brand { display:none; }
	
	#mainnav { padding-top:196px; }
	#mainnav-masthead { display:block; position:absolute; top:0; right:0; bottom:80px; left:0; margin-top:0; }
	#mainnav-masthead:before { background-size:auto; }
	#mainnav-masthead .container { padding:0; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/logo.png) no-repeat top center; }
	
	#page_home #mainnav { padding-top:618px; margin-bottom:0; position:relative; }
}

#mainnav-collapse { margin:0 -15px; }

#mainnav-navbar { background:white; }
#mainnav .navbar-header { position:fixed; top:0; left:0; right:0; z-index:10; background:white; margin:0; }
@media (min-width: 992px) {
	.past-header #mainnav-navbar { position:fixed; top:0; left:0; right:0; z-index:10; }
	#mainnav .navbar-header { display:none; }
}

#mainnav .navbar-toggle .icon-bar { background:#90b9d5; }
#mainnav .navbar-toggle:hover .icon-bar { background:#2275ae; }

#mainnav .navbar-nav { text-transform:uppercase;  }
#mainnav .navbar-nav a { color:inherit; font-weight:bold; }
#mainnav .navbar-nav .active>a { color:#2989bc; }
#mainnav .navbar-nav>li>a { line-height:1; font-size:14px; padding:10px 15px; }
#mainnav .nav li a:hover, #mainnav .nav li a:focus { background:none; color:#2989bc; }
#mainnav .nav .open>a,#mainnav  .nav .open>a:hover,#mainnav .nav .open>a:focus { background:transparent; }
#mainnav .dropdown-menu>.active>a, #mainnav .dropdown-menu>.active>a:hover,  #mainnav.dropdown-menu>.active>a:focus { background:none; }
#mainnav .dropdown-menu>li>a:hover, #mainnav .dropdown-menu>li>a:focus { background:none; }

@media (min-width: 992px) {
	#mainnav .navbar-nav { width:750px; height:80px; }
	
	#mainnav .navbar-nav>li>a { padding:33px 30px; }
	
	#mainnav .navbar-nav .dropdown-menu { border-radius:0 0 5px 5px; border:1px solid #e1e1e1; box-shadow:1px 1px 5px rgba(0,0,0,.1); }
	#mainnav .navbar-nav .dropdown-menu > li { padding:0 25px; }
	#mainnav .navbar-nav .dropdown-menu > li > a { padding:15px 0; border-bottom:1px solid #e1e1e1; }
	#mainnav .navbar-nav .dropdown-menu > li.last > a { border:0; }
	
	#mainnav .navbar-nav .sub-arrow, #mainnav .navbar-nav .collapsible .sub-arrow { display:none; }
}

@media (min-width: 991px) and (max-width: 1199px) {
	#mainnav .navbar-nav { width:534px; }
	#mainnav .navbar-nav>li>a { padding:33px 15px; }
}
#copy { margin-bottom:30px; }
#sidebar { margin-bottom:30px; }

#copy-inner { background-color:white; border:1px solid #e1e1e1; box-shadow:1px 1px 5px rgba(0,0,0,.1); border-radius:5px; padding:0 30px 30px; margin-bottom:30px; }
#page_home #copy-inner { background:transparent; border:none; box-shadow:none; border-radius:0; padding:0; }
#page_home #page-body { margin-top:0; }
#sidebar-psuedo { display:none; }

#copy-home { background:white; padding:30px 0 40px 0; }
#copy-home-extra { min-height:200px; padding:80px 0 30px 0; }

#page-header { position:relative; }
#page-header h1 { margin:0 -30px; line-height:80px; font-family:Roboto, sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; padding:0 30px; background:#515c63; color:white; border-radius:5px 5px 0 0; }
#page-header h1 a { color:inherit; }
#page-header h1 a:hover { text-decoration:none; }
#page-header .pageactions { position:absolute; top:0; right:0; }
#page-header .pageactions .share { padding:30px 0; }
#page-header .pageactions .share a { margin-left:5px; float:left; }
#page-header .pageactions .share a:first-child { margin-left:0; }
#page-header .breadcrumb { background:#efefef; margin:0 -30px; padding:10px 30px; border-radius:0; font-size:12px; line-height:12px; }
#page-header .breadcrumb #breadcrumb-home a { display:inline-block; text-indent:-9999px; width:12px; height:12px; background:url(../images/icon_home.png) no-repeat top center; }
#page-header .breadcrumb #breadcrumb-home a:hover { background-position:bottom center; }
#page-header .breadcrumb a { color:inherit; font-weight:600; text-transform:uppercase; }
#page-header .breadcrumb a:hover { color:#2989bc; }
#page-header .breadcrumb>li+li:before { content:"|"; }

#page-body { margin-top:30px; min-height:300px; }

#sidebar-email-signup { background-color:#2989bc; border:1px solid #e1e1e1; box-shadow:0px 0px 5px rgba(0,0,0,.3) inset; border-radius:5px; padding:0 20px 15px; text-transform:uppercase; margin-bottom:30px; }
#sidebar-email-signup::before { content:"E-Newsletter Signup"; display:block; background:url(../images/icon_newslettersignup.png) no-repeat left 20px center; font-size:16px; font-weight:900; line-height:52px; color:white; padding-left:50px; margin:0 -20px 0; border-radius:5px 5px 0 0; }
#sidebar-email-signup form { margin:0; height:65px; position:relative; background:white; border:1px solid #e1e1e1; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; border-radius:5px; }
#sidebar-email-signup form .text { padding:27px 20px; width:auto; position:absolute; top:0; right:60px; bottom:0; left:0; border:0; background:none; box-shadow:none; }
#sidebar-email-signup form .submit { position:absolute; width:60px; top:0; right:0px; bottom:0; border:0; background:none; box-shadow:none; font-weight:bold; color:#2989bc; text-transform:uppercase; }

#related-links { background-color:white; border:1px solid #e1e1e1; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; border-radius:5px; padding:0 30px 15px; margin-bottom:30px; }
#related-links::before { content:"Related Links"; display:block; background:#e2a71b url(../images/icon_relatedlinks.png) no-repeat left 20px center; font-size:16px; font-weight:900; line-height:52px; color:white; padding-left:50px; margin:0 -30px 15px; border-radius:5px 5px 0 0;  text-transform:uppercase; }
#related-links li { border-bottom:1px solid #e1e1e1; margin:0; text-transform:uppercase; }
#related-links li a { padding-left:20px; background:url(../images/bullet_relatedlinks.png) no-repeat left center; color:inherit; font-weight:700; }
#related-links li a:hover { color:#b68616; }
#related-links li.last { border-bottom:0px; }

#navbar-social {  }
#navbar-social ul { margin:0 0 15px 0; padding:0; list-style:none; }
#navbar-social ul li { display:inline-block; margin:0 5px 0 0; padding:0; }
#navbar-social ul li a { display:block; width:24px; height:24px; background-position:top center; background-repeat:no-repeat; text-indent:-9999px; }
#navbar-social ul li a:hover { background-position:bottom center; }

#navbar-social ul li.facebook a { background-image:url(../images/icon_fb.png); }
#navbar-social ul li.youtube a { background-image:url(../images/icon_yt.png); }
#navbar-social ul li.twitter a { background-image:url(../images/icon_tw.png); }
#navbar-social ul li.instagram a { background-image:url(../images/icon_ig.png); }
#navbar-social ul li.pinterest a { background-image:url(../images/icon_pin.png); }

@media (min-width: 992px) {
	#navbar-social ul { margin:0 10px 0 0; padding:28px 0; list-style:none; }
}

#navbar-search .form-inline .form-group { display:block; margin-bottom:15px; }
#navbar-search form .form-control { width:100%; }

@media (min-width: 992px) {
	#navbar-search {  }
	#navbar-search form { margin:20px 0; padding:3px 15px; border-left:1px solid #e1e1e1; }
	#navbar-search .form-inline .form-group { margin:0; }
	#navbar-search form .form-control { width:auto; height:34px; line-height:14px; padding:10px 0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; -webkit-box-shadow:none; font-size:14px; text-transform:uppercase; }
}

@media print {
	a[href]:after {
		content: none;
	}
	#copy-inner { border:0; box-shadow:none; background:none; padding:0; }
}
