/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

strong{
	font-weight: 700
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p em{
	font-style: italic;
	font-weight: 400;
}

p.firstP::first-letter{
	
	font-weight: 700;
	font-size: 250%;
}


/* ************* TEMPLATE CSS  ***************** */
body{

	font-family: "Gotham A", "Gotham B", "Helvetica", sans-serif;
	font-style: normal;
	font-size: 100%;
	font-weight: 400;
	color: #1a213c;

}

a 				{	text-decoration: none; }
a:link 		{	color: #c40b8e;  }
a:visited 	{	color: #c40b8e;  }
a:hover 		{	color: #c40b8e;  }
a:active 	{  color: #c40b8e;  }

ul {
	padding-left: 10px;
}

h1{
	color: #c40b8e; 
}

h2{
	margin-top: 40px;
	color: #0333bd;
}

hr{
	color: #c40b8e; 
	background-color: #c40b8e; 
	border-color:transparent;
	height: 3px;
	margin-top: 40px;
	margin-bottom: 40px;
  }
  

.current{
	color: #374866;
}



#navigation{
	font-family: minion-3, serif;
	font-style: normal;
	font-weight: 400;
	color: #c40b8e;
}

#navigation span{
	margin-left: 2px;
	background-image: url("/img/nav_separator.png"); 
}


#navigation span.nav1{
	background-image: none;
}


.indented{
	margin-left: 20px;
}


/* Site CSS *************************************************** */
@media screen and ( max-device-width:750px )  { 
	

		body{
			background-image: url("/img/background.jpg"); 
			background-position: -130px -100px;
			background-size: 90%;
			background-repeat: no-repeat;
		}

		h1{
			font-size: 420%;
			font-weight: 700;
			line-height: 110%;
			margin-bottom: 10%;

			background-color: rgba(255,255,255,0.5);
		}

		.summary h1{
			margin-bottom: 0px;
		}

		#content ul li {

			background-image: url("/img/nav_separator.png");
			background-repeat: no-repeat;
			background-size: 13px;
			background-position: 0px 25px;

			padding-left: 20px;
			margin-bottom: 30px;
			margin-right: 20px;


			font-size: 45px;
			line-height: 65px;
		}

	
		#logo{
			height: 200pt;
			width: 90%;

			text-align: right;

			margin-left: auto;
			margin-right: auto;
		}

		#logo img{
			margin-top: 0pt;
			width: 90%;
		}	

		#navigation{
			font-size: 290%;
			margin-right: 20px;

			line-height: 150%
		}

		#navigation span{
			

			padding-left: 20px;

			background-size: 8px;
			background-position: 0px 28px;

			background-repeat: no-repeat;
		}

		h2{

			line-height: 136%;
			margin-bottom: 15px;
			font-weight: 700;
			font-size: 360%;
		}

		h3{
			font-family: "eb-garamond", times, serif;
			line-height: 136%;
			margin-bottom: 15px;
			font-weight: 700;
			font-size: 320%;
		}

		p{
			margin-bottom: 60px;
			font-size: 280%;
			line-height: 150%
		}

		p.firstP::first-letter{
			
			font-weight: 700;
			font-size: 250%;
		}

		#content b{
			font-weight: 550;
		}


		#content{
			margin-top: 200px;
			width: 85%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 150px;
		}

		blockquote{
				font-family: "eb-garramond", times, serif;
		    display: inline-block;
		    margin-left: 5%;
		    width: 95%;

		    font-style: italic;
				font-weight: 400;
				color: #5C0543;
		}

		.inlineBorderedTable{
			margin-left: -7%;
			border: 1px solid #0333bd;
			margin-bottom: 20px;
			width: 112%;
		}


		.inlineBorderedTable td{
			border: 1px solid #0333bd;
			padding: 10px;

			font-size: 180%;
		}

		.inlineBorderedTable td p{
			
			font-size: 100%;
		}

		.inlineBorderedTable td em{
			font-style: italic;
			font-weight: 400;
		}


		.date{
			font-size: 250%;
    		font-style: italic;
    		display: block;
    		font-color:#666666;
    		padding-bottom: 20px
		}

		img.size-medium{
			width: 30%;
			height: auto;
		}
}


@media screen and (min-device-width:751px)  {

		body{
				background-image: url("/img/background.jpg"); 
				background-position: -120px -220px;
				background-size: 75%;
				background-repeat: no-repeat;
		}

		.contained{
			background-color: rgba(255,255,255,.9);

			box-shadow: 
				0px 0px 50px 50px rgba(255,255,255,.7) , 
				0px 0px 50px 50px rgba(255,255,255,.7) ; 


		}

		h1{
			font-size:1.75em;
			font-weight: 700;
			line-height: 110%;

			margin-bottom: 3%;
			padding-top: 1%;
			padding-bottom: 1%;

		}

		.summary h1{
			margin-bottom: 0px;
		}

		ul li {

			background-image: url("/img/nav_separator.png");
			background-repeat: no-repeat;
			background-size: 10px;
			background-position: 2px 7px;

			padding-left: 20px;
			margin-bottom: 15px;
			margin-right: 20px;
		}

	
		#logo{
			height: 200pt;

			width: 454pt;
			margin-left: auto;
			margin-right: auto;

			text-align: right;
		}

		#logo img{
			margin-top: 0pt;
			width: 360pt
		/*	position: relative;
	    	right: 0px;*/
		}


		#navigation{
			font-size: 12pt;
			margin-right: 15px;

			line-height: 180%;
		}


		#navigation span{

			padding-left: 10px;

			background-size: 4px;
			background-repeat: no-repeat;
			background-position: 0px 10px;
		}

		h1{
			
		}

		h2{

			line-height: 136%;
			margin-bottom: 15px;
			font-weight: 700;
			font-size: 1.5em;
		}



.contained blockquote h2{
	margin-top: 0px;
}


		h3{

			font-family: "eb-garamond", times, serif;
			line-height: 136%;
			margin-bottom: 15px;
			font-weight: 700;
			font-size: 1.25em;
		}

		p{
			margin-bottom: 25px;
		}

		p.firstP::first-letter{
			
			font-weight: 700;
			font-size: 36pt;
		}

		#content{

			font-size: 	115%;
			line-height: 136%;

			width: 454pt;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 150px;
		}

		#content b{
			font-weight: 550;
		}


		blockquote{
				font-family: "eb-garramond", times, serif;
		    width: 80%;
		    margin-left: 7%;
		    margin-right: auto;
		    display: inline-block;

		    font-style: italic;
				font-weight: 400;
				color: #5C0543;
		}

		.inlineBorderedTable{
			border: 1px solid #0333bd;

			margin-bottom: 20px;
		}

		.inlineBorderedTable td{
			border: 1px solid #0333bd;
			padding: 10px;

			font-size: 90%;
		}

		.inlineBorderedTable td em{
			font-style: italic;
			font-weight: 400;
		}

		.date{
			font-size: 80%;
    		font-style: italic;
		}
}

img.alignright{
	
	float: right;
    margin-left: 10px;
    margin-top: 10px;
}

img.aligncenter{
	
	float: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

img.size-large{
	width: 100%;
    height: auto;
}


.summaryImg{
	width:100%;
}