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

* {
	margin: 0; 
	padding: 0;
}
body {
	background: #FFF;
	font-family: arial, verdana, sans-serif;
	color:#000;	
}



header {
	background-color:#2d3995;
	padding:10px 10px 10px 20px;
	overflow:auto;
}

.logo {float:left; margin-right:20px;}
.info{float:left;}

h2 {
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:2em;
	color:#fff;
}

h3 {
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:1.5em;
	color:#fff;
	font-style: italic;
}

h4 {
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:1.5em;
	color:#fff;
	font-weight:normal;
	padding-top:.25em;
}

h4 a{
	color:#FFF;
}

h4 a:hover{
	color:#ccc;
	transition-duration: 0.4s;
}

h4.caption
	{
		color:#000;
		text-align: center;
		margin-bottom: 1em;
	}


.sanddollar {float:right; margin-right:10px; width:72px; height:72px;}

nav {
	width:98%;
	margin:1em 1%;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	padding-top:0;
	text-align:center;
	line-height:2em;
	overflow:auto;
	clear:both;
}

nav a {
	color: #333;
	text-decoration: none;
	padding: 0.25em 0.5em;
	display:block;
	float:left;
	border-right:1px dotted #000;
	margin-top:.5em;
}
nav a:hover {
	color: #2d3995;
	text-decoration:none;
	border-right:1px dotted #000;
	transition-duration: 0.4s;
}

h1 {
	clear:both;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:3em;
	color:#2d3995;
	padding-top:.5em;
	padding-bottom:0;
	text-align:center;
}



.button {
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: .8em;
  margin: 1em 0;
  transition-duration: 0.4s;
  float:right;
}

.button1 {
	background-color:#333;
	color:#FFF;
	}

.button1:hover{
	background-color:#2d3995;
	color:#FFF;
	}




p {
	margin-left:10px; 
	margin-top:20px; 
	color:#333;
	font-size:.9em;
	line-height:1.2em;


}


#work {
	overflow:hidden;
}

#subhead {
	overflow:hidden;
}




.column1, .column2
{
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	color:#000;
	}

.column1
{
	Width:100%;
}

.column2
{
	width:50%; margin-left:25%; margin-right:25%;
}

	
.column1 .box, .column2 .box {
	background-color:#FFF; 
}
	
.column1 .title {
	margin-top:20px;
	padding:6px 6px 4px 10px;
	background-color:#2d3995;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	}

.column2 .title {
	margin-top:20px;
	padding:6px 6px 4px 10px;
	background-color:#2d3995;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	}



.location {
	margin-top:10px;
}
		
.column1 .description {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding:20px;
	line-height:1.25em;
	color:#2d3995;
	font-weight:bold;
	text-align: center;
}



.subhead {	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding:20px 20px 10px 20px;
	line-height:1em;
	color:#2d3995;
}


.bullets {
	margin-left:20px;
	padding:0px 20px;
	font-size:.9em;
	line-height:1.2em;
	
}


/*.box ul {
		list-style-image: url('images/sanddollar-6px.gif');
}
*/
.bullets li {
	margin-bottom:1em;
	color:#333;
}

.classes {
	margin-left:20px;
	padding:0px 20px;
	font-size:.9em;
	line-height:1.2em;
	color:#333;
}

.workdescription {
	margin-left:30px;
	margin-top:10px;
}

.workdescription li {
	line-height:1.25em;
	margin-top:-5px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.example {
  max-width: 400px;
  position: relative;
  margin: 0 auto;
  padding:0;
}

.indent {
	margin-left:1em;
	
}




* {box-sizing:border-box}
.mySlides {display:none}


/* Slideshow container */
.slideshow-banner {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  padding:0;
}


/* The dot/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}




* {box-sizing:border-box}
.myCarousel {display:none}


/* Carousel container */
.carousel-banner {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  padding:0;
}


/* The circle/bullets/indicators */
.circle {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .circle:hover {
  background-color: #717171;
}


/* Fade animation */
.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}
}







@media screen and (min-width:651px) and (max-width:800px) {

header {
	background-color:#2d3995;
	padding:10px 10px 10px 20px;
	overflow:auto;
}

h2 {
	font-size:2em;
}

h3 {
	font-size:1.5em;
}

h4 {
	font-size:1.5em;
}

.sanddollar {float:right; margin-right:10px; width:36px; height:36px;}


nav {
	font-size: .7em;
}

}

@media screen and (min-width:525px) and (max-width:650px) {

header {
	background-color:#2d3995;
	padding:10px 10px 10px 20px;
	overflow:auto;
}

h2 {
	font-size:1.75em;
}

h3 {
	font-size:1.25em;
}

h4 {
	font-size:1.25em;
}


.sanddollar {float:right; margin-right:10px; width:18px; height:18px;}

nav {
	font-size: .7em;
}

}

@media screen and (min-width:50px) and (max-width:524px) {

header {
	background-color:#2d3995;
	padding:10px 10px 10px 20px;
	overflow:auto;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:1.1;
}

.sanddollar {float:right; margin-right:1px; width:1px; height:1px;}

nav {
	font-size: .7em;
}


menu li{
width:100%;
padding:20px;
float:left;
background-color:#2d3995;
color:#FFF;

}
	
.column2
{
	width:100%; margin-left:0; margin-right:0;
}