@charset "utf-8";
.style4 {
	color: #990000;
	font-weight: bold;
}
.style5 {color: #FFFFFF}

#container {
	width: 1260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	background-color: #9E0F28;
	margin: auto;
}
#header {
	background-image: url(image/heatherheader.jpg);
	background-repeat: repeat-x;
	height: 308px;
	width: auto;
	text-align: center;
}
#header-clear {
	background-image: url(image/header-clear.jpg);
	background-repeat: no-repeat;
	height: 308px;
	width: auto;
	text-align: center;
}
#header-heather {
	background-image: url(image/heatherheader.jpg);
	background-repeat: no-repeat;
	height: 308px;
	width: auto;
	text-align: center;
}
#header-programs {
	background-image: url(image/heatherheader.jpg);
	background-repeat: no-repeat;
	height: 308px;
	width: auto;
	text-align: center;
}
#header-faq {
	background-image: url(image/heatherheader.jpg);
	background-repeat: no-repeat;
	height: 308px;
	width: auto;
	text-align: center;
}




#navbar {
	width: 1260px;
	text-align: center;
	color: #561D23;
	font-weight: bold;
	height: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
	padding-left: 102px;
	padding-bottom: 6px;
	border-top-width: 0px;
}
#main-content {
	width: auto;
	background-color: #9e0f28;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
}
#content {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 10px;
	text-align: justify;
}
#content-contact {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-color: #990000;
	float: left;
}
#content-gallery {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-color: #9E0F28;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content-gallery-top {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	background-color: #9E0F28;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}



#footer {
	width: 880px;
	background-image: url(image/footer.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.separator {
	background-position: center center;
	background-image: url(image/MenuSeparator.png);
	width: 2px;
	height: 30px;
	background-repeat: no-repeat;
}
#navbar1 {
	width: auto;
	text-align: center;
	color: #561D23;
	font-weight: bold;
	height: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	padding-top: 8px;
}
.linkblack {
	color: #000000;
}
.linkwhite {
	color: #FFFFFF;
}
#container-main {
	width: auto;
	background-color: #9E0F28;
	float: none;
	margin: auto;
}
.links {
	color: #9E0F28;
}
.titles {
	color: #003399;
	font-weight: bold;
}
.linkspurple {
	color: #A1738B;
}

#jFlowSlide{
	font-family: Georgia;
	margin-left: 225px;
	width: 442px;
	background-color: #FFFFFF;
	margin-top: 10px;
	border: thin solid #000000;
}
#myController {
	font-family: Georgia;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0px;
	width: 442px;
	margin-left: 225px;
	color: #000000;
}
#myController span.jFlowSelected {
	margin-right:0px;
	background-color: #990000;
}

.slide-wrapper {
	padding: 20px;
}
.slide-thumbnail {
	float:left;
}
.slide-thumbnail img {
	max-width:400px;
}
.slide-details {
	width:290px;
	float:left;
	margin-left:10px;
	margin-top: 10px;
}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#FFFFFF;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }

	#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 686px;	/* IE 5.x */
	width/* */:/**/686px;	/* Other browsers */
	width: /**/170px;
	/* CSS HACK */
		height: 116px;	/* IE 5.x */
	height/* */:/**/114px;	/* Other browsers */
	height: /**/170px;
	position:relative;
	}
	.imageInGallery{
	width:170px;
	height:170px;
	background-color:#000;
	/* Never change these 3 value */
		left:0px;
	top:0px;
	position:absolute;
	}
	
	
	#imageSlideshowHolder img{
		
	}