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

body
{
background-image:url('blue.png');
background-repeat:repeat-y;
background-position:center; 
background-color: #010f31;
}


div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:700px; /* default dimensions of carousel */
height:500px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.9;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}

header {
	background-color: #010f31;
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
/*	border-bottom: 2px solid #966a25;*/
	z-index: 100;
	opacity: .8;
	

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: right;
	padding: 0px;
}

a { text-decoration: none;
	color: #b27f30;
	font-family: 'Kameron', serif;
	
}

a:hover { 
	text-decoration: none;
	font-family: 'Kameron', serif;
}

.logo { margin-top: 60px;}

.dec {opacity: .2;}

table { 
  width: 100%; 
  border-collapse: collapse; 
}

img.responsive {width: 100%;}

h2 { font-family: 'Noto Serif', serif;
font-weight: 400;
font-style: italic;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

h3 { font-family: 'Noto Serif', serif;
font-weight: 300;
font-style: regular;
font-size: 1.25em;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

h4 { font-family: 'Noto Serif', serif;
font-weight: 300;
font-style: regular;
font-size: 2em;
text-align: justify;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

h5 { font-family: 'Noto Serif', serif;
font-weight: 300;
font-style: italic;
font-size: 1.5em;
text-align: justify;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

h6 { font-family: 'Noto Serif', serif;
font-weight: 300;
font-style: italic;
font-size: 3em;
text-align: justify;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

h7 { font-family: 'Noto Serif', serif;
font-weight: 300;
font-style: italic;
font-size: 1.5em;
	color: #b27f30;
	text-shadow: 2px 2px .05em #151f54;
}

.bio { width: 800px;
height: auto;
margin-top: 200px;
margin-left:auto;
margin-right:auto;
background-color: rgba(21, 31, 84, .3);
padding: 40px;


}

.contact { width: 1200px;
height: auto;
margin-top: 200px;
margin-left:auto;
margin-right:auto;
background-color: rgba(21, 31, 84, .3);
padding: 40px;
}