/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Positype
 * License URL: http://www.fontspring.com/licenses/positype/webfont
 *
 *
 */

@font-face {
	font-family: 'fuguregular';
	src: url('Fugu-webfont.eot');
	src: url('Fugu-webfont.eot?#iefix') format('embedded-opentype'),  url('Fugu-webfont.woff2') format('woff2'),  url('Fugu-webfont.woff') format('woff'),  url('Fugu-webfont.ttf') format('truetype'),  url('Fugu-webfont.svg#fuguregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'banker_squareregular';
	src: url('BankerSquare-Regular-webfont.eot');
	src: url('BankerSquare-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('BankerSquare-Regular-webfont.woff2') format('woff2'),  url('BankerSquare-Regular-webfont.woff') format('woff'),  url('BankerSquare-Regular-webfont.ttf') format('truetype'),  url('BankerSquare-Regular-webfont.svg#banker_squareregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin: 0;
	padding: 0;
	border-width: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
body {
	font-size: 100%;
	line-height: 1.4;
	background-color: #BDB9B0;
	height: 100%;
	margin:0 auto;
}

/* ~~ this fixed width container surrounds all other divs ~~ */
.container {
	width: 1024px; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	background-color: #1A608D;
	position: relative;
	padding: 0;
	margin: 0 auto;
}

.wrapper {
	width: 790px;
	background-color: #EFE4C6;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 20px 26px 24px;
	float: right;
}

.page, .page-background {
/*	border-left: solid 1px #8b0018;
*/	/*margin-left: 26px;*/
/*	padding-left: 26px;*/
	clear: both;
	margin-top: 40px;
}

.page-background {
	background-image: url(../image/12-6_OrHi77105-Deady.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.floatRight {
	float: right;	
}
.floatLeft {
	float: left;	
}
.left-image {
	float: left;
	margin-right: 25px;
	margin-bottom:6px;
}

div.oval-image {
	border-style: solid;
}

.right-image {
	float: right;
	margin-left: 25px;
	margin-bottom:6px;
}
.center-image-full {
	margin: 0 auto;
	padding-right: 26px;
		
}

.columnRight {
	float: right;
	width: 41%;
	padding:0;
	margin:0 0 0 12px;
}

.columnLeft {
	width: 56%;
	float:left;
}

h1 {
	color: #8b0018;
	font-size: 32px;
	line-height: 0.956;
	font-weight: 300;
	margin-bottom: 9px;
	margin-top: 22px;
	orphans: 1;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

h2 {
	color: #006091;
	font-size: 30px;
	font-style: italic;
	font-weight: 100;
	line-height: 0.95;
	margin-bottom: 14px;
	margin-left: 0;
	margin-right: 0;
	margin-top: -6px;
	text-align: left;
}

h2.red {
	font-style: italic;
	color: #8b0018;
	font-size: 34px;
	margin-top: 37px;
}

p.blockquote-pullout {
	color: rgba(176,184,149,1.00);
	font-family: 'fuguregular', 'Meddon', cursive;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.125;
	margin: 0 0 26px 0px;
	text-align: center;
}

p {
	color: #006091;
	font-size: 12px;
	line-height: 1.357;
	margin: 0 26px 9px 0;
	text-align: left;
}

p.green-emphasis {
	color: #62712c;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.357;
	margin-bottom: 9px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	orphans: 1;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	widows: 1;
}

p.last {
	margin-bottom: 18px;
}

blockquote {
 	color:rgba(85,28,0,1.00);
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.182;
	margin: 0 26px 14px 26px;
	text-align: left;
	color: #8b0018;
}
blockquote.columnRight {
	margin-bottom: 14px;	
}

p.pullquote {
	color: #a7b084;
	font-family: 'fuguregular', 'Meddon', cursive;
	font-size: 21px;
	font-weight: normal;
	line-height: 1.048;
	orphans: 1;
	text-align: center;
	margin: 0 0 9px 0;
}

h3 {
	color: #62712c;
	font-family: 'banker_squareregular', "Bank Gothic", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 5px 0;
	text-align: left;
	text-indent: 0;
}

figure {
	display:block;
}

figure.floatLeft {
	margin: 0 25px 6px 0	
}
figure.floatRight {
	margin: 0 0 6px 25px;
}
p.caption, figcaption {
	color: rgba(85,28,0,1.00);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-bottom: 24px;
	margin-left: 12px;
}

.red {
	color: #8b0018;
	font-size: 42px;
	font-style: normal;
}

.red.large {
	font-size: 48px;	
}

.green-text {
	color: #62712c;
	font-size: 12px;
	font-weight: normal;
	text-indent: 15px;
}

.small {
	font-size: 10px;
}

.blockquote-pullout {
	color: #a57757;
	font-family: 'fuguregular', 'Meddon', cursive;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}


.half {
	width: 47%;
}

.third {
	width: 32%;
}
.two-thirds {
	width:66%
}

.columnMiddle {
	padding-right: 0px;
	margin-left: 0px;
	float: right;
	margin-right: 0px;
	width: 60%;
}

.clearfloat {
	clear: both;
}

columnMiddle .left-image {
	float: right;
}

.page-background .footnotes {
	font-size: 10px;
	width: 57%;
}

.columnMiddle .percent {
	width: 60%;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.columnRight.narrow, .narrow {
	width: 190px;
}

.width {
	width: 30%;
}

.normal {
	font-style:normal;
}
/*-----------sidebar ---------*/
.sidebar1 {
	float: left;
	width: 190px;
	padding-bottom: 10px;
	color: #FFF;
	background-image: url(../images/bkg_blue.jpg);
	background-repeat: repeat;
	height: 100%;
	position: relative;
	z-index: 100;
}

.sidebar1 h1 {
	font-size: 22px;
	font-weight: lighter;
	text-align: center;
	color: #EFE4C6;
	line-height: 100%;
}

.sidebar1 a img {
	margin: 18px;
}

.sansHistSociety {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; 
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	letter-spacing: 0.05em;
	font-style: italic;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

ul.nav li {
	padding-left: 25px;
	line-height: 100%;
	display: block;
	background: url(../images/nav_diamond.png) no-repeat 23px 10px;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 0 5px 19px;
	display: block;
	width: 134px;
	text-decoration: none;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
	background-color: #1A608D;
}

.nav2 li { /* nav below main nav in sidebar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 24px;
	list-style-type: none;
	margin: 12px 0;
}
/*-------button sidebar------*/
li a.button {
	text-align:center;
	color: #1A608D;
padding: 6px 12px;
border: 1px solid #999;
border-radius: 4px;
background-color: white;
box-sizing: border-box;
width: 100px;
margin: 2em auto;
font-size: 18px;
font-weight:bold;
}

.nav2 li.button {
	margin-top: 2em;	
}



/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFF;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:visited {
	color: #FFF9E7;
	text-decoration: none;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	/* text-align: center; */
}

.archbishop {
	padding-right: 26px;
	padding-top: 20px;
}

.zeromargin.floatLeft, .zeromargin.floatRight  {
	margin: 0;
}
/*--------footer-----------*/
#footer {
	clear: both;
	font-size: 9px;
	color:#1A608D;
	text-align: left;
	padding-left: 230px;
	padding-right: 100px;
	background-color: #FFF;
	padding-top: 10px;
}
#footer ul {
	height: 50px;
	margin: 0 auto;
}

.footerNav {
	margin-right: auto;
	margin-left: auto;
}

.footerNav ul li {
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

.footerNav ul li a {
	color: #4776CF;
}
.leadColumn .leadP {
	line-height: 160%;
	float: left;
}
.leadColumn h1 {
	display: block;
	font-size: 44px;
	line-height: 95%;
}
.italicH {
	font-size: 36px;
	font-style: italic;
	color: #1A608D;
	margin: 0;
	line-height: 32px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-left: -15px;
}
.threeColumn {
	float: right;
	width: 30%;
}
 .threeColumn ul {
	background: #1A608D;
	padding: 12px;
	margin: 12px;
}

.content .threeColumn ul {
	margin: 0;
	margin-top: 12px;
}
.content h1 {
	font-size: 44px;
	line-height: 95%;
	color: #87001b;
	font-weight: normal;
	padding-left: 40px;
	padding-top: 45px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	display: block;
}
 .menu-top ul {
	background: #1A608D;
	padding: 12px;
	margin: 12px;
	float: right;
	width: 30%;
}
.threeColumn {
	float: right;
	width: 30%;
}
  .menu-top ul {
	background: #1A608D;
	padding: 12px;
	margin: 12px;
	float: right;
	width: 33%;
}
.content .threeColumn ul {
	margin: 0;
	margin-top: 12px;
}

h1.medium {
	font-size: 32px;	
}