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

input[type=text] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	font-size: 100%;
	color: #939393;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.015), inset 0px 50px 50px -50px rgba(0,0,0,0.06);
}
.comment-block .respond p span.error-msg:before,
.contact-form p span.error-msg:before {
	display: block;
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	top: -2px;
	left: 50%;
	margin-left: -3px;
	background: inherit;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.comment-block .respond p textarea,
.contact-form p textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	font-size: 100%;
	color: #939393;
	height: 70px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.015), inset 0px 50px 50px -50px rgba(0,0,0,0.06);
}


.contact-form-user {
	display: block;
		width: 235px;
}

.commentform .contact-form-email,
.commentform .contact-form-user,
.commentform .contact-form-tel,
.commentform .contact-form-dates {
	width: 194px;
}

.contact-form-email {
	display: block;
	width: 235px;
}


.findusMAP {
	width:100%;
	height:40%;
	float: left;
}

.formrightAppointments {
	width:100%;
	float:left;
}


.topcontentleftphoto{
	width:100%;
	float:left;
}
.topcontentleftphoto img{
	width:100%;
	float:left;
}


.maincontentleft {
	padding: 3% 5%;
	width:60%;
	float:left;
	background-color:#FFF;	
}

.maincontentright {
	padding: 3.8% 3% 3% 3%;
	width:24%;
	float:right;
	position:relative;
	background-color:#F4F0D6;
	}
	
.maincontentright img{
	width:60%;
	height:auto;
	border:thin solid #B4B4B4;
}





.topcontentleftContainer {
	width:100;
	
}


.topcontentleftslider{
	width:100%;
	float:left;
	margin-bottom:25%;
}
.topcontentleftslider img{
	width:100%;
	float:left;
}


.bottomcontentleft {
	margin-top:4%;
	padding: 3% 5%;
	width:60%;
	float:left;
	background-color:#FFF;	
}


#cycler{position:relative; width:100%;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}



.bottomcontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 50%;
}

.maincontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 50%;
}

h1 {
	color: #1f1d5b;
	text-decoration: none;
	font-size: 160%;

}

h2 {
	color: #1f1d5b;
	text-decoration: none;
	font-size: 140%;

}


h3 {
	font-weight:bold;
	color: #1f1d5b;
	font-size: 120%;
	line-height:1.4;
}




p {
	line-height:1.4;
}

.homepagecontacttext {
	font-size:100%;
}


.smalltext {
	font-size:80%;
}

.BoldParagraphTextBrown {
	font-weight:bold;
		color: #1f1d5b;
}

.BoldParagraphTextGreen {
	font-weight:bold;
		color: #1f1d5b;
}


body { 
	background-image:url(../img/bg.jpg);
	font-size: 87.5%;
	font-family:Helvetica, Arial, sans-serif;
    color: #333; 
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	margin:0;
	line-height: 1;
	text-align: left;
}



        p { margin-bottom: 20px; }

        #content {
            width: 70%;
            margin: 0 auto;

        }
            #content h1 { color: #333; line-height: 1em; text-align:left;}
			
		
            
            ul#nav { padding-left: 0; list-style: none; width: 100%; ;
  }
            ul#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
            
                #content ul#nav li { float: left; width: 16.5%; text-align: center; }
                #content ul#nav a { 
                        display: block; 
                        background: #d6f5e1;
                        color: #1f1d5b;
									text-decoration: none;
 
                        font-weight: bold; 
                        padding: 10px; 
                        border-right: 1px solid #1f1d5b;
                }
				
	
	
	       #content ul#nav a:current { 
                        display: block; 
                        background: #b9dac4;
                        color: #1f1d5b;
									text-decoration: none;
 
                        font-weight: bold; 
                        padding: 10px; 
                        border-right: 1px solid #ffcc00;
                }
	
	
				#current a {
	color:#FFF;
	background-color:#ba7c00;
	}
	
                #content ul#nav a:hover { background: #b9dac4;  }
	
	
    
	    .open {
            display: none;
            float: left;
            width: 35px;
            height: 25px;
            margin-right: 10px;
            background: url(../img/menu.png) center center no-repeat #42520d;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            box-shadow: inset 0 0 3px #000;
            text-indent: -999999px;
            border: 0;
        }
		
		
	



.mainHeaderContainer  {
	background-color:#1f1d5b;
	width:100%;
}

.mainHeader {
	width:70%;
	margin: 0 auto;
}

.mainNavContainer  {
	background-color:#1f1d5b;
	width:100%;
	float:left;
}




.body {
	width: 70%;
	margin: 0 auto;
	clear:both;	
}

.mainHeader img {
	width:23%;
	height:auto;
	margin: 2% 0 1% 0;
}

.mainHeader nav {
	height: 30px;
	}

.mainHeader nav ul {
	list-style: none;
	margin: 0 auto;
}

.mainHeader nav ul li {
	float:left;
	display:inline;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
	color:#FFF;
	display:inline-block;
	padding:5px 25px;
	height:20px;
	width:90%;
}

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	background-color:#42520d;
	text-shadow:none;
}

.mainHeader ul li a {
}



.mainContent {
	line-height: 25px;
	text-align:left;
		
}

.content {
	width:100%;
	float:left;
	background-color:#FFF;
		text-align:left;
		margin-bottom:10px;
}

.topcontentright {
	padding: 8% 3% 3% 3%;
	width:24%;
	float:right;
	position:relative;
	background-color:#F4F0D6;
	}
	
.topcontentright img{
	width:60%;
	height:auto;
	border:thin solid #B4B4B4;
}









.top-sidebar {
	width: 24%;
	float:left;
	padding: 2% 3%;
	text-align:left;
	background-color:#FFF;
}


.middle-sidebar {
	width: 24%;
	float:left;
	background-color:#FFF;
	padding: 2% 3%;
	text-align:left;
}

.bottom-sidebar {
	width: 21%;
	float:left;
	background-color:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	padding: 2% 3%;
	margin-bottom: 2%;

}



.mainFooter  {
	width:100%;
}

.mainFooterContents {
	width:70%;
	font-size:85%;
	background-color:#1f1d5b;
	margin: 0 auto;
}

.footertextsmall p {
	color: #fff;
	text-decoration: none;
}

.footertextsmall:hover {
	color: #fff;
	text-decoration: underline;
	cursor:pointer;
}







.mainFooter p {
	width: 92%;
	color:#FFF;
	text-align:left;
			padding-bottom:10px;
			padding-left:5%;

}

.le-button a {
	color: #fff;
	text-decoration: none;
}
.le-button {
	display: inline-block;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	background: #71b33a;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 14px 7px 14px;
	border: 0px;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08), inset 0px 0px 0px 50px rgba(255,255,255,0.12);
	border-radius: 2px;
	line-height: 150%;
	-moz-border-radius: 2px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	cursor: pointer;
	margin-right: 6px;
	vertical-align: bottom;
}

.le-button .icon-text {
	display: inline-block;
	padding-right: 6px;
	padding-top: 1px;
	margin-bottom: -1px;
}

.le-button:hover {
	color: #fff;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08);
}

.le-button:active {
	color: #fff;
	margin-top: 2px!important;
	padding: 5px 14px 5px 14px;
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.25), inset 0px 2px 2px 0px rgba(0,0,0,0.08);
}







 
/* Mobile and iPad Portrait */
@media only screen and (max-width: 959px) {
#content { width: 748px; }
 
 
 
input[type=text] {
	width: 100%;
	
}

.comment-block .respond p textarea,
.contact-form p textarea {
	width: 100%;
}
	 
 
 .contact-form-user {
	display: block;
		width: 235px;
}


.findusMAP {
	width:100%;
	height:250px;
	float: left;
}
 
 
 .bottomcontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 55%;
}
.maincontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 55%;
}
 
 
textarea, input[type="text"] { width: 100%; max-width: 100%; box-sizing: border-box; }
 
 textarea { max-width: 400px; height: 150px; }
 
.topcontentleftContainer {
	width:100%;
}

.bottomcontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 50%;
}

.maincontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 50%;
}

.topcontentleftphoto{
	width:100%;
	float:left;
}
.topcontentleftphoto img{
	width:100%;
	float:left;
}


.maincontentleft {
	width:100%;
	float:left;	
}

.maincontentright {
	padding: 5%;
	width:100%;
	float:left;
	background-color:#F4F0D6;
	}
	
.maincontentright img{
	width:40%;
	height:auto;
	border:thin solid #B4B4B4;
}



.BoldParagraphTextGreen {
	font-weight:bold;
		color: #1f1d5b;
}







.topcontentleftslider{
	width:100%;
	float:left;
}
.topcontentleftslider img{
	width:100%;
	float:left;
}


.bottomcontentleft {
	width:100%;
	float:left;
}


#cycler{position:relative; width:100%;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}







h1 {
	color: #1f1d5b;
	text-decoration: none;
	font-size: 140%;

}

h2 {
	color: #1f1d5b;
	text-decoration: none;
	font-size: 140%;

}


h3 {
	font-weight:bold;
	color: #1f1d5b;
	font-size: 110%;
	line-height:1.4;
}




p {
	line-height:1.4;
}

.homepagecontacttext {
	font-size:100%;
}


.smalltext {
	font-size:80%;
}

.BoldParagraphTextBrown {
	font-weight:bold;
		color: #1f1d5b;
}



		
	



.mainHeaderContainer  {
	background-color:#1f1d5b;
	width:100%;
}

.mainHeader {
	width:70%;
	margin: 0 auto;
}

.mainNavContainer  {
	background-color:#1f1d5b;
	width:100%;
	float:left;
}




.body {
	width: 100%;
	margin: 0 auto;
	clear:both;	
}

.mainHeader img {
	width:60%;
	height:auto;
	margin: 4% auto;
}





.mainContent {
	line-height: 25px;
	text-align:left;
		
}

.content {
	width:91%;
	float:left;
	background-color:#FFF;
	text-align:left;
}

.topcontentright {
	padding: 5%;
	width:100%;
	float:left;
	background-color:#F4F0D6;
	}
	
.topcontentright img{
	width:40%;
	height:auto;
	border:thin solid #B4B4B4;
}






.mainFooter  {
	width:100%;
}

.mainFooterContents {
	width:100%;
	background-color:#663300;
}

.mainFooter p {
	width: 92%;
	color:#FFF;
	text-align:left;

}



.le-button {
	display: inline-block;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	background: #71b33a;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 14px 7px 14px;
	border: 0px;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08), inset 0px 0px 0px 50px rgba(255,255,255,0.12);
	border-radius: 2px;
	line-height: 150%;
	-moz-border-radius: 2px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	cursor: pointer;
	margin-right: 6px;
	vertical-align: bottom;
}

.le-button .icon-text {
	display: inline-block;
	padding-right: 6px;
	padding-top: 1px;
	margin-bottom: -1px;
}

.le-button:hover {
	color: #fff;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08);
}

.le-button:active {
	color: #fff;
	margin-top: 2px!important;
	padding: 5px 14px 5px 14px;
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.25), inset 0px 2px 2px 0px rgba(0,0,0,0.08);
}
    	}








    	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) {
    	    #content { width: 400px; }
    	    #content h1 { font-size: 22px; line-height: 30px; background-color: #000; color: #FFF; padding: 10px; }
    	    #content ul#nav { display: none; }
    	    
    	    .open { display: block; }
    	    #pageslide { width: 200px; }
    	        #pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #666; }
    	        #pageslide #nav li a { color: #FFF; border: none; }
    	        #pageslide #nav li a:hover { text-decoration: underline; }
    	
		.topcontentleftslider{
	width:100%;
}
.topcontentleftslider img{
	width:100%;
}

		
		}
		
    	
    	/* Mobile Portrait */
        @media only screen and (max-width: 479px) {
            #content { width: 280px; }
            #content h1 { font-size: 14px; }
			.topcontentleftslider{
	width:100%;
}

.maincontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 90%;
}

.bottomcontentleft img {
    height: auto;
    margin: 2% 0 1%;
    width: 90%;
}

.topcontentleftslider img{
	width:100%;
}
        }