@charset "UTF-8";
/* CSS Document */



@font-face {
    font-family: 'LatinModernRoman10Regular';
    src: url('../fonts/Latin-Modern-Roman-fontfacekit/lmroman10-regular-webfont.eot');
    src: url('../fonts/Latin-Modern-Roman-fontfacekit/lmroman10-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Latin-Modern-Roman-fontfacekit/lmroman10-regular-webfont.woff') format('woff'),
url('../fonts/Latin-Modern-Roman-fontfacekit/lmroman10-regular-webfont.ttf') format('truetype'),
url('../fonts/Latin-Modern-Roman-fontfacekit/lmroman10-regular-webfont.svg#LatinModernRoman10Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'Dubiel';
	src: url('../fonts/Dubiel/Dubiel.ttf');
	src: local('‚ò∫'),
url('../fonts/DubielPlain/Dubiel.ttf') format('truetype'),
url('../fonts/DubielPlain/DubielItalic') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'greek_beckernormal';
    src: url('../fonts/greekbecker/greekbecker-webfont.eot');
    src: url('../fonts/greekbecker/greekbecker-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/greekbecker/greekbecker-webfont.woff') format('woff'),
url('../fonts/greekbecker/greekbecker-webfont.ttf') format('truetype'),
url('../fonts/greekbecker/greekbecker-webfont.svg#greek_beckernormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'VollkornRegular';
    src: url('../fonts/Vollkorn/Vollkorn-Regular-webfont.eot');
    src: url('../fonts/Vollkorn/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Vollkorn/Vollkorn-Regular-webfont.woff') format('woff'),
url('../fonts/Vollkorn/Vollkorn-Regular-webfont.ttf') format('truetype'),
url('../fonts/Vollkorn/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

greekFont {
font-family: "greek_beckernormal";
font-size:1.2em;
color: #333636; 
letter-spacing:  -0.03em;
text-decoration:none;
}


html {
	margin: 0;
	padding: 0;
}


body { 
	margin: 0px; 
	padding: 0px;
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:  -0.03em;
	line-height: 150%;
	
	color: #4e5353; 
	background-color:#fff;
	height:100%;
	
}


 .theFade {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
				@keyframes fadein {
					from {	opacity: 0;	}
					to { opacity: 1; }
				}

				/* Firefox < 16 */
				@-moz-keyframes fadein {
					from { opacity: 0;	}
					to {	opacity: 1;	}
				}

				/* Safari, Chrome and Opera > 12.1 */
				@-webkit-keyframes fadein {
					from { opacity: 0; }
					to { opacity: 1; }
				}

				/* Internet Explorer */
				@-ms-keyframes fadein {
					from { opacity: 0; }
					to { opacity: 1; }
				}

				/* Opera < 12.1 */
				@-o-keyframes fadein {
					from { opacity: 0; }
					to { opacity: 1; }
				}




/*Banner Specific Classes */
.my-banner {
	color: #ffffff;
	height: 350px;
	background-color: #8fbae5;	
	border-bottom: 4px solid #1f5284;	
	background-repeat: no-repeat;
	background-position:center;	
	background-size: cover;
}



.my-banner-text {
padding-top: 250px;
/* font-size: 4.0em; */
font-size: calc(100% + 1vw + 1vh);
font-weight: bold;
color: #fff;
}

a.my-banner-linktext {
	text-decoration: none !important; 
	color:#ffffff !important;
	letter-spacing:0.08em !important;

}


.AncillaryLinksFrame {
		width: 350px;
		float:right;
		margin-left: 20px;
		text-align:right;
		font-size: 0.8rem;
		
	}



/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */		
/*  Specific Tag ID design elements */
p { 
	font-size: 1.0em; 
}


hr {
	border: 0;
	width: 80%;
	color: #024C68;	
	background-color: #254E4E;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

	hr.dividerSmall {
		width: 40%;
		margin-left: 0px;
		margin-top: 15px;
		margin-bottom: 15px;	
	}
	
	.studyGuide_line {
		width: 20%; 
		vertical-align:text-bottom;
		height: 2px;
		}
			

/*  Header Styling */
h1, h2, h3, h4, h5 {	
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
color: #A66B26;
letter-spacing: 0.1em;
font-family: 'VollkornRegular';
}




h1 {font-size: 2.4em;}
	
h2 {font-size: 2.0em;}

h3 {font-size: 1.8em;}

h4 {font-size: 1.6em;}

h5 {font-size: 1.4em;}

.HeaderBlue {	
color: #215285;
}





a:link { 
	font-weight: normal; 
	text-decoration: none; 
	/*color:#833D3D;*/
	color:#3dc4f1;
	letter-spacing:-0.06em;

}


a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color:#3dc4f1;
	letter-spacing:-0.06em;
}


a:hover { 
	text-decoration: underline; 
	color:#717979;
	letter-spacing:-0.06em;
}


a:active { 
	text-decoration: underline; 
	color:#3dc4f1;
	letter-spacing:-0.06em;
}


a.navDropLink {
	font-weight: normal; 
	text-decoration: none; 
	color:#ffffff;
	letter-spacing:-0.06em;

}
/*  ++++++++++++++++++++++++++ */

img.borderBlue {
	border: 2px solid #A7C6E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}


fieldset {
	border: 1px solid #A7C6E6;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px;
	color:#607C99;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	background-color:#feeabe;
	
}

	.Centered500 {
		width: 500px; 
		margin:auto;
	}
	
	.Centered700 {
		width: 800px; 
		margin:auto;
	}
	
	.Right500{
		width: 500px;
		float:right;
		margin-left: 20px;
	}
	

	.Right250{
		width: 250px;
		float:right;
		margin-left: 20px;
	}
		
	.Left500{
		width: 500px;
		float:left;
		margin-right: 20px;
	}
	
	.Left250{
		width: 250px;
		float:left;
		margin-right: 20px;
	}	

legend {
	font-family: 'VollkornRegular';
	text-align:right;
	font-size:1.4em;
	padding:7px;
	color: #215285;
}




article {
  -webkit-columns: 2 200px;
  -moz-columns: 2 200px;
  columns: 2 200px;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
}





/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* media Player					 */
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */

.MediaWrapper {
	width: 925px;
	margin:auto;
	margin-bottom: 25px;
	overflow: hidden;
	position:relative;
	border:1px solid #A7C6E6;
	border-bottom:10px solid #A7C6E6;
	border-top: 10px solid #A7C6E6;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.MediaColTrack {
width: 265px;
float:left;
display:inline;
padding:20px;			
}

		.MediaColTrack p { 
		font-size:0.8em;
		color: #215285;
		}

.MediaColPlayer {

width: 550px;
margin: 0px 20px 0px 20px;
float:left;
display:inline;
			
}






/* +++++++++++++++++++++++++++++ */
/* Popup Definitions			 */

		.Definitions {			
			text-decoration: none;
			position: relative;
		}
		
		
		.Definitions span {
			margin-left: -999em;
			position: absolute;
		}
		
		.Definitions:hover span {
			display:block;
			border-radius: 5px 5px; 
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px; 
					
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			
			font-size: 0.9em; 
			position:absolute; 
			left: 1em; 
			top: 2em; 
			z-index: 999;
			margin-left: 0;
			width: 250px; 
			min-width: 100px;
			max-width: 250px;
			
		}
		
		
		
		.Definitions:hover img {
			border: 0; 
			margin: -10px 0 0 -28px;
			float: left; 
			position: absolute;
		}
		
		
		
		.Definitions:hover em {
			display:inherit;
			overflow:hidden;
			padding: 0.2em 0 0.6em 0;
		}
		
		
		
		.DefintionsBox{  
			padding: 0.5em 0.8em 0.8em 2em;
			background: #FFE5B3;
		 	border: 1px solid #90BAE6;
		 	color: #215285;
		}
	
	
		* html a:hover { background: transparent; }
	




/* +++++++++++++++++++++++++++++ */
/*Floats */



.float_left{
	float:left;
	margin-right: 15px;
}


.float_right{
	float:right;
	margin-left: 15px;
}

.clearLeft {clear:left}
.clearRight {clear:right}
.clear {clear:both} 









		




	
		
	
		






				

				
					
	
							
					




/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */

.chapterTitle {
	color:#607C99;
	border-bottom: 1px solid #ececec;
	margin-bottom: 35px;
	padding-bottom: 8px;
}


.white {
		color: #fff;
	}

.blueTXT {
	color:#607C99;
}

.lightBlueTXT {
	color:#90BAE6;
}

.darkBlueTXT {
	color:#215285;
}

.bg-darkBlue {
	background-color:#215285;
	color: #ffffff;
}


.darkorangeTXT {
	color: #A66B26;
}
	
.smaller {
    font-size:  0.8em;
}
		.smallerRed {
    	font-size:  0.8em;
		color:#833D3D;
		}
		

		.smallerGreen {
    	font-size:  0.8em;
		color:#647A39;
		}		
		
		

.larger {
    font-size:  1.2em;
}

.largest {
    font-size:  1.4em;
}

.huge {
    font-size:  1.6em;
}



img {
	vertical-align:top;
}



/*===================================== */
/*	Various Boxes						*/
.RoundBlueBorder {
	
	border:1px solid #215285;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	overflow:hidden;
}


div#BoxBlue {	
	border:1px solid #215285;
	margin: 20px 20px 20px 20px;
	padding: 20px;
	max-width:500px;;
	background-color:#A7C6E6;
	overflow:hidden;
	color: #A66B26;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}






div#BoxDarkBlue {	
	
	border:1px solid #A7C6E6;
	margin: 20px 20px 20px 20px;
	padding: 0px;
	max-width:600px;
	background-color:#215285;
	overflow:hidden;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
			BoxDarkBlue img {Ï
			text-align:center;
			margin: 0px;
			padding: 0px;
			border:1px solid #A7C6E6;		
			}
	

			
	
			.imageCaption {
				font-size: 0.9em;
				font-style:inherit;
				padding: 5px 10px 5px 10px;
				overflow:hidden;
				text-align:left;
				color:	#A7C6E6;
				line-height: 120%;
			}
				
	
	
	
/* +++++++++++++++++++++++++++++ */
/* Two Equal Width Column Layout */

.TwoColWrapper{
	width: 700px;
	margin:auto;
	overflow: hidden;
	position:relative;
	border:1px solid #A7C6E6;
	border-bottom:5px solid #A7C6E6;
	border-top: 5px solid #A7C6E6;
	margin-bottom: 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
		.TwoCol_cols{
		width: 300px;
		font-size:0.9em;
	
		float:left;
		display:inline;
		padding:20px;	
			
		}
	
	
	

/* +++++++++++++++++++++++++++++ */
/* Two Equal Width/Height Column Layout */

.TwoColWidthHeight_Main_Wrapper{
	width: 740px;
	padding: 20px;
	
	
	border:1px solid #A7C6E6;
	border-bottom:5px solid #A7C6E6;
	border-top: 5px solid #A7C6E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
		


		.TwoColWidthHeightWrapper{
		width: 100%;
		overflow: hidden;
		position: relative;
		
		}


		.TwoColWidthHeight_cols{
		width: 340px;
		padding-bottom: 500px;
		margin-bottom: -480px;
		margin-left: 20px;
		float:left;
		display:inline;
		}	
		
		
		.TwoColWidthHeight_bottom{
		position: absolute;
		bottom: 0;
		height: 100px;
		width: 300px;
		
			
		}
		
		

/* +++++++++++++++++++++++++++++ */
/*	for the Timeline					*/
/* Three Equal Width/Height Column Layout */

.Timeline_Main_Wrapper{
	width: 740px;
	padding: 20px;
	
	
	border:1px solid #A7C6E6;
	border-bottom:5px solid #A7C6E6;
	border-top: 5px solid #A7C6E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
		


		.TimelineColWidthHeightWrapper{
		width: 100%;
		overflow: hidden;
		position: relative;
		
		}


		.TimelineColWidthHeight_cols1{
		width: 125px;
		padding-bottom: 440px;
		margin-bottom: -430px;
		margin-left: 20px;
		float:left;
		display:inline;
		text-align:right;
		color: #607C99;
		
		
		}
				.TimeColWidthHeight_bottom1{
				position: absolute;
				bottom: 0;
				height: 10px;
				width: 125px;	
				}
		
		
		
		
		.TimelineColWidthHeight_cols23{
		width: 250px;
		padding-bottom: 440px;
		margin-bottom: -430px;
		margin-left: 20px;
		margin-right: 20px;
		float:left;
		display:inline;
		}	
				.TimeColWidthHeight_bottom23{
					width: 250px;
				position: absolute;
				bottom: 0;
				height: 10px;	
				}