@font-face {
	font-family: Monotype Corsiva;
	src: url(mtcorsva-webfont.eot?#iefix) format("embedded-opentype"), url(mtcorsva-webfont.woff) format("woff"), url(mtcorsva-webfont.ttf) format("truetype"), url(mtcorsva-webfont.svg#MonotypeCorsivaRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}

div {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
h3 {
	margin: -20px 0 0 0; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; list-style-position: inside;
}
li {
	float: left;
}
a {
	display: block;
}
.clearboth {
	clear: both;
}
body {
	background: rgb(255, 204, 153); text-align: center; font-family: "Monotype Corsiva", "Times New Roman", "Georgia", serif;
}

#container {
	background: rgb(255, 240, 224); border-width: medium 2px 2px; border-style: none solid solid; border-color: currentColor rgb(222, 177, 132) rgb(222, 177, 132); margin: 0px auto 15px; width: 900px; text-align: left;
}
#header {
	background: url("images/dcheadersummer2020.jpg") no-repeat left top; width: 900px; height: 350px;
}

#main {
	width: 60%;
	text-align: left;
	margin-bottom: 10px;
	padding: 0 20px 0 20px;
	float: right;
}

#main a:visited {
	color: rgb(106, 54, 16);
}
#main a:link {
	color: rgb(106, 54, 16);
}
#main a:hover {
	color: rgb(151, 101, 82);
}
#main p {
	line-height: 1.3em; font-family: "Times New Roman", "Times", serif; font-size: 1em;
}
#main p strong {
	font-family: "Monotype Corsiva", "Times New Roman", "Georgia", serif;
}
#main p {
	padding: 15px 0 15px 0;
}
#main h2 {
	padding: 15px 0 15px 0;
}
#main h3 {
	padding: 15px 0 15px 0;
}
#main h2 {
	text-align: center; font-size: 1.8em;
}

/* Content > Full Page */

#mainfullpg {
	float: left;
	width: 95%;
	padding: 0 20px 0 20px;
	background: rgb(255, 240, 224);
	text-align: left;
}

#mainfullpg a:visited {
	color: rgb(106, 54, 16);
}
#mainfullpg a:link {
	color: rgb(106, 54, 16);
}
#mainfullpg a:hover {
	color: rgb(151, 101, 82);
}
#mainfullpg p {
	line-height: 1.3em; font-family: "Times New Roman", "Times", serif; font-size: 1em;
}
#mainfullpg p strong {
	font-family: "Monotype Corsiva", "Times New Roman", "Georgia", serif;
}
#mainfullpg p {
	padding: 15px;
}
#mainfullpg h2 {
	padding: 15px;
}
#mainfullpg h3 {
	padding: 15px;
}
#mainfullpg h2 {
	text-align: center; font-size: 1.8em;
}

#mainfullpg ul {
	padding: 0 30px 0 30px;
}

/* Content > Three Quarter Page */

#mainpg {
	float: left;
	width: 40%;
	padding: 0;
	background: rgb(255, 240, 224);
	text-align: left;
}

#mainpg a:visited {
	color: rgb(106, 54, 16);
}
#mainpg a:link {
	color: rgb(106, 54, 16);
}
#mainpg a:hover {
	color: rgb(151, 101, 82);
}
#mainpg p {
	line-height: 1.3em; font-family: "Times New Roman", "Times", serif; font-size: 1em;
}
#mainpg p strong {
	font-family: "Monotype Corsiva", "Times New Roman", "Georgia", serif;
}
#mainpg p {
	padding: 15px;
}
#mainpg h2 {
	padding: 15px;
}
#mainpg h3 {
	padding: 15px;
}
#mainpg h2 {
	text-align: center; font-size: 1.8em;
}

#mainpg ul {
	padding: 0 30px 0 30px;
}

/* Main Page Left Sidebar */

#mainltsidebar {
	list-style-type: none;
	float: left;
	width: 30%;
	padding: 25px 0 0 0;
	text-align: center;
}

#mainltsidebar h2 {
	font-size: 120%;
	padding: 0 0 20px 0;
}

#mainltsidebar a {
	text-decoration: none;
}

#mainltsidebar a:visited {
	color: rgb(106, 54, 16);
}
#mainltsidebar a:link {
	color: rgb(106, 54, 16);
}
#mainltsidebar a:hover {
	color: rgb(151, 101, 82);
}

/* Main Page Right Sidebar */

#mainrtsidebar {
	list-style-type: none;
	float: right;
	width: 30%;
	padding: 25px 0 0 0;
	text-align: center;
}

#mainrtsidebar h2 {
	font-size: 120%;
	padding: 0 0 20px 0;
}

#mainrtsidebar a {
	text-decoration: none;
}

#mainrtsidebar a:visited {
	color: rgb(106, 54, 16);
}
#mainrtsidebar a:link {
	color: rgb(106, 54, 16);
}
#mainrtsidebar a:hover {
	color: rgb(151, 101, 82);
}

/* Slider */

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  margin: 0 auto 60px auto;
  text-align: center;
  border: 0;
  }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  height: 350px;
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  color: #000000;
  font-style: italic;
}

/* Table */

table {
	display: block;
	width: 90%;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
}

td {
	vertical-align: top;
	padding: 0 0 50px 0;
	margin: 0;
	width: 50%;
}

td a {
	text-decoration: none;
	text-align: left;
}

td h3 {
	text-align: left;
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}

td p {
	text-align: left;
}

/* Footer */

#footer {
	background: rgb(77, 78, 82);
	width: 900px;
	height: 50px;
	text-align: right;
	color: rgb(253, 255, 222);
	line-height: 50px;
	font-family: "Monotype Corsiva", "Times New Roman", "Georgia", serif; font-size: 15px;
}

/* Drop Down Menu */

	#main_nav ul {
		background: #4d4e52;
		float: left;
		-webkit-transition: .5s;
		text-align: center;
		transition: .5s;
		width: 100%;
	}
	
	#main_nav li {
		float: left;
		position: relative;
		list-style: none;
		-webkit-transition: .5s;
		transition: .5s;
		width: 149px;
		z-index: 9999; /* sets stacking order above almost any element on page*/
	}
	
	#main_nav > ul > li > a, h1 {
		text-transform: uppercase;
	}
	
	#main_nav a {
		display: block;
		text-decoration: none;
		padding: 15px 5px 15px 5px;
		color: #ffffff;
	}

	#main_nav ul ul {
		position: absolute;
		left: 0;
		top: 100%;
		visibility: hidden;
		opacity: 0;
	}
	
	#main_nav ul ul ul {
		left: 100%;
		top: 0;
	}
	
	#main_nav li:hover, #main_nav li:hover li {
		background: #7a7a7a;
	}
	
	#main_nav li li:hover, #main_nav li li:hover li {
		background: #5e5e5e;
	}
	
	#main_nav li li li:hover {
		background: #a3a3a3;
	}
	
	#main_nav li:hover > ul {
		visibility: visible;
		opacity: 1;
	}