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

body {
	text-align: center;
	margin: 0 auto;
    font-size:1em;
	font-family: 'Raleway', sans-serif;
    color:#333;
	font-weight: 400;
	background-color: #ffffff;
/* background: -webkit-linear-gradient(black, #fff); /* For Safari 5.1 to 6.0 */
/* background: -o-linear-gradient(black, #fff); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(black, #fff); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(black, #fff); /* Standard syntax */
		}


a, a:link, a:visited {
	color:  #fff;
} 
 
a:hover {
	color: #f7f7f7;
} 

a:active {
	color: #336;
}
h1, h2, h3 {
color: #fff;

} 
h3 a, h3 a:link, h3 a:visited {
color: #fff;
}

p {
text-align:left;
color: #fff;
font-size: 100%;
line-height: 1.4em;
}

.notop {
margin-top: 0px;
}

.nobottom {
margin-bottom: 0px;
}

div {
text-align:center;
}

ul,ol,li{

	background-color:transparent;
	font-weight:normal;
	text-align:left;
	list-style : disc outside none;
	color:#fff;
}

#wrap {  
	background:#b0a696 url(images/wrap-back.jpg) left repeat-y scroll;
	margin: 0 auto;
	text-align:left;
	border: 1px solid black;  
	width:989px;
}

#wrap-site {  
	background:#b0a696 url(images/wrap-back-340.jpg) left repeat-y scroll;
	margin: 0 auto;
	text-align:left;
	border: 1px solid black;  
	width:989px;

}
#toplogo {
	background-color: #fff;
	width: 800px;
	height: 100px;
	margin:auto;
	text-align:center;
}
#banner {
height: 63px;
width: 100%;
text-align:center;
margin: 0px auto;
background-color: #b0a696;
color: #fff;
}
#banner a, #banner a:link, #banner a:visited {
background-color:transparent;
color:#fff;
}
#logo {
width:90%;
height:auto;
}
.imgresp {
width:100%;
height:auto;
}
#top-info {
margin-top: 10px;
font-size: 90%;
float:right;
max-width: 200px;
text-align:right;
margin-right: 10px;
color: #fff;


}
#top-contact {
padding-top: 150px;
font-size: 90%;
font-weight:bold;


}
#menu-wrap{ 
min-height: 63px;
background-color: #b0a696; 
width: 100%;
}
#menu {
text-align:center;
min-height: 63px;
background-color:#797367;
margin:auto;
color: #FFFFFF;
}

/*#menu a, #menu a:link, #menu a:visited {
font-family:Helvetica,Arial,  sans-serif;
color: #fff;

padding-top: 8px;
padding-bottom: 8px;
padding-left: 38px;
padding-right: 38px;
margin-top: 8px;
margin-bottom:8px;
letter-spacing: .05em;
text-decoration:none;
font-size: 90%;
line-height: 63px;
}
#menu a:hover {
color: #eee;
}*/
#content {
     text-align:center;
     width:100%;
	 margin: 0 auto;
	
}

#left-col {
	float:left;
	margin-top: 0px;
	max-width: 240px;
	background-color: #797367;
	overflow:auto;
	height: 100%;
 min-height: 100%;}
#left-col p {
font-size: 90%;
margin-left: 20px;
color: #fff;
font-family:Helvetica, Arial, sans-serif;
}
#left-col-site {
	float:left;
	margin-top: 0px;
	max-width: 340px;
	background-color: #797367;
	overflow:auto;
}
#left-col-site p {
font-size: 90%;
margin-left: 60px;
color: #fff;
font-family:Helvetica, Arial, sans-serif;
}
#left-col-site ul,#left-col-site h3{
margin-left: 60px;}
#left-col form {
margin-left: 100px;
}
#right-col 
{
width: auto;
margin-left: 300px;

}
#right-col p {
width: 90%;
margin: 20px;
}
#right-col-site 
{
width: auto;
margin-left: 400px;

}
#right-col-site p {
width: 85%;
margin: 20px;
font-size: 90%;
}
#right-col-site ul {
font-size: 90%;
}
/*slideshow*/
#slideshow {
    position:relative;
    height:428px;
    margin-left: 10px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 428px;
    background-color: transparent;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 428px;
    display: block;
    border: 0;
    margin-bottom: 10px;
	margin-top:10px;

}
.slideshow-img
{	 box-shadow: 4px 4px 4px #888;
}
/*end slideshow*/
#boxes {
height:220px;
}

.box {
float:left;
width:300px;
height:200px;
 border-radius:  5px 5px 5px;
box-shadow: 4px 4px 4px #888;
margin-left: 30px;
margin-right: 30px;
background: white url(images/box-back.jpg) top center no-repeat scroll;
}

.box p {
padding: 0px 10px;
}

.contact-info{
	font-weight: bold;
	color: #DCDCDC;
	padding-top: 10px;
	font-size: 90%;
	max-width: 990px;
	margin:auto;
}
.contact-info a, .contact-info a:link, a:visited {color: #DCDCDC; text-decoration:none;background-color:transparent;font-size: 80%;font-weight:normal;}

.contact-info a:hover {
	color: #336;	
	background-color :#DCDCDC;
}
#menu-bottom {
max-width: 200px;
text-align:center;
float:left;
margin-left: 300px;
border-right: 2px solid #336;
}
#menu-bottom-right {
 max-width:200px;
  float:right;
 margin-right:260px;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.center {
text-align:center;
}

.red {
color:#CC2213;
}

.dark {
color: #333;
}

.smaller {
font-size: 85%;
}

.larger {
font-size: 140%;
}

table {
text-align:center;
margin:auto;
width: 80%;
box-shadow: 4px 4px 4px #888;
}

td {
   color:#333;
	padding:5px;
	margin:auto;
	vertical-align:top;
	}

input {
	border: 1px solid #eee;
	border-radius: 5px;
	}

.submitButton {
	height: 40px; 
	font-size: 120%;
	border: 3px solid #000;
	border-radius: 5px;
	box-shadow: 4px 4px 4px #888;
	color: #fff;
	font-weight:bold;
    background-color: #3180E2; 
   font-family: 'Merriweather Sans', sans-serif;
	}

select {	
	border: 1px solid #eee;
	border-radius: 5px;
	 background: -webkit-radial-gradient(#eee, white, #eee); /* For Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#eee, white, #eee); /* For Opera 11.1 to 12.0 */
  background: -moz-radial-gradient(#eee, white, #eee); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#eee, white, #eee); /* Standard syntax */
  }

#footer {
text-align:center;
margin:auto;
background-color: transparent;
font-size: 80%;
color: #333;
}

#footer a, #footer a:link, #footer a:visited {
color: #333;
text-decoration:none;
}

#footer a:hover {
color: #999;
}

#check { font-size: 10px; width: 20px; display: none; visibility: hidden; z-index: 0; }

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 801px) {


}

@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 768px) {
#toplogo {
	width: 99%;
	height: auto;
}
#banner {
height: auto;
width: 99%;
}
#wrap, #wrap-site{  
	background:#afa695 url(none) left repeat-y scroll;
    width: 99%;
}

/*#menu a, #menu a:link, #menu a:visited {
padding-left: 2px;
padding-right: 2px;
line-height: normal;
	}*/
.imgrsp {
	width: 99%;
	height:auto;
	}
#left-col, #left-col-site{
	float:none;
	margin-top: auto;
	max-width: 100%;
	background-color: #797367;
	text-align:center;
	}
#left-col p, #left-col-site p{
    margin:auto;
	text-align:center;
}

#left-col ul, #left-col h3, #left-col-site ul, #left-col-site h3{
    margin: auto;
	text-align:center;
	}
#right-col {
margin: auto;

}
#right-col p {
margin: auto;
}
	
#right-col-site {
margin: auto;

}
#right-col-site p {
width: 90%;
margin: auto;

}
}

@media only screen and (max-width: 600px) {
#toplogo {
	width: 99%;
	height: auto;
}
#banner {
height: auto;
width: 99%;
}
#wrap, #wrap-site{  
	background:#afa695 url(none) left repeat-y scroll;
    width: 99%;
}

/*#menu a, #menu a:link, #menu a:visited {
padding-left: 2px;
padding-right: 2px;
line-height: normal;
	}*/
.imgrsp {
	width: 99%;
	height:auto;
	}
#left-col, #left-col-site{
	float:none;
	margin-top: auto;
	max-width: 100%;
	background-color: #797367;
	text-align:center;
	}
#left-col p, #left-col-site p{
    margin:auto;
	text-align:center;
}

#left-col ul, #left-col h3, #left-col-site ul, #left-col-site h3{
    margin: auto;
	text-align:center;
	}
#right-col {
margin: auto;

}
#right-col p {
margin: auto;
}
	
#right-col-site {
margin: auto;

}
#right-col-site p {
width: 90%;
margin: auto;

}

}