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


/* Css Tags */

div {
	margin:0px;
	padding:0px;
}

.oldhouse {
	float:left;
	padding:10px;
}

.changeDot {
width:20px;
height:20px;
margin-top:4px;
border-radius:10px;
background-color:#FFFFFF;
margin-left:1px;
margin-right:1px;
}

#changeSlide {
	padding:0px;
	margin:0px;
	background-color:black;
	background-color:rgba(0,0,0,0.5);
	width:474px;
margin-left:auto;
margin-right:auto;
padding-left:326px;
position:relative;
bottom:30px;
height:30px;
z-index:10;
}

#changeSlide p {
display:inline-block;
text-align:center;
width:20px;
color:white;
list-style: none;
margin-left:5px;

}

div.collapsed {
	display:none;
}


body {
	background-color: #CCC;
	background-image:url("../images/wood.jpg");
	font-family:Arial, Helvetica, sans-serif;
}



p {
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.7em;	
}


h1 {
	color:#4c2d1b;
	font-size:35px;
	font-weight:normal;
	margin-left:50px;
	margin-top:35px;
	margin-bottom:-2px;
	width:700px;
	text-align:left;
}

.droppy h2 {
	font-weight:normal;
	font-size:20px;	
	color:#4c2d1b;
	margin-bottom:-5px;
	margin-top:10px;
	border-bottom:3px;
	border-bottom:solid;
	border-color:#900;
	width:84%;
}




h3 {
	color: #784113;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:-7px;
	margin-top:4px;
}

strong {
color:#F00;	
}

fieldset {
	width:700px;
	margin-top:10px;
}

/* layout id */
/* layout id */
/* layout id */
/* layout id */

#member {
width: 100%;
height:20px;
background-color:#666666;	
}

#member > p {
	padding-left:400px;
	color:#FFF;
	font-size:14px;
}

#main {
	box-shadow: 5px 5px 2px #999;
	width: 950px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#fff;
}


#header {
	background-image:url(../images/coffeeCupBanner.jpg);
	width: 950px;
	height:150px;
	}

/* banner part */
/* banner part */
/* banner part */
/* This is for the banner on the main page that includes the slideshow */

.slideShow {
	height:300px;
	width:800px;
	text-align:center;
	background-color:#7b451d;
	margin-left:60px;	
	margin-top:10px;
	clear:both;
	
}

.slideShow img {
 float:left;
 margin-bottom:0px;	
}

#content {
	width: 920px;
	padding: 20px;
}

.quotes {
	color:#e0c1ad;
	float:right;
	width:400px;
	}

h4 {
	color:#e0c1ad;
	font-size:20px;
	text-align:right;
	margin:35px;
	padding-top:95px;
	
}

/* this is for the Games page It pans across all of the page*/

.highlightRow {
	width:800px;
	height:220px;
	margin:35px;
}

.highlightRow img {
	float: left;	
	padding-right:25px;
	margin-right:5px;
}


/* This is the line for the footer */
/* This is the line for the footer */
/* This is the line for the footer */
/* This is the line for the footer */
/* This is for the footer that is at the bottom of all the pages */

#footer {
	background-color:#4c2d1b;
	color:#fff;
	width:950px;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}

#footer a {
	color: #e0c1ad;
	font-weight:bold;
	text-decoration: none;
	padding-left:15px;
}

#footer a:hover {
	color: #999;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-left:15px;
}
	
#footer ul li {
	/* float:left; */
	margin-left:50px;
	margin-right:10px;
}

	#footer ul {
	
	list-style: none;
	display:inline-block;
	width:190px;
	margin-left:60px;
}

#footer p {
	padding-bottom:4px;
	padding-left:15px;
	color:#999;
	margin:0px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
}


/* Navigation */
/* This is the Navigation bar that is at the top of the page */

#navi a {
    color: #FFF;
	width:950px;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
    text-decoration: none;
    font-weight:normal;
}

#navi a:hover {
	width: 950px;
	background-color: #4c2d1b;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:4px;
    color: #e0c1ad;
	transition:ease-in-out all 200ms;
}




/* Navi ul made the hover flush with the bottom */ 

#navi ul {
	width:950px;
	padding-bottom:3px;
	padding-top: 5px;
	padding-left: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}

#navi li {
	display:inline;
	font-color:#FFF;
	font-size:15px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}

#navi {
	background-color:#7b451d;
	color:#FFF;
	width: 950px;
	}

#naviTab {
	width:100%;
	height:10px;
	background-color:#4c2d1b;
	
}

/* table */
/* table */
/* table */
/* table */

.highlight {
	width:400px;
	height:280px;
	float:left;
	margin:10px;
	text-align:center;
}

.caption {
	background-color:black;
	background-color:rgba(0,0,0,0.4);
	color:white;
	font-weight:normal;
	text-size:15px;
	letter-spacing:0.1em;
	text-indent:1em;
	padding:4px;
	position:relative;
	height:auto;
	bottom:26px;
	}
	
	#caption {
	background-color:black;
	background-color:rgba(0,0,0,0.4);
	color:white;
	font-weight:normal;
	text-size:15px;
	letter-spacing:0.1em;
	text-indent:1em;
	padding:4px;
	position:relative;
	height:auto;
	overflow:hidden;
	bottom:26px;
	transition: height 0.3s linear 0s, padding 0.3s linear 0s;
	}
	
	
	
	
	
.highlightsm {
	width:230px;
	height:180px;
	float:left;
	padding:5px;
	margin:5px;
}

.text_line
{
clear:both;
}

.row
{
	margin-left:35px;
	margin-top:5px;
	margin-bottom:20px;
	width:100%;
}


/* Classes */



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



.list
{
	padding:10px;
	width:850px;
	height:160px;
	border-bottom-color:#CCC;
	border-bottom-width:1px;	
}
	
.left {
	float:left;
	width:155;
	margin-right:20px;
}

.formbreaker
{
	margin-top:30px;
	margin-left:50px;
}

.formbreaker table tr td{
	padding:5px;
}

.tester {
height:50px;	
}
	
.tabedtext
{
display:inline;
padding-left:40px;
}

.highlightBox
{
padding-top:20px;
padding-bottom:10px;
width:850px;
margin-left:10px;
/* margin:0 auto;
 text-align:center; */
}



.tabedtext p
{
width:100px;
}




.highlightBox img {
	padding-left:200px;
}

/* This is the line for the caption */
/* This is the line for the caption */
/* This is the line for the caption */
/* This is the line for the caption */
/* footer */

.menuBox {
	background-color:#e0c1ad;
	margin:10px;
	margin-bottom:40px;
	padding:5px;
	border:1px solid;
	border-color:#000;
	width:80%;
	transition:ease-in 0.7s, height 0.9s;	
}

em {
	font-size:12px;
	color:#999;
}

.menuBox ul {
list-style: none;
font-size: 25px;	
}

.calender table {
margin:auto;
width:85%;
border-color:#B8B8B8;
  border-spacing: 0;
	
}

.calender table tr td {
width:9%;	
height:100px;
margin:0px;
padding:5px;
border-width:1px;	
}

.calender table th {
background-color:#602603;
color:#FFFFFF;	
}

.highlighRow img {
float:right;
}

h2 {
	font-weight:normal;
	font-size:20px;	
	color:#4c2d1b;
	margin-bottom:-10px;
	margin-top:10px;	
}