@charset "utf-8";
@import url("../webfonts/Fondamento_Regular/stylesheet.css");

/*  color scheme
Light blue-gray	#d2e2e1		rgba(210,226,225)
Light tan		#e1d2b4		rgba(225,210,180)
Medium tan		#c4ac7e		rgba(196,172,126)
Button orange	#cc6230		rgba(204,98,48)
Dark gray		#362c21		rgba(54,44,33)
Light Blue		#849dd5		rgba(132,157,213)
White			#ffffff		rgba(255,255,255)
Black			#000000		rgba(0,0,0)
Dark orange (visited)	#996600		(153,102,0)
Hover Blue		#9f93bb		(159,147,187)
Dark Tan		#946930
*/

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing:border-box;
}

header, section, footer, aside, nav, main, article, figure { display: block; } 
  

html {
	background-color: #F4F6FF;
	}

body {
	font-size: 62.5%;
	height: auto;
	background-color: #F2DEA0;
	width: 78.125%;
	max-width: 1000px;
	min-width: 385px;
	margin: 2em auto 2em;
	position: relative;
	-moz-box-shadow: 4px 4px 4px 4px rgba(130,119,86,.8);
	-webkit-box-shadow: 4px 4px 4px 4px rgba(130,119,86,.8);
	box-shadow: 4px 4px 4px 4px rgba(130,119,86,.8);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

/*Text Styles*/
	
h1 {
	font: bold 6em/1.3em Verdana, Geneva, sans-serif;
	color: #946930;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 10px;
	margin: 0 auto 0;
	-moz-text-shadow: 4px 4px 6px #333333,-2px -2px 0 rgb(255,216,98),-2px 2px 0 rgb(255,216,98),2px -2px 0 rgb(51,51,51),2px 2px 0 rgb(51,51,51);
	-webkit-text-shadow: 4px 4px 6px #333333,-2px -2px 0 rgb(255,216,98),-2px 2px 0 rgb(255,216,98),2px -2px 0 rgb(51,51,51),2px 2px 0 rgb(51,51,51);
	text-shadow: 4px 4px 6px #333333,-2px -2px 0 rgb(255,216,98),-2px 2px 0 rgb(255,216,98),2px -2px 0 rgb(51,51,51),2px 2px 0 rgb(51,51,51);
	vertical-align: middle;
	}

h2 {
	color: #006600;
	font: bold 4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-align: center;
	margin: .3em 0;
	text-shadow: 2px 2px 3px rgba(25,25,25,1);
	-moz-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	-webkit-text-shadow: 2px 2px 3px rgba(25,25,25,1);
}
	
h3 { 
	font: bold 2.5em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #362c21;
	text-align: center;	text-transform: capitalize; text-decoration: none;
	margin: 1em 0 .5em;	
	 }

h4 { font: bold small-caps 1.8em/1.8em Verdana, Geneva, sans-serif;	text-transform: capitalize;	text-decoration: none; }
	
h5 { font: bold 2.5em/1.5em Verdana, Geneva, sans-serif;	color: #000; margin: 1em auto 1em;	text-align: center;	}
	
h6  { font: 1.2em Verdana, Geneva, sans-serif; text-transform: capitalize; color: #333;	text-decoration: underline;
	margin: 1em 0; text-align: center; }
	
p {
	font: 2em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #1C1A1A;
	text-indent: 1.5em;
	text-align: left;
}

	
/*Universal Styles*/


	
a:link {	color: #00F; text-decoration: none; }
a:focus { outline:dotted 2px #512800; }
a:visited { color: #00F; text-decoration: none; }
a:hover { color:#633914; }
a:active { color:#000; background:none; }

a[href^="http"] { background: url(../_admin/Icon_External_Link.png) no-repeat center right;	padding-right: 13px; }

.boxShadow {
	-moz-box-shadow: 2px 2px 3px rgba(25,25,25,.6);
	-webkit-box-shadow: 2px 2px 3px rgba(25,25,25,.6);
	box-shadow: 2px 2px 3px rgba(25,25,25,.6);
}

.roundCorners {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
	
.center  {display: block; margin: 10px auto 10px; }

img {
	width: 100%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
	-moz-box-shadow: 2px 2px 3px rgba(25,25,25,.6);
	-webkit-box-shadow: 2px 2px 3px rgba(25,25,25,.6);
	box-shadow: 2px 2px 3px rgba(25,25,25,.6); 			
}

figcaption { 
	font: bold small-caps 2em Verdana, Geneva, sans-serif;	
	text-transform: capitalize;	text-decoration: none;
	text-align: center; margin: 10px auto 10px; 
}
	
.lowercase { text-transform:lowercase; }	
.uppercase { text-transform:uppercase; }
		
em { font-style: italic; }
strong { font-weight: bold; }	

.container { width: auto; overflow: hidden; }

.endIcon { width: 20px; height: 20px; }

.clearBoth { clear: both; width: 80%; margin: 0 auto 0; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.dropCap { font-size:1.4em;	line-height:1em; float:left; margin:2px 1px 0 0; color:#151313; }

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

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.twoColumnBox {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-webkit-column-rule: 1px solid #996633;
	-moz-column-rule: 1px solid #996633;
	column-rule: 1px solid #996633;	
}

.separatorLine {
	clear: both;
	display: block;
	width: 75%;
	border-top: medium solid #996633;
	margin: 1.5em auto 1em;
}

.zeroIndent { text-indent: 0; }

	
/*Header Styles*/

.banner { display: block; position: relative; width: 100%; }
.banner img { float:left; width: 20%; margin: 0 0 10px 0; padding: 0; }
.banner img:first-child {
	-moz-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}
.banner img:last-child {
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}

/* styles for buttons */

.button {
	display: block; position: relative; width: 100%;
	margin: 2em auto 2em;
}

.buttonDesign {
	display: block;
	float: left;
	width: 18.5%;
	background: #CC6230;
	font: small-caps bold 1.8em/1.8em Verdana, Geneva, sans-serif; 
	color: #FFF;
	text-align: center;
	border: 2px solid #000;
	list-style: none;
	border-radius: 1.5em;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0 7.1% 0;
	}
	

.button a {	display: block; }	
.button a:link { color: #FFF; }	
.button a:visited { color: #FFF; }
.button a:hover { color:#633914; }	
.button a:active {
	color: #F2DEA0;
	-moz-box-shadow: inset 2px 2px 2px 2px rgba(102,102,102,.4);
	-webkit-box-shadow: inset 2px 2px 2px 2px rgba(102,102,102,.4);
	box-shadow: inset 2px 2px 2px 2px rgba(102,102,102,.4);
	background:#8B3612;
	}	

/* styles for side navigation   */

body .sideNav {
	text-align: left;
	width: auto;
	position: fixed;
	z-index: 1000;
	top: 300px;
	left: 2%;
	overflow: hidden;
	}
	
.sideNav li {
	font: small-caps 1.5em/1.5em Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	list-style: none;
	padding-top: 1.5px;
	width: auto;
	}
 
.sideNav li a {
	color: #00F;
	text-decoration: none;
	-moz-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	-webkit-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	text-shadow: 2px 2px 3px rgba(25,25,25,1);
	line-height: 2.2em;
	display: block;
	padding-right: 5px;
	}
	
.sideNav li a:hover {
	color:#4C2512;
	}
	
.sideNav li a:active {
	color:#000;
	background:none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	}
	
/* Slideshow Styles */

.slideshow-container {
	max-width: 1000px;
	position:relative;
	margin: auto;
}

.mySlides { display: none; }

.mySlides figcaption {
	color: #f2f2f2;
	font-size: 20px;
	padding: 6px 6px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.numbertext {
    color: white;
    font-size: 20px;
    padding: 8px 12px;
    top: 4px;
    right: 4px;
    position: absolute;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: tan;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

/*End of Slideshow Styles*/

/*Main Styles*/

main { display: block; width: 80%; margin: 0 auto; }

#homeText { margin: 20px;}
#ww2OralText { margin: 30px 20px 20px }

.rightImage {
	width: auto;
	float: right;
	max-width: 64%;
	margin: 20px 0 0 20px;	
}

.leftImage {
	width: auto;
	float: left;
	max-width: 64%;
	margin: 20px 20px 0 0;
}

.centerImage {
	padding: 0;
	margin: 20px auto 20px;
	width: 100%;
}

.sixtypercentWidth { display: block; width: 60%; margin: 20px auto 0; }

.eightypercentWidth { display: block; width: 80%; margin: 20px auto 10px; }

.centerBlock { display: block; text-align: center; margin: 20px auto 20px; width: 80%; overflow: hidden; }

aside {
	display: block;
	font-style: italic; font-size: 1.9em; line-height: 1.2em; font-weight: bold;		
	padding: .2em .2em .2em .2em; margin: .5em .5em .5em 0;	
	float: left;
	width: 48%;
	border: medium solid #CC6230;	
}

.question {
	text-indent: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	line-height: 1.2em;
	margin: .75em 0 .25em 0;
}


/*chapterList Styles*/
	
.chapterList {
	margin: 0 auto 0;
	width: 85%;
	display: block;
	overflow: hidden;
	}
	
.chapterList p {
	font: 2.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;	text-decoration: underline;
	color: #333333;
	padding: 10px 0; margin: 0 auto;
	text-align: center;	
}
	
.chapterList li {
	font: 2em/1.2em Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	list-style: none;
	padding-top: 1em;
	margin-left: 27%;
	}
 
.chapterList li a {
	color: #000099; text-align: left; line-height: 1.75em;
	text-decoration: none; list-style: none;
	-moz-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	-webkit-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	text-shadow: 2px 2px 3px rgba(25,25,25,1);	
}
	
.chapterList li a:hover {
	color:#4C2512;
	}
	
.chapterList li a:active {
	color:#000;
	background:none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	}



/*Billboard Styles*/
	
.billBoard {
	clear: both;
	background: #CCC;
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
	border: 10px ridge #996633;
}

.billBoard img{
	float: left;
	width: 20%;
	border: thin solid #000000;	
}

.billBoard p {
	font: 2em Verdana, Geneva, sans-serif;
	color: #141414;
	text-align: center;
	text-transform: uppercase;
	padding: 0 10px;
}

.billBoard:first-of-type { margin-top: 1em; }

.billBoard:last-of-type { margin-bottom: 2em; }

.billBoard a { font-size: 1.2em; font-weight: bold;	text-decoration: underline; }
.billBoard a:hover { color: #00007D; }

/*Table Styles*/

table {
	display: table;
	border: 10px ridge #996633;
	border-collapse: separate;
	border-spacing: 0;
	margin: 1em auto 0;
	width: 80%;
 	-webkit-border-radius: 12px;
 	-moz-border-radius: 12px;
 	border-radius: 12px;
	overflow: hidden;
}

caption {
	font: bold small-caps 2em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	caption-side: bottom;
	padding: 1em 0 1em;
	margin: 0 20px 0;
}

tr { text-align: center; }

tr:nth-child(even) { background-color: #ECECFF; }

tr:nth-child(odd) {	background-color: #FFFFA8; }

td { border-collapse: collapse; border-bottom:1px solid black; margin: 0; padding: 0; }

td:nth-child(1) { width: 20%; text-align: left; vertical-align:bottom; }

td:nth-child(2) {
	font: 2em/1.5em Verdana, Geneva, sans-serif;
	color: #141414;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 0 1% 0 1%
}

td img { border: 2px solid blue; width: 100%; min-width: 100px; }

/*styles for contact page */

.contactBox {
	display: block;
	position: relative;
	width: 60%;
	margin: 2em auto 4em;
	background-color: #CCC;
}

.contactBox p { padding: 20px 0 20px 0 }

.contactBox a { display: inline-block; width: 100%; text-align: center; font-size: 2.5em; padding-bottom: 20px; }

.centerText {
	padding-left: 26%;
	text-align: left;
	font: bold 2em/1.2em Verdana, Geneva, sans-serif;
	color: #362c21;
}

#acknowledgments { margin: 2em auto 4em; }

/*styles for video*/

.videoBox {
	max-width: 560px;
	margin: 0 auto 0;
}

.videoEmbed {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin: 1em 0 1em 0;	
}
.videoEmbed iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*display: none;*/
}

/* styles for site map */
.siteMap {
	position: relative;
}

.siteMap .topMenu {
	margin: 0;
	text-align: left;
	padding-left: 15%;
	font: bold 3.5em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.siteMap .topMenu li {
	list-style: none;
}

.siteMap .topMenu li a { color: #000066;}

.siteMap .topMenu li a:hover { color: #4C2512;}

.siteMap .subMenu {
	display: block;
	position: relative;
	height: auto;
	text-align: left;
	font-size: .75em;
	padding-left: 5%;
}

.siteMap .subMenu li a {
	color: rgba(63,126,148,1);
}

.siteMap .subMenu li a:hover {
	color: #4C2512;
}

.siteMap .subsubMenu {
	padding-left: 10%;
	font-size: 0.75em;
	line-height: 1.2em;
	position: absolute;
	left: -5000em;
	max-height: 0;
	-moz-transition: max-height 1s ease-in-out;
	-o-transition: max-height 1s ease-in-out;
	-webkit-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
	overflow: hidden;
	text-transform: uppercase;
}

.siteMap .subsubMenu li a {
	color: rgba(98,54,226,1);
}

.siteMap .subMenu li:hover ul {
	left: 0;
	display: block;
	position: relative;
	overflow: hidden;
	max-height: 75em;
}


 
/* styles for footer */

footer .footerNav {	text-align:center; }

footer .footerNav li {
	font: small-caps 2em/2em Tahoma, Geneva, sans-serif;
	display: inline-block; 	
	text-transform: uppercase;
	text-align: center;
	padding: 0 10px; 
	border-right: 2px solid #00F;
	list-style: none;
}
footer .footerNav li a {
	color: #00F;
	text-decoration: none;
	-moz-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	-webkit-text-shadow: 2px 2px 3px rgba(25,25,25,1);
	text-shadow: 2px 2px 3px rgba(25,25,25,1);
	display: block;
	}	
footer .footerNav li a.thisPage, .button a.thisPage { color: #000; }
footer .footerNav li a:hover {
	color:#4C2512;
	}
footer .footerNav li a:active {
	color:#000;
	background:none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	}
footer .footerNav li:last-child { border-right:none; }
	
footer #copyright {
	font: small-caps 1.4em Georgia, "Times New Roman", Times, serif; text-transform: capitalize; color: #333;
	padding: 20px 0px 40px; 
	margin: 0 auto 0; 
	width: 80%; 
	text-align: center;
	clear: both;
	position: relative;
	overflow: hidden;
	}
footer #copyright .lowercase {
	text-transform: lowercase;
}