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


body {
	font-family: 'Lato', sans-serif;
	background-color:#fff;
	color:#000;
	font-size:1.1em;


}
#Home {
	margin:auto;
	margin-top:2%;
	width:80%;
	max-width:1000px;

}

#Interior {
	

}

figure{
	text-align: center;
	max-width:100%;
}
figure img{
	max-width: 100%;
	height: auto;
}

#Header {
	
	
}
#Logo img a{
	text-decoration:none;
	
}
#Logo img {
	border:none;
}
#Emphasis {
	background-color:rgba(232,221,222,.3);
	border:1px solid #ccc;
	padding:3%;
	margin:1%;

}
.board {

	border:1px solid #ccc;
	padding:1%;
	margin:1%;

}
.board p{
	padding-left:1.5%;
	padding-bottom:2%;
	font-size:.9em;
	line-height:1.5em;
	
}
.boardcreds {
	padding:1.5%;
	font-size:.9em;
	font-style:italic;
	border-top:#c00 solid 1px;
	/*border-bottom:#c00 solid 1px;*/
	line-height:1.3em;
	color:#444;
}
.forms {

	border:1px solid #ccc;
	padding:1%;
	margin:1%;

}
.rightdiv {
	margin-left:3%;
	
	
}
.leftdiv {
	/*border-right:1px solid #ddd;*/
}
.navimg {
	border: 1px solid #E82C2F;
	
}
/*-----------general styles---------------*/
/*these two styles make a page title that works on mobile*/

.red {
	color:#c00;
}
.blue{
	color:#2a81f6;
}
.yellow {
	color:#ecb805;
}
.light {
	font-weight:300;
	color:#9a9a9a;
}
#LineTwo {
	display:none;
}
.hrstyle {
	width:100%;
	height:1px;
	background-color:#dcd8d3;
	margin-top:2%;
	margin-bottom:2%;
}
.button {
	border:1px solid #ddd;
	margin:2%;
	float:left;
	width:29%;
	max-width:215px;
	font-size:1.3em;
	height:130px;
	min-height:!important;
	min-height:130px;
}

.button-one {
	margin:3%;
	width:90%;
	max-width:500px;
	font-size:1.3em;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
}
.button-two {
	margin:3%;
	float:left;
	width:40%;
	max-width:500px;
	font-size:1.3em;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
}

.button-three {
	margin:2% 0px 2% 4%;
	float:left;
	width:29%;
	max-width:300px;
	font-size:1.3em;
}

.button_style2 a{
	width:90%;
	color:#666;
	font-size:.7em;
	text-align:center;
	padding: .6em; 		
	
	text-decoration:none; display:inline-block;
  text-decoration:none; display:inline-block;
  background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);

}
.button_style2 a:hover {
	color:#000;
	text-decoration:underline;
	background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}
.button_style a{
	padding:35px; 		
	text-decoration:none; display:inline-block;
	color:#999;
}
.button_style a:hover, .button_style a:active {
	color:#666;
	font-weight:500;
	
}
#Intro {
	margin:0px 20px 35px 5px;
	padding:10px 0px;
	font-weight:300;
	letter-spacing:1px;
	font-size:1.1em;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

ul.gallery img{width:225px; height: auto;}
/*------------interior styles with side menu------------------*/
#Content {
	width:90%;
	margin:auto;
	position:relative;
	max-width:1200px;
}
#Main {
	float:right;
	width:65%;
	padding:55px 9% 55px 3%;
}
#HomeContent {
	background-image:url(../images/homephoto.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	min-height:500px;
	border:1px solid #666;
	margin-bottom:35px;
}
.hometext {
	color:#462a1a;
	font-size:1.8em;
	line-height:1.1em;
	font-weight:600;
	padding-left:40px;
	padding-top:370px;
	width:50%;
	max-width:400px;
}
/*_______________________side menu---------------------*/
#SideLinks {
	float:left;
	width:23%;
	max-width:280px;
	padding:30px 0px;
	
}

#SideLinks ul.menu{
	list-style:none;
	margin:1em 1em 1em 0px;
	line-height:2em;
}

#SideLinks ul.menu li{
	
	font-weight:300;
	font-size:.9em;
	padding:19px 3px;
	letter-spacing:1px;
	color:#fff;	
	border-bottom:1px solid #E5E2E2;
	line-height:1.4em;
	
}
#SideLinks ul.menu li a{
	color:#655e50;	
	text-decoration:none;
}
#SideLinks ul.menu li a:hover{
	color:#373632;	
	text-decoration:underline;
}
#SideLinks ul.menu li .active{
	color:#595646;
	font-weight:600;	
	text-decoration:none;

}



/*__________________footer and stuff----*/
#Footer {
	width:100%;
	max-width:1200px;
	margin:auto;
	margin-top:2%;
	padding:35px;
	border-top:1px solid #dedede;
	font-size:.85em;
}
.webdesign {
	font-size:.8em;
	padding-top:20px;
	color:#999;
}
#Footer ul {

}
#Footer ul li{
	
}
#Footer a{


}
#Footer a:hover {
	
	
}
.copyright {
	
}

/*__________flipmenu--------------*/
.intmenu-toggle{
	display:none;	
}
.twocolumn #Left
{
/*width:62%;
float:left;	
padding:2%;*/
}

.twocolumn #Right{
	/*width:36%;
	float:left;
	padding:2%;
	max-width:450px;*/
}
.twocolumn #Main
{
	float:right;
	width:65%;
	padding:55px 9% 55px 3%;
}


.twocolumn .sidebar{
	float:left;
	width:20%;
	max-width:280px;
	padding:30px 0px;
}
.twocolumn.sideleft #Main{
	float:right;
	width:68%;
	padding:55px 9% 55px 3%;
}
.twocolumn.sideleft .sidebar{
	float:left;	
}
.sidebar .hide{
	display:none;
	
}

@media (min-width:950px) and (max-width:1030px){

}