@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


@font-face {
  font-family: DHDFontBold;
  src: url(fonts/brightonboldplain.ttf);
}
@font-face {
  font-family: DHDFontPlain;
  src: url(fonts/Brighton Light Plain.ttf);
}
@font-face {
  font-family: DHDFontItalic;
  src: url(fonts/Brighton-Light-Italic.ttf);
}

h2{
  font-family: DHDFontBold;
  color: #1c1b1d;
}

.italic{
	font-family: DHDFontItalic;
}

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


ul {text-align: left;
  font-family: DHDFontPlain;
font-size: 18PX;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 779px and below. */

.dropShadow {
	-moz-box-shadow: 3px 3px 10px #666;
    -webkit-box-shadow: 3px 3px 10px #666;
    box-shadow: 3px 3px 10px #666;	
}


.ImageHolder
{
margin-left:5px;
margin-right:5px;
margin-bottom:8px;
padding: 5px;
text-align:center;
display: inline-block;
width:200px;
color:#000;
font-size:0.85em;
position: relative;
}


.ImageHolder figcaption
{
position: absolute;
    top: 10px;
    left: 20px;
    color:#931d17;
  font-family: DHDFontBold;
  font-size: 60px;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
  text-shadow: 3px 3px 3px #666666;
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width:779px;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

aside, article, section, header, footer, nav{
	display: block;
}
.textContainer {
	background-color:rgba(255,255,255,0.4);
	padding: 15px;
    font-family: DHDFontPlain;
	-moz-box-shadow: 3px 3px 10px #666;
    -webkit-box-shadow: 3px 3px 10px #666;
    box-shadow: 3px 3px 10px #666;	
}
p {
	font-family:DHDFontPlain;
	font-size:18px;
	text-align:left;
	padding: 30px,30px,30px,30px;
}
p.center {
	text-align:center;
}
div, p {
	margin: 0;
	padding: 0;
}

<!--950px -->

.gutter {
	display:block;
	width: 20%;
	float:right;
}
.content {
	font-family:Georgia, "Times New Roman", Times, serif
	width: 100%;
	margin: 0 auto;
	
	padding-left: 25px;
	padding-right: 25px;
	<!--background: #9CF; -->
}
.sidebar {
	
	<!--background: #F90; -->
	<!--padding: 25px; -->
	<!--margin: 25px; -->
}
.caption {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}
.galleryCaptions {
	text-align: center;
	font-family:DHDFontBold;
	font-size: 14px;
	font-weight: bold;
	color: #070306;
	}
.button {
	display:block;
	/*line-height: 17px;*/
	height: 81px;
	width: 199px;
	background-image:url(_images/sideButton.png);
	text-align: center;
	font-family:DHDFontBold;
	font-size: 20px;
	font-weight: bold;
	
	
	/*padding-left: 25px;
	padding-right: 50px; */
	}


a:link {
	color: #1c1b1d;
	text-decoration: underline;
}      /* unvisited link */
a:visited {
	color: #000000;
}  /* visited link */
a:hover {
	color: #AA4444;
	<!--background-image: url(spacer.gif); -->
	}  /* mouse over link */
a:active {color:#0000FF;}


a.button:link {
	color: #552222;
	text-decoration:none;
}      /* unvisited link */
a.button:visited {
	color: #000000;
}  /* visited link */
a.button:hover {
	color: #AA4444;
	<!--background-image: url(spacer.gif); -->
	}  /* mouse over link */
a.button:active {color:#0000FF;}

.smallerPic {
	max-width:60%;
}
	

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer {
	padding: 25px 0;
	background-color:rgba(171,172,164,0.5);
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Desktop Layout: 481px to a max of 800px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 779px) {
.container {

	max-width: 800px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	margin: auto;
}
#LayoutDiv1 {
	background-color: #FF3;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

aside, article, section, header, footer, nav{
	display: block;
}
p {
	font-size:18px;
}
div, p {
	margin: 0;
	padding: 0;
}

<!--950px -->

.gutter {
	display:block;
	width: 20%;
	float:right;
}
.content {
	width: 480px;
	margin: 0 auto;
	float:right;
	padding-left: 25px;
	padding-right: 25px;
	<!--background: #9CF; -->
}
.sidebar {
	float:right;
	width: 199px;
	<!--background: #F90; -->
	<!--padding: 25px; -->
	<!--margin: 25px; -->
}

.center {
	text-align:center;
}

.caption {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}
.smallerPic {
	max-width:100%;
}
	
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer {
	padding: 50px 0;
	background-color:rgba(171,172,164,0.5);
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
h3 {
	font-family: DHDFontBold;
}