/*FONTS
*******************************************************************/

/*Font Awesome - must be included at top of page for IE8!
Icon font used for icons throughout the site. 
For use, see: http://astronautweb.co/snippet/font-awesome/ and http://fortawesome.github.io/Font-Awesome/examples/ */
@import url("/media/georgeboole/css/font-awesome.min.css"); /*Fontawesome.min.css*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
/*Playfair Display - used for most headings*/
@font-face {
	font-family: 'playfair_displayregular';
	src: url('/media/georgeboole/fonts/playfairdisplay-regular-webfont.eot');
	src: url('/media/georgeboole/fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('/media/georgeboole/fonts/playfairdisplay-regular-webfont.woff') format('woff'),
			url('/media/georgeboole/fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
			url('/media/georgeboole/fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



h1, h2, h3, h4, h5,
p.btn,
.btn a,
.leftNav > ul > li > a,
.leftNav > ul > li > span,
span.sectionNode strong {
	font-family: 'playfair_displayregular', 'Times New Roman', serif;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 1px;
}


/*GENERAL SITE WIDE STYLES
******************************************************************/


/**NH Edit - 3/11/14*/
.newsCarousel .text h3 {
    font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
    text-transform: none;
    letter-spacing: 0;
}


/*GENERAL SITE WIDE STYLES
******************************************************************/

body {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
    color: #4e677a;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 0 0;
}

a {
	color: #cd1719;
}

a:hover,
a:active {
	color: #f3393b;
	text-decoration: none;
}

a:visited {
	color: #ce5355;
}

.container.lightGrey {
	background-color: #edf0f2;
}

/*buttons*/ 
.hoverContent p.btn {
	display: block;
	color: #cd1719 !important;
	background-color: #fff;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	z-index: 10;
	left: 20px;
	right: 20px;
	bottom: 20px;
	font-style: normal;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

/*flexslider direction nav*/

.flex-direction-nav {
	list-style: none;
	height: 0;
}

.flex-direction-nav a {
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -5000px;
	position: absolute;
	top: 50%;
	z-index: 100;
	opacity: 0.4;
	text-decoration: none;
}

div:hover .flex-direction-nav a {
	opacity: 1;
}

.flex-direction-nav a.flex-prev {
	left: -20px;
}

.flex-direction-nav a.flex-next {
	right: -20px;
}

.flex-direction-nav a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #030e15;
	font-size: 60px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 0;
	text-decoration: none;
}

.flex-direction-nav a.flex-prev:before {
	content: "\f104";
}

.flex-direction-nav a.flex-next:before {
	content: "\f105";
	right: 0;
	left: auto;
	
}

.flex-direction-nav a.flex-disabled:before {
	display: none;
}

.newsCarousel .flex-direction-nav,
.banner.small .flex-direction-nav {
	position: absolute;
	z-index: 100;
	top: 45%;
	left: 0;
	right: 0;
}

.newsCarousel .flex-direction-nav a {
	top: 0;
	opacity: 0.7;
}

.newsCarousel .flex-direction-nav a:before {
	color: #030e15;
	background-color: #e4e8eb;
	font-size: 24px;
	padding: 10px 15px;
}

.newsCarousel .flex-direction-nav a.flex-prev {
	left: 0;
}

.newsCarousel .flex-direction-nav a.flex-next {
	right: 0;
}


/*copy content*/

.copy {
	padding-bottom: 50px;
}

.copy h2 {
	color: #030e15;
	font-size: 34px;
	line-height: 36px;
	margin: 20px 0 0;
}

.copy h3 {
	color: #cd1719;
	font-size: 24px;
	line-height: 26px;
	margin: 20px 0 0;
	text-transform: none;
}

.copy h4 {
	color: #030e15;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 0;
}

.copy h5 {
	color: #cd1719;
	font-size: 17px;
	line-height: 20px;
	margin: 20px 0 0;
	text-transform: none;
	letter-spacing: 1px;
}

.copy p {
	margin: 15px 0 0;
}

.copy ul,
.copy ol {
	margin: 15px 0 0;
}

.copy ul li {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;
}

.copy ul li:before {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #cd1719;
	font-size: 16px;
	display: inline-block;
	padding: 0 10px 0 0;
}

.copy ol li {
	margin: 5px 0 0 50px;
}

.copy blockquote {
	border-left: 5px solid #ccd4da;
	margin: 20px 50px 0;
	padding: 10px 30px 20px;
	font-style: italic;
}

.copy .pull-right {
	float: right;
	margin: 0 0 30px 2%;
	clear: right;
}

.copy .pull-left {
	float: left;
	margin: 0 2% 30px 0;
	clear: left;
}


    /*adds a play icon to any element with a class of "fancyvideo"*/

    .fancyvideo {
        display: block;
        position: relative;
    }

    .fancyvideo:after {
        content: "\f04b";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        color: #cd1719;
        background-color: #fff;
        border-radius: 50%;
        font-size: 32px;
        width: 64px;
        height: 64px;
        position: absolute;
        z-index: 100;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -32px;
        padding: 21px 0 0 23px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0.6;
    }

    .fancyvideo:hover:after {
        opacity: 0.9;
    }

/*HEADER**/

header {
	background-color: #edf0f2;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

header.sticky {
	background-color: #edf0f2;
	background: rgba(237,240,242,0.95);
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

header.sticky:hover {
	background-color: #edf0f2;
}

header .row {
	margin-top: 0;
}

/*main nav*/

.mainNav ul {
	list-style: none;
}

.mainNav ul li {
	float: left;
	padding: 0 10px 0 0;
}

.mainNav ul li > a {
	display: block;
	padding: 12px 5px;
	font-size: 15px;
	color: #4e677a;
	text-decoration: none;
}

.mainNav ul li > a:hover,
.mainNav ul .active > a {
	color: #cd1719;
	border-bottom: 5px solid #cd1719;
	padding-bottom: 7px;
}

.mainNav ul li.navhome > a {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	text-indent: -5000px;
}

.mainNav ul li.navhome > a:before {
	content: "\f015";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: inherit;
	font-size: 24px;
	position: absolute;
	top: 10px;
	left: 4px;
	text-indent: 0;
}

/*main nav drop down*/

.mainNav ul li.dropDown {
	position: relative;
}

.mainNav nav.desktop > ul li.dropDown:hover .ddBox, 
.mainNav nav > ul li.dropDown.open .ddBox {
	display: block;
}

.mainNav nav > ul li.dropDown .ddBox {
	padding: 0;
    margin: 0;
    position: absolute;
    /* left: 0px; */
    z-index: 2500;
    display: none;
    /* min-width: 100%; */
    background: rgb(237, 240, 242);
    white-space: nowrap;
}

.mainNav nav.desktop > ul li.dropDown .ddBox {
	top: 43px;
}

.mainNav nav > ul li.dropDown .ddBox p {
	width: 100%;
    margin: 0;
    padding: 3px 0;
    font-size: 0.8em;
    text-align: center;
    background-color: #cd1719;
    color: white;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffb500;
    position: relative;
    left: -1px;
}

.mainNav nav > ul li.dropDown .ddBox ul {
	margin: 0;
}

.mainNav nav > ul li.dropDown .ddBox ul, 
.mainNav nav > ul li.dropDown .ddBox ul li {
	float: none;
}

.mainNav nav > ul li.dropDown .ddBox ul li {
	background: none;
	width: 100%;
	padding: 0;
}

.mainNav nav > ul li.dropDown .ddBox ul li a {
	text-align: left;
    border: 0;
    left: 0px;
    padding: 12px 30px 12px 10px;
    text-indent: 0px;
    min-height: 0;
    font-weight: normal;
    height: auto;
    width: auto;
    border-top: 1px solid #fff;
    position: relative;
}

.mainNav nav > ul li.dropDown .ddBox ul li a:hover {
	background: #cd1719;
	color: white;
}

.mainNav nav > ul li.dropDown .ddBox ul li a:after {
	content:"\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: inherit;
	font-size: inherit;
	position: absolute;
	right: 10px;
}

/*UCC link*/

.uccLink {
	position: relative;
}

.uccLink > a.dropdownLink {
	display: inline-block;
	padding: 12px 56px 12px 0;
	text-align: right;
	color: #4e677a;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	float: right;
}

.uccLink > a.dropdownLink strong {
	color: #003c69;
}

.uccLink > a.dropdownLink span {
	font-weight: bold;
	color: #cd1719;
}

.uccLink > a.dropdownLink:after {
	content: "\f067";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	background-color: #cd1719;
	font-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 30px;
	padding: 15px 16px 0 0;
}

.uccLink.open > a.dropdownLink:after {
	content: "\f00d";
	color: #030e15;
	background-color: #ffb500;
}

.uccLink .dropdownContent {
	width: 500px;
	height: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	top: 45px;
	right: 0;
	background-color: #ffb500;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.uccLink.open .dropdownContent {
	height: auto;
	padding: 50px;
	opacity: 1;
}

.uccLink .dropdownContent .text {
	float: left;
	padding: 0 50px 0 0;
	width: 200px;
}

.uccLink .dropdownContent .text h2 {
	color: #030e15;
	font-size: 22px;
	margin: 3px 0 0 5px;
}

.uccLink .dropdownContent .text ul {
	list-style: none;
	margin: 5px 0 0 0;
}

.uccLink .dropdownContent .text ul a {
	display: block;
	text-decoration: none;
	color: #1c2b36;
	padding: 1px 5px 1px;
	font-size: 14px;
}

.uccLink .dropdownContent .text ul a:hover {
	color: #030e15;
	background-color: #ffc433;
}

.uccLink .dropdownContent .text ul a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: inherit;
	font-size: 14px;
	padding-left: 6px;
}

.uccLink .dropdownContent img {
	float: left;
	width: 150px;
	height: auto;
	display: block;
}

/*search*/
 
.uccLink > .search {
	position: relative;
	display: inline-block;
}
 
.uccLink a.searchLink {
	display: inline-block;
	padding: 12px 0 12px 0;
	color: #4e677a;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	text-indent: -5000px;
}
 
.uccLink a.searchLink:after {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	background-color: #cd1719;
	font-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	padding: 12px 8px 0 8px;
	text-indent: 0;
	text-align: center;
}
 
.uccLink .search.open a.searchLink:after {
	content: "\f00d";
	background-color: #ffb500;
	color: #000;
}
 
.uccLink .searchContent {
	width: 280px;
	height: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	top: 45px;
	right: -46px;
	background-color: #cd1719;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
.uccLink .search.open .searchContent {
	height: auto;
	padding: 10px;
	opacity: 1;
	background: #ffb500;
}
 
.uccLink .searchContent form {
	position: relative;
}
 
.uccLink .searchContent input[type="text"] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	padding: 10px 40px 10px 5px;
	height: 36px;
}
 
.uccLink .searchContent input[type="submit"] {
	width: 36px;
	height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	padding: 10px 0;
	color: #000;
	background: #ffb500;
	position: absolute;
	top: 0;
	right: 0;
}

/*MOSAIC BANNER
******************************************************************/

/*grid*/

.banner {
	position: relative;
	margin-top: 100px;
}

.banner .row {
	position: relative;
}

.banner ul {
	list-style: none;
}

.banner .tile {
	display: block;
	background-color: #cd1719;
	position: absolute;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.banner:hover .tile {
	/*opacity: 0.5;*/
}

.banner:hover .tile:hover,
.banner:hover .tile.logo {
	opacity: 1;
}

.banner .tile a {
	text-decoration: none;
}

.banner .tile.logo {
	background-color: transparent;
	position: relative;
	margin-bottom: 16.66666666%;
}

body.video .banner .tile.logo {
	margin-bottom: 12%;
}

.banner .tile.logo img.greyAlternative {
	display: none;
}

.banner .tile.logo span {
	display: block;
	height: 0;
	text-indent: -5000px;
}

.banner .tile.onecol.ucc.yellow {position: absolute; top: 0; left: auto; right: 0;}

.banner .tile.onecol {
	padding-bottom: 6.33333333%;
	left: 91.5%;
	top: 39%;
}

.banner .tile.twocol {
	padding-bottom: 14.66666666%;
}

.banner .tile.threecol {
	padding-bottom: 22.99999999%;
}

.banner .tile.sixcol {
	padding-bottom: 48%;
}

.banner .tile.twelvecol {
	padding-bottom: 98%;
}

.banner .tile > div {
	display: block;
	position: absolute;
	top: 100%;
	bottom: 0;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}

.banner .tile:hover > div {
	bottom: 100%;
	top: 0;
}

/*positioning of tiles*/

.banner .tile.one {
	left: 0;
	top: 68.75%;
}

.banner .tile.two {
	left: 8.33333333%;
	top: 68.75%;
}

.banner .tile.three {
	left: 24.99999999%;
	top: 52%;
}

.banner .tile.four {
	left: 33.33333332%;
	top: 17.1875%;
}

.banner .tile.five {
	left: 41.66666665%;
	top: 51.5625%;
}

.banner .tile.six {
	left: 41.66666665%;
	top: 68.75%;
}

.banner .tile.seven {
	left: 50%;
	top: 0;
}

.banner .tile.eight {
	left: 50%;
	top: 17.1875%;
	z-index: 5;
}

.banner .tile.nine {
	left: 58.33333331%;
	top: 68.75%;
}

.banner .tile.ten {
	left: 74.99999997%;
	top: 0;
}

.banner .tile.eleven {
	left: 74.99999997%;
	top: 34.375%;
}

.banner .tile.twelve {
	left: 91.5%;
	top: 39%;
}

.banner .tile.thirteen {
	left: 91.66666663%;
	top: 17.1875%;
}

/*video banner*/

body.video .banner .tile.twocol.logo {
	left: 75%;
}

body.video .banner .tile.twocol.image {
	left: 75%;
	top: 100%;
}

body.video .banner .tile.threecol.image.ucc {
	left: 73.5%;
	top: 40.5%;
	background-color: transparent;
}

body.video .banner .tile.twelve {
	top: 40%;
}

/*tiles with image or video content*/

.banner .tile.image {
	background-color: transparent;
}

.banner .tile.image > div {
	top: 0;
	bottom: 0;
}

.banner .tile.image:hover > div {
	top: 0;
	bottom: 0;
}

.banner .tile.image img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}

.banner .tile.image .hoverContent {
	display: block;
	background: #030e15;
	background: rgba(3,14,21,0.8);
	color: #fff;
	font-size: 12px;
	padding: 7px 10px 7px 10px;
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -45px;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}

.banner .tile.image.threecol .hoverContent {
	margin-top: -46px;
}

.banner .tile.image:hover .hoverContent {
	top: 0;
	bottom: 0;
	margin-top: 0;
}

.banner .tile.image h3 {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 7px 0 7px 0;
}

.banner .tile.image.threecol h3 {
	font-size: 16px;
	line-height: 18px;
	padding: 8px 0 10px 0;
}

.banner .tile.image p {
	color: #fff;
	font-size: 12px;
	line-height: 17px;	
	opacity: 0;
}

.banner .tile.image:hover p {
	opacity: 1;
}

.banner .tile.image.threecol p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.banner .tile.image p.btn {
	font-size: 15px;
	line-height: 15px;
	padding: 8px;
	margin-top: 12px;
}

.banner .tile.image.threecol p.btn {
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
	margin-top: 12px;
}




/*tiles with theme/asterisk link content*/

.banner .tile.theme:hover > div {
	top: 0;
	bottom: 0;
	width: 100%;
}

.banner .tile.theme:hover > div a {
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}


/*added NH 31/10/14**/
.banner .tile.theme h3 {
    color: #fff;
    font-size: 26px;
    text-transform: none; 
    /*asterisk_s.png*/
    background: transparent url('../images/layout/asterisk_s.png') 0 0 no-repeat;
    padding: 2px 0 0 12px;
    margin: -45px 0 5px 5px;
    
}

.banner .tile.theme:hover h3 {
    margin-top: 10px;
}

.banner .tile.theme .hoverContent { 
    max-height: 0;
    padding: 0 5px 0 17px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


.banner .tile.theme:hover .hoverContent {
	max-height: 500px;
	opacity: 1;
}


/*NH edit */
.banner .tile.theme .hoverContent p {
    color: #fff;
    font-size: 11px;
    line-height: 14px;
}


.banner .tile.theme.threecol .hoverContent p {
	font-size: 14px;
	line-height: 20px;
}


/*NH Edit**/
.banner .tile.theme .hoverContent p.btn {
    padding: 8px;
    margin: 8px 10px 0 0;
    position: static;
}


.banner .tile.theme.threecol .hoverContent p.btn {
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
	margin-top: 15px;

}
/*Boole Updates June 2015 NH*/
  /*slide theme boxes for linking to content lower down on page*/

.banner .tile.theme.slide > div,
.banner .tile.theme.slide:hover > div {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.banner .tile.theme.slide .hoverContent {
	padding: 0;
}

.banner .tile.theme.slide > div a,
.banner .tile.theme.slide:hover > div a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.banner .tile.theme.slide h3 {
    font-size: 32px;
    line-height: 36px;
    background-image: none;
    padding: 0 20px 0 20px;
    margin: 40% 0 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
}

.banner .tile.theme.slide:hover h3 {
    margin: 25% 0 0;
}

.banner .tile.theme.slide i {
	box-sizing: border-box;
	color: #fff;
	background: rgba(255,255,255,0.2);
	border-radius: 50%;
	font-size: 28px;
	width: 50px;
	height: 50px;
	margin: 15px 0 0;
	padding: 12px 0 0;
}
  
/*asterisk helper*/

.banner .tile.asterisk {
        background-color: #cd1719;
        -webkit-transition: none 0;
        -moz-transition: none 0;
        transition: none 0;
    }

.banner .tile.asterisk > div,
.banner .tile.asterisk:hover > div {
	top: 0;
	bottom: 0;
}

.banner .tile.asterisk img {
	display: block;
	position: relative;
	z-index: 11;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.banner .tile.asterisk .hoverContent {
	display: block;
	background: #cd1719;
	background: rgba(205,23,25,0.8);
	color: #fff;
	font-size: 14px;
	padding: 75px 20px 20px 20px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 220px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 10;
}

.banner .tile.asterisk.closed {
	overflow: hidden;
	z-index: 1;
}

.banner .tile.asterisk.closed .hoverContent {
	opacity: 0;
}

.banner .tile.asterisk.open {
	overflow: visible;
	z-index: 10;
}

.banner .tile.asterisk.open .hoverContent {
	opacity: 1;
}

/*coloured tiles & ucc logo*/

.banner .tile.yellow {
	background-color: #ffb500;
}

.banner .tile.blue {
	background-color: #003c69;
}

.banner .tile.ucc > div,
.banner .tile.ucc:hover > div {
	top: auto;
	left: 0;
	right: 0;
	padding: 20px;
}

.banner .tile.ucc img {
	height: auto;
	margin: 0 auto;
}

/*large banner*/

.banner.large {
	margin-bottom: -20px;
}

/*small banner*/

.banner.small .tile.logo {
	background-color: transparent;
	position: relative;
	/*margin-bottom: 16.66666666%;*/
	margin-bottom: 0%;
	padding-bottom: 0;
}

.banner.small .tile {
	position: relative;
}

.banner.small:hover .tile {
	opacity: 1;
}

.banner.small li {
	padding: 0 12px;
}

.banner.small .tile.ucc > div,
.banner.small .tile.ucc:hover > div {
	padding: 7px;
}


/*INTRODUCTION
********************************************************************/

.introduction {
	text-align: center;
	margin-top: -30px;
}

#home .introduction {
	margin-top: 0;
}

.introduction h2 {
        color: #1c2b36;
        font-size: 39px;
        line-height: 46px;
        margin: 15px 0 15px 0;
}

.introduction h2 b, 
.introduction h2 strong {
	color: #cd1719;
	font-weight: normal;
}

.introduction p {
	font-size: 24px;
	line-height: 34px;
	color: #4e677a;
	font-weight: 300;
	display: inline;
}

.introduction p.showMore {
        white-space: nowrap;
}

.introduction .expand:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: inherit;
	font-size: 24px;
	padding: 0 0 0 5px;
	display: inline-block;
}

.introduction.open .expand:after {
	content: "\f106";
}

.introduction .extra {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	transition: all .9s ease;
}

.introduction .extra p {
	font-size: 16px;
	line-height: 24px;
	color: #4e677a;
	font-weight: 400;
	text-align: left;
}

.introduction.open .extra {
	max-height: 1000px;
}



/*EVENTS
********************************************************************/

.eventsList .row {
	padding-top: 50px;
	padding-bottom: 50px;
}

.eventsList .row > div {
	margin-top: 40px;
}
/*NH Edit July 2nd*/
.eventsList .eventsCarousel {
	position: relative;
}

/*calendar - overrides for plugin*/

.calendar .responsive-calendar hr {
	display: none;
}

.calendar .responsive-calendar .controls {
	background: #cd1719;
	color: #fff;
	padding: 4% 0 2%;
}

.calendar .responsive-calendar .controls .btn {
	position: relative;
	color: #fff;
	text-indent: -5000px;
	opacity: 0.5;
}

.calendar .responsive-calendar .controls .btn:hover {
	opacity: 1;
}

.calendar .responsive-calendar .controls .btn:before {
	content: "\f104";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: inherit;
	font-size: 24px;
	padding: 0 0 0 0.5em;
	display: inline-block;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.calendar .responsive-calendar .controls .pull-right .btn:before {
	content: "\f105";
	padding: 0;
	left: auto;
	right: 10px;
}

.calendar .responsive-calendar .day-headers {
	background: #cd1719;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.calendar .responsive-calendar .day.header {
	border: 0;
}

.calendar .responsive-calendar .days {
	background: #fff;
	color: #4e677a;
}

.calendar .responsive-calendar .day {
	border-bottom: 1px solid #cd1719;
}

.calendar .responsive-calendar .day a {
	padding: 15% 0;
}

.calendar .responsive-calendar .day.active a {
	background-color: #cd1719;
}

.calendar .responsive-calendar .day.active a:hover {
	background-color: #ffb500;
}

.calendar .responsive-calendar .day .badge {
	background-color: #fff;
	border-radius: 50%;
	padding: 0 4px;
	font-size: 10px;
	line-height: 14px;
	color: #000;
}

/*listing carousel*/

.eventsList h2 {
	color: #1c2b36;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
}

.eventsList .slides li {
	padding: 0 10px;
}

.eventsList .slides a {
	display: block;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	color: #fff;
}

.eventsList .slides img {
	display: block;
	position: relative;
	z-index: 1;
}

.eventsList .slides .strap {
	position: absolute;
	z-index: 3;
	top: 30px;
	left: -42px;
	background-color: #ffb500;
	color: #030e15;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 50px;
	text-align: center;
	-ms-transform:rotate(-45deg); /* IE 9 */
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg) translate3d( 0, 0, 0); /* Safari and Chrome */
	-o-transform:rotate(-45deg); /* Opera */
	transform:rotate(-45deg);
}

.eventsList .slides .strap.featured {
	background-color: #cd1719;
	color: #fff;
}

.eventsList .slides .hoverContent {
	padding: 20px;
	position: absolute;
	z-index: 5;
	top: 66%;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #030e15;
	background: rgba(3,14,21,0.8);
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}

.eventsList .slides .hoverContent h3 {
	font-size: 18px;
	line-height: 20px;
}

.eventsList .slides .hoverContent p {
	display: none;
	opacity: 0;
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 0 0;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}

.eventsList .slides .hoverContent p.date {
	display: block;
	opacity: 1;
	font-style: normal;
}


.eventsList .slides .hoverContent p.btn {
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	padding: 14px 0;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	transition: all .9s ease;
	opacity: 0;
	display: block;
}

.eventsList .slides a:hover .hoverContent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.eventsList .slides a:hover .hoverContent p {
	display: block;
	opacity: 1;
}

/*on iner pages NH July 2nd*/

.eventsList.eventsPage {
	position: relative;
}

.eventsPage:before,
.eventsPage:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

.eventsPage:after { 
	clear: both;
}

/*NEWS LIST
**********************************************************/

.newsCarousel {
	position: relative;
	background: #030e15;
	padding-bottom: 23.99999999%;
	overflow: hidden;
}

.newsCarousel .slides {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.newsCarousel li {
	position: relative;
}

.newsCarousel .image {
	width: 50%;
	float: left;
	overflow: hidden;
}

.newsCarousel img {
	height: 100%;
	width: auto;
	display: block;
}

.newsCarousel .text {
	width: 50%;
	float: left;
	padding: 30px 0 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}

.newsCarousel h2 {
	font-size: 32px;
	line-height: 34px;
}

.newsCarousel h3 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 300;
	margin: 10px 0 0 0;
}

.newsCarousel p {
	margin: 10px 40px 0 0;
	opacity: 0.9;
}

.newsCarousel p.date {
	font-size: 13px;
	font-style: italic;
}

.newsCarousel p.link {
	text-decoration: underline;
}

.newsCarousel p.link:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding-left: 5px;
	display: inline-block;
}

/*QUICKLINK BOXES
**********************************************************/

.quickLink {
	position: relative;
	background: #030e15;
	overflow: hidden;
	margin-top: 50px;
}

.row > .quickLink {
	margin-top: 0;
}

.quickLink:hover {
	/*overflow: visible;*/
}

.quickLink.sixcol {
	padding-bottom: 23.99999999%;
}

.quickLink.fourcol {
	padding-bottom: 31.05%;
	margin-top: 50px;
}

.quickLink .inner {
	display: block;
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 0;
}

.quickLink a {
	color: #fff;
	text-decoration: none;
}

.quickLink img {
	display: block;
	position: relative;
	z-index: 1;
}

.quickLink .hoverContent {
	padding: 20px;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: -40px;
	background-color: #cd1719;
	background: rgba(205,23,25,0.8);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.quickLink .hoverContent h3 {
	font-size: 22px;
	line-height: 26px;
}

.quickLink .hoverContent p {
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 0 0;
}

.quickLink .hoverContent p.btn {
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	padding: 14px 0;
	opacity: 0;
	position: static;
	max-height: 0;
	margin-top: 15px;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}

.quickLink .inner:hover .hoverContent {
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: 0;
}

.quickLink .inner:hover .hoverContent p.btn {
	opacity: 1;
	max-height: 300px;
}

/*links list*/

.quickLink.linksList:hover {
	overflow: visible;
}

.quickLink.linksList .hoverContent {
	bottom: 0;
	top: 80%;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	transition: all .9s ease;
}

.quickLink.linksList .inner:hover .hoverContent {
	bottom: 0;
	top: 0;
}

.quickLink.linksList ul {
	opacity: 0;
	margin: 15px 0 0 0;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}

.quickLink.linksList .inner:hover ul {
	opacity: 1;
}

.quickLink.linksList ul li {
	list-style-type: none;
}

.quickLink.linksList ul a {
	display: block;
	padding: 6px 10px;
	text-transform: uppercase;
	background-color: #d44142;
	background: rgba(255,255,255,0.1);
	margin: 1px 0 0 0;
	font-size: 14px;
}

.quickLink.linksList ul a:hover {
	background: rgba(255,255,255,0.2);
}


/*FOOTER
***************************************************************/

footer  {
	background-color: #edf0f2;
	color: #4e677a;
	text-align: center;
	font-size: 13px;
}

footer a {
	color: #4e677a;
}

footer a:hover,
footer a:active,
footer a:visited {
	color: #4e677a;
}

footer .row {
	padding-top: 50px;
	padding-bottom: 50px;
}

.footerLinks,
.contactsLine,
.copyright {
	margin-top: 15px;
}

/*social links*/

.socialLinks {
	text-align: center;
	padding-bottom: 20px;
}

.socialLinks li {
	display: inline-block;
	margin: 0 7px;
}

.socialLinks a {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	text-indent: -5000px;
}

.socialLinks a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 28px;
	line-height: 28px;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 0;
	text-indent: 0;
	width: 64px;
	height: 64px;
}

.socialLinks .navfacebook a {
	background-color: #3b5997;
}
.socialLinks .navfacebook a:before {
	content: "\f09a";
}
.socialLinks .navtwitter a {
	background-color: #00aced;
}
.socialLinks .navtwitter a:before {
	content: "\f099";
}
.socialLinks .navyoutube a {
	background-color: #d90016;
}
.socialLinks .navyoutube a:before {
	content: "\f167";
}
.socialLinks .navlinkedin a {
	background-color: #005a87;
}
.socialLinks .navlinkedin a:before {
	content: "\f0e1";
}

/*footerLinks*/

.footerLinks ul {
	display: inline-block;
	text-align: center;
	list-style: none;
}

.footerLinks li {
	display: inline-block;	
}


.footerLinks li a {
	padding: 0 10px;
	border-right: 1px solid #8497a5;
}

.footerLinks li:last-child a {
	border-right: 0;
}

/*contact info*/

.contactsLine ul {
	display: inline-block;
	text-align: center;
	list-style: none;
}

.contactsLine li {
	display: inline-block;
	padding: 0 5px;
}

.contactsLine li:before {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: #cd1719;
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
	padding-right: 5px;
}

.contactsLine li.address:before {
	content: "\f041";
}
.contactsLine li.phone:before {
	content: "\f095";
}
.contactsLine li.email:before {
	content: "\f0e0";
}
.contactsLine li.fax:before {
	content: "\f02f";
}

/*copyright*/

footer .copyright,
footer .copyright a {
	color: #8497a5;
	font-size: 13px;
}


/*MAIN CONTENT BLOCK
****************************************************************/

.container.content > .row {
	display: flex;
	align-items: stretch;
	margin-top: 30px;
}

/*LEFT NAV
****************************************************************/

.leftNav {
	background-color: #edf0f2;
	padding: 55px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.leftNav ul {
	list-style: none;
	text-align: right;
}

.leftNav ul li a,
.leftNav ul li span {
	display: block;
}

.leftNav ul li a {
	color: #1c2b36;
	text-decoration: none;
}

.leftNav ul li span {
	color: #cd1719;
}

.leftNav > ul > li > a,
.leftNav > ul > li > span {
	font-size: 19px;
	padding: 8px 0;
}

.leftNav > ul > li ul {
	padding: 2px 0;
}

.leftNav > ul > li li a,
.leftNav > ul > li li span {
	font-size: 14px;
	text-transform: uppercase;
	padding: 4px 0;
}

.leftNav > ul > li li a {
	color: #4e677a;
}


/*BREADCRUMB
***************************************************************/

ul.breadcrumb {
	overflow: hidden;
	margin-top: -20px;
}

ul.breadcrumb li {
	list-style-type: none;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	color: #cd1719;
	padding: 0 10px 0 0;
}

ul.breadcrumb li a {
	color: #4e677a;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	color: #cd1719;
	text-decoration: underline;
}

ul.breadcrumb li a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: #4e677a;
	font-size: 16px;
	display: inline-block;
	padding: 0 0 0 10px;
}



/*NEWS/EVENTS LISTING PAGES
************************************************************/

.article {
	background-color: #edf0f2;
	padding: 2%;
	margin-top: 2%;
}

.article:before,
.article:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.article:after { 
	clear: both;
}

.article .image {
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article .text {
	float: left;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 2%;
}

.article h2 {
	font-size: 26px;
	text-transform: none;
	letter-spacing: 0;
	margin-top: 10px;
}

.article h2 a {
	text-decoration: none;
}

.article p {
	margin-top: 10px;
}

.copy ul.details {
	margin-top: 10px;
}

.copy ul.details li {
	margin-top: 1px;
	padding-left: 0;
	font-size: 14px;
}

.copy ul.details li a {
	color: #4e677a;
}

.copy ul.details li:before {
	width: 18px;
	text-align: center;
}
.copy ul.details li.date:before {
	content: "\f073";
}
.copy ul.details li.time:before {
	content: "\f017";
}
.copy ul.details li.location:before {
	content: "\f041";
}
.copy ul.details li.person:before {
	content: "\f007";
}
.copy ul.details li.money:before {
	content: "\f153";
}
.copy ul.details li.people:before {
	content: "\f0c0";
}
.copy ul.details li.link:before {
	content: "\f0c1";
}
.copy ul.details li.phone:before {
    content: "\f095";
}


.article p.more {
	margin-top: 15px;
	text-align: right;
}
/*start of "more" styling*/
p.morePrev,
p.moreNext {
	display: inline-block;
}

p.moreNext {
	float: right;
}

p.more a,
p.morePrev a,
p.moreNext a {
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	padding: 8px 15px;
	display: inline-block;
	color: #fff;
	background-color: #cd1719;
	text-decoration: none;
}

p.more a:after,
.articleDetail p.more a:before,
p.moreNext a:after,
p.morePrev a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 16px;
	padding: 0 0 0 10px;
	display: inline-block;
}

.articleDetail p.more a:after,
p.morePrev a:after {
	content: "";
}

.articleDetail p.more a:before,
p.morePrev a:before {
	content: "\f104";
	padding: 0 10px 0 0;
}

/*end of "more" styling*/

/*news/events detail pages*/

.articleDetail {
	overflow: hidden;
}

.articleDetail h2 {
	color: #1c2b36;
	font-size: 40px;
	line-height: 46px;
	margin: 15px 0 30px 0;
}

.share {
	background-color: #edf0f2;
	width: 65%;
	float: left;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 1% 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.share h3 {
	font-size: 18px;
	display: inline-block;
	padding-right: 10px;
	color: #1c2b36;
}
.share .shareList {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
	top: -4px;
}

.share .shareList li {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0;
}

.share .shareList li:before {
	content: "";
}

.share .shareList a {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	text-indent: -5000px;
}

.share .shareList a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 6px;
	text-indent: 0;
	width: 32px;
	height: 32px;
}

.share .shareList .facebook a {
	background-color: #3b5997;
}
.share .shareList .facebook a:before {
	content: "\f09a";
}
.share .shareList .twitter a {
	background-color: #00aced;
}
.share .shareList .twitter a:before {
	content: "\f099";
}
.share .shareList .youtube a {
	background-color: #d90016;
}
.share .shareList .youtube a:before {
	content: "\f167";
}
.share .shareList .linkedin a {
	background-color: #005a87;
}
.share .shareList .linkedin a:before {
	content: "\f0e1";
}
.share .shareList .googleplus a {
	background-color: #d90016;
}
.share .shareList .googleplus a:before {
	content: "\f0d5";
}

.details {
	width: 60%;
	margin: 20px 0 0 0;
}

figure {
	width: 33%;
	position: relative;
}

figcaption, figure .caption2 {
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	padding: 10px;
	text-align: center;
}

.copy .articleDetail .detailsWrap {
	background-color: #edf0f2;
	width: 61%;
	float: left;
	clear: left;
	margin: 2% 0;
	padding-bottom: 10px;
	padding: 0 2% 1%;
}

.copy .articleDetail .detailsWrap ul {
	width: 50%;
	float: left;
}

.copy .articleDetail p {
	clear: left;
}

.articleDetail .expand {
	display: none;
}

/*FAMILY TREE
******************************************************/

.familyTree * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

 figure.familyTree {
    width: auto;
    margin-top: 30px;
}

.familyTree.cf:before,
.familyTree.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.familyTree .cf:after {
    clear: both;
}

.familyTree ul {
    padding: 0;
    margin: 0;
    list-style: none;       
}

.familyTree ul li {
    padding: 0;
    list-style: none;       
}

.familyTree ul a {
    display: block;
    background: #dee3e6;
    border: 4px solid #ccd4da;
    text-decoration: none;
    height:100px;
    margin-bottom: -26px;   
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    transition: all linear .3s;
}

.familyTree ul a:hover {
    border: 4px solid #cd1719;
    box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
}

.familyTree ul .george > a {
    height:150px;
}

.familyTree .outerTree > li > a {
    width: 24.99999999%;
    left: 24.99999999%;
    margin: 0;
}

.familyTree .mainTree {
    width: 100%;
}

.familyTree .mainTree > li.spouse { 
    width: 22.99999999%;
    height: 150px;
    margin: 0 auto 35px auto;       
    padding-top: 25px;
    z-index: 1; 
    float: left;
    left: 24.99999999%;
    border-left: 4px solid #ccd4da; 
}

.familyTree li.lev1.spouse:before,
    .familyTree .open > li.spouse:before {
        content: "\f063";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #8497a5;
        font-size: 18px;
        line-height: 18px;
        display: block;
        position: absolute;
        top: -65px;
        left: 50%;
    }


.familyTree .mainTree > li.spouse:before {
    top: 5px;
    left: 50%;
}

.familyTree .mainTree > li.spouse a {
    width: 100%;
    left: 25px;
}

.familyTree .mainTree.first,
.familyTree .mainTree li.second {
    margin-left: 0;
    clear: left;    
}

.familyTree .mainTree:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 32px;   
    border-top: 4px solid #ccd4da;
    border-right: 4px solid #ccd4da;
    border-left: 4px solid #ccd4da;
    margin: 0 auto;
    top: 150px;
    left: 11.35%
}

.familyTree .lev1:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 32px;
    border-left: 4px solid #ccd4da;
    z-index: 1;
    top: -32px;
    left: 50%;
    margin-left: -4px;
}

.familyTree .lev1.george.open:after {
        content: "";
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #ccd4da;
        z-index: -1;
        bottom: -10px;
        left: -14px;
    }

.familyTree .lev1.first:before,
.familyTree .lev1.second:before,
.familyTree .lev1.last:before {
    border:none;
}

.familyTree .lev1 {
    border-left: 4px solid #ccd4da;
    float: left;
    margin-bottom: 60px;
}

.familyTree .lev1 > a {
    margin: 0 0 0 -4px;
    z-index: 1;
}

.familyTree .lev1 > ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.familyTree .lev1 li {  
    padding-left: 25px;
    border-top: 4px solid #ccd4da;
    position: relative;
    margin-top: 70px;
}

.familyTree .lev1 li.spouse {   
        border-top: 4px solid #fff;
    }


.familyTree .lev2.spouse {  
    border-top: 0 !important;
    padding-top: 5px;
}

.familyTree .lev1 > ul > li.last {  
    margin-bottom: -50px;
}

.familyTree .lev1 li a {
    background: #fff;
    top: 0; 
    margin-top: -50px;
    margin-bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100px;
    vertical-align: middle;
    /*right: -1px;*/
    background-color: #e4e8eb;
}

.familyTree .lev1 li.haschildren ul {
           margin-top: -100px;
           padding-top: 100px;
      }

      .familyTree .lev1 li.haschildren ul.open {
           border-left: 4px solid #ccd4da;
      }
	  
.familyTree .lev1 li.haschildren.onlyspouse ul.open {
        border-left: 0;
    }

/*.familyTree .lev1 li.haschildren.lev2 > ul {
    padding-bottom: 50px;
    margin-bottom: -50px;
}*/
.familyTree .lev1 li.haschildren.lev2 > ul .last {
        margin-top: 20px;
        margin-bottom: 120px;
        padding-bottom: 0;
        position: relative;
        top: 50px;
        left: -5px;
        border-left: 5px solid #fff;
    }


.familyTree .lev1 li.haschildren.lev3 > ul .last {
           margin-top: 20px;
           margin-bottom: 120px;
           padding-bottom: 0;
           position: relative;
           top: 50px;    
      }
	  
.familyTree .lev1 li.haschildren.lev3.last > ul .last {
        margin-bottom: 170px;
    }

/*.familyTree .lev1 li.lev3.last {
           margin-top: 20px;    
           position: relative;
           top: 50px;
           margin-bottom: 120px;
      }*/

/*open close*/

.familyTree .toggle {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    background-color: #cd1719;
    color: #fff;
    text-indent: -5000px;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    transition: all linear .2s;
}

.familyTree .toggle:before {
    content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -1px;
    left: 6px;
    text-indent: 0;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    transition: all linear .2s;
}

.familyTree .toggle.open:before {
    content: "\f068";
    top: -1px;
    left: 6px;
}


.familyTree .toggle:hover {
    background-color: #fff;
    box-shadow: 0 -1px 6px rgba(0,0,0,0.2);
}

.familyTree .toggle:hover:before {
    color: #cd1719;
}

.familyTree .lev1 ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    transition: all linear .3s;
}

.familyTree .lev1 ul.open {
    max-height: 5000px;
    overflow: visible;
}
/*added June 30th Nh*/ 
.familyTree i.fa-expand {
	position: absolute;
	z-index: 10;
	top: -5000px;
	right: 10px;
	color: #cd1719;
	opacity: 0;
	-webkit-transition: opacity ease .3s;
    -moz-transition: opacity ease .3s;
    transition: opacity ease .3s;
}

.familyTree a:hover i.fa-expand {
	top: 13px;
	opacity: 1;
}  

/*content*/

.familyTree h3 {
    margin: 0;
    padding: 10px 10px 3px;
    text-transform: none;
    letter-spacing: 0;
    color: #1c2b36;
    font-size: 19px;
    line-height: 20px;
}

.familyTree .lev2 h3 {
    font-size: 17px;
    line-height: 18px;
}

.familyTree .lev3 h3 {
    font-size: 15px;
    line-height: 16px;
}

.familyTree .lev3 h4 {
    font-size: 14px;
    line-height: 15px;
}

.familyTree p {
    margin: 0;
    padding: 0 10px 0;
    color: #4e677a;
    font-size: 14px;
    line-height: 20px;
}

.familyTree p.rel {
    font-style: italic;
}

/*george*/

.familyTree .george > a h3 {
    color: #cd1719;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    padding-right: 100px;
}

.familyTree .george > a p {
    color: #cd1719;
    font-size: 18px;
    padding-right: 100px;
}

.familyTree li img {
        width: auto;
        height: 80%;
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .familyTree .george img {
        width: 45%;
        height: auto;
    }


/*lightbox content*/

.familyTree .bio {
    display: none;
}

.fancybox-inner .bio {
    max-width: 760px;
    padding: 40px;
}

.fancybox-inner .bio img {
    max-width: 300px;
    float: right;
    padding: 0 0 20px 20px;
}

.fancybox-inner .bio h3 {
    color: #cd1719;
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
    padding: 10px 0 10px;
}

.fancybox-inner .bio h4 {
    color: #1c2b36;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 10px;
    text-transform: none;
}

.fancybox-inner .bio p.date {
    color: #cd1719;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    padding: 0 0 10px;
}

.fancybox-inner .bio p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 10px;
}

/*PRINT BUTTON
*****************************************************************/
 
a.btn.print {
	display: inline-block;
	padding: 3px 10px;
	font-size: 14px;
	background: #e4e8eb;
	float: right;
	position: relative;
	top: -28px;
}
 
a.btn.print.bottom {
	top: auto;
}
 
a.btn.print i {
	padding-right: 5px;
}

/*GALLERY
*****************************************************************/
 
.photoGallery {
	background: #edf0f2;
	margin: 30px 0 0 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
.photoGallery h3 {
	color: #cd1719;
	font-size: 22px;
	text-transform: none;
	padding-bottom: 10px;
}
 
.photoGallery p {
	padding-bottom: 10px;
}
 
.photoGallery ul {
	overflow: hidden;
	margin: 20px 0 0 0;
}
 
.photoGallery li {
	float: left;
	list-style-type: none;
	margin: 0 20px 20px 0;
}
 
.photoGallery img {
	height: 100px;
	width: auto;
	display: block;
}
 
.fancybox-skin .fancybox-title {
	color: #cd1719;
	font-size: 17px;
	text-transform: none;
	font-family: 'playfair_displayregular', 'Times New Roman', serif;
	font-weight: 400;
}
 
body #fancybox-thumbs.bottom {
	bottom: 20px;
}
 
body #fancybox-thumbs ul li.active {
	opacity: 1;
}

/*SPONSORS
*****************************************************************/
 
.sponsorsGroup {
 
}
 
ul.sponsorsList .copy {
	padding: 0;
}
 
ul.sponsorsList > li {
	background: #e4e8eb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 20px 20px;
	margin-top: 2%;
	height: 500px;
	position: relative;
	list-style-type: none;
}
 
ul.sponsorsList .image {
	background: #fff;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
}
 
ul.sponsorsList .image > a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
 
ul.sponsorsList h3 {
	font-size: 20px;
	line-height: 22px;
	margin: 20px 0 0;
	text-decoration: none;
	letter-spacing: 0;
}
 
ul.sponsorsList h3 a {
	text-decoration: none;
	color: #030e15;
}
 
ul.sponsorsList p {
	font-size: 14px;
	line-height: 20px;
}
 
ul.sponsorsList .details {
	width: 100%;
}
 
ul.sponsorsList p.more a {
	display: block;
	text-align: center;
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ccd4da;
	color: #cd1719;
}
 
ul.sponsorsList p.more a:after {
	color: #cd1719;
}
 
/*btn links*/
 
.copy ul.btnLinks {
	margin: 20px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 20;
	bottom: 20px;
	left: 20px;
	right: 20px;
}
 
.copy ul.btnLinks li {
	margin: 0;
	padding: 0;
}
 
.copy ul.btnLinks li:before {
	content: "";
	display: none;
}
 
.copy ul.btnLinks a {
	display: block;
	background: #ccd4da;
	padding: 5px 15px;
	margin: 5px 0 0 0;
	text-decoration: none;
	font-size: 14px;
}
 
.copy ul.btnLinks a:hover {
	background-color: #fff;
}
 
.copy ul.btnLinks a:before {
	content: "\f18e";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: inherit;
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
	padding-right: 5px;
}
 
.copy ul.btnLinks .website a:before {
	content: "\f0c1";
}
 
/*modal*/
 
body .fancybox-skin {
	border-radius: 0;
}
 
.sponsorModal {
	padding: 0 20px 20px;
}
 
.sponsorModal img {
	float: right;
	display: block;
	margin: 0 0 20px 30px;
	border: 1px solid #ccd4da;
	width: 220px;
	height: auto;
}
 
.sponsorModal.copy ul.btnLinks {
	margin: 20px 0 0 0;
	position: static;
}


/*greyscale
*************************************************************/

body.greyScale a,
body.greyScale .hoverContent p.btn,
body.greyScale .copy h3,
body.greyScale .copy h5,
body.greyScale .copy ul li:before,
body.greyScale .fancyvideo:after,
body.greyScale .mainNav ul li > a:hover,
body.greyScale .mainNav ul .active > a,
body.greyScale .uccLink > a.dropdownLink span,
body.greyScale .introduction h2 b, 
body.greyScale .introduction h2 strong,
body.greyScale .contactsLine li:before,
body.greyScale .leftNav ul li span,
body.greyScale ul.breadcrumb li,
body.greyScale ul.breadcrumb li a:hover,
body.greyScale .familyTree .toggle:hover:before,
body.greyScale .familyTree i.fa-expand,
body.greyScale .familyTree .george > a h3,
body.greyScale .familyTree .george > a p,
body.greyScale .fancybox-inner .bio h3,
body.greyScale .fancybox-inner .bio p.date,
body.greyScale .photoGallery h3,
body.greyScale .fancybox-skin .fancybox-title,
body.greyScale ul.sponsorsList p.more a,
body.greyScale ul.sponsorsList p.more a:after {
	color: #545454;
}

body.greyScale .uccLink > a.dropdownLink:after,
body.greyScale .uccLink a.searchLink:after,
body.greyScale .uccLink .searchContent,
body.greyScale .banner .tile.asterisk, 
body.greyScale .banner .tile,
body.greyScale .calendar .responsive-calendar .day.active a,
body.greyScale .eventsList .slides .strap.featured,
body.greyScale .quickLink .hoverContent,
body.greyScale p.more a,
body.greyScale p.morePrev a,
body.greyScale p.moreNext a,
body.greyScale .familyTree .toggle,
body.greyScale .uccLink a.searchLink:after,
body.greyScale .mainNav nav > ul li.dropDown .ddBox p,
body.greyScale .mainNav nav > ul li.dropDown .ddBox ul li a:hover {
	background-color: #545454;
}

body.greyScale .banner .tile.yellow,
body.greyScale .eventsList .slides .strap {
	background-color: #d1d3d4;
}

body.greyScale .banner .tile.blue {
	background-color: #8d8d8d;
}

body.greyScale .banner .tile.logo {
	background-color: transparent !important;
	background: transparent !important;
}

body.greyScale .banner .tile.asterisk .hoverContent,
body.greyScale .calendar .responsive-calendar .controls,
body.greyScale .calendar .responsive-calendar .day-headers {
	background: #545454;
}

body.greyScale .mainNav ul li > a:hover,
body.greyScale .mainNav ul .active > a {
	border-bottom: 5px solid #545454;
}

body.greyScale .calendar .responsive-calendar .day {
	border-bottom: 1px solid #545454;
}

body.greyScale .familyTree ul a:hover {
	border: 4px solid #545454;
}

body.greyScale img.desaturate {
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
	filter: gray;
}

body.greyScale .banner .tile.logo img.colorMain {
	display: none;
}

body.greyScale .banner .tile.logo img.greyAlternative {
	display: block;
}

body.greyScale .introduction h2 span {
	color: #4e677a;
}

body.greyScale .eventsList .slides .hoverContent, body.greyScale .quickLink .hoverContent h3 a { 
  color:white; 
}

body.greyScale .eventsList .slides .hoverContent {
	background: rgba(84,84,84,0.8);
}

body.greyScale .hoverContent p.btn {
	color: #545454 !important;
}

body.greyScale .socialLinks li a {
	background-color: #545454 !important;
}


/*subscribeButton
*************************************************************/
.subscribeButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.subscribeButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.subscribeButton:active {
	/*position:static;*/
	top:1px;
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display: inline; text-align: left; padding: 10px 0 10px 3%; }
#mc_embed_signup h2 {font-weight: bold; padding: 0; margin: 15px 0; font-size: 1.4em; }
 
#mc_embed_signup input { display:inline; border: 1px solid #ababab; -webkit-appearance: none; }
#mc_embed_signup input[type=checkbox]{ -webkit-appearance: checkbox; }
#mc_embed_signup input[type=radio]{ -webkit-appearance: radio; }
#mc_embed_signup input:focus { border-color: #799877; }
#mc-embedded-subscribe input{display:inline; }


span.TEX {letter-spacing: -0.125em; padding-right:0.125em; }
span.TEX span.E { position:relative;top:0.4ex;left:-0.0417em;}
a span.TEX span.E {text-decoration: none; }

span.LATEX { padding-right:-0.8em; }
span.LATEX span.A { position:relative; top:-0.4ex; left:-0.2em; font-size:80%;}
span.LATEX span.TEX { position:relative; left: -0.2em; }
span.LATEX span.E { position:relative; top:0.4ex; }
a span.LATEX span.A {text-decoration: none; }

span.BIBTEX {  }
span.BIBTEX span.I { position:relative;top:0.4ex; }

span.LYX {  }
span.LYX span.Y { position:relative;top:0.4ex; }

span.XETEX { padding-right:-0.8em; }
span.XETEX span.Ǝ { font-size:0.9em;
	position:relative;
	top:0.4ex;
	left:-0.0417em; }
/* -moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
FILTER:FlipH;
*/
span.XETEX span.TEX { position:relative; left: -0.2em; }
span.XETEX span.E { position:relative; top:0.4ex; }
a span.XETEX span.A {text-decoration: none; }