/* Dr. Steven Meacham, DC CSS */

/* Global properties ======================================================== */
* { margin:0; padding:0;}     /* turns off extra spacing around paragraphs*/

html{
	height:100%;				/* Force vertical scrollbars in Moz + Opera to prevent 'jumping' */
	margin-Bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}

#TestimonialsC, #TestimonialsO {display: block;}

table.Testimonial {width: 230px; float: left; margin-right: 20px; margin-top:20px }
table.Testimonial td {text-align: center; }
.TestimonyName {font-size: 14px;}
.TestimonyQuote {font-weight: bold; font-size: 18px; line-height: 1.2em; color:#006d84; height: 45px!important}
td.TestimonyStory {padding-top: 5px; padding-bottom: 5px;}
.TestimonySingle {width: 80%; margin-left: auto; margin-right: auto; text-align: center;}

.fab {font-size: 30px}

a { color:#00b5dd; text-decoration:none;}
a:hover, a:hover i { color:#9beb2a;}

button.go{
    background:#00b5dd;
    color:white;
    font-weight: bold;
    font-size: 16px;
    text-align: center!important;
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 10px!important;
}
button.go:hover, button.read:hover {
    background-color:#9beb2a;
}

button.read {
    width: 100px;
    background:#eee;
    text-align: center!important;
    outline: none;
    border: none;
    padding: 5px;
    border-radius: 5px!important;
}

/* Style the collapsible content. Note: hidden by default */
.story {
  display: none;
  overflow: hidden;
}



body {
    background-color: white; 
    background-attachment: scroll; 
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
}

td {vertical-align: top; text-align: left;}

#HeaderContainer {background:#006d84;	}

.Main {background:#FFFFFF; padding: 10px; max-width: 1000px; margin-left: auto; margin-right: auto;}

.BodyText {
	color: #000000;
    vertical-align: top;
	margin: 0px;
	text-align: left;
    line-height: 1.5em!important;
}
.Clear {clear: both;}

.ColorTurq {color: #00b5dd;}   /* 00b7df */
.ColorLime  {color: #9beb2a;} 
.ColorTeal  {color: #006d84;} 
.ColorBlue {color: #0000ff;}   

.Centered {margin: auto; }
.CenterContents {text-align: center;}
.LeftContents {text-align: left;}
.RightContents {text-align: right;}

.CellPadL15 {padding-left: 15px;}

.ClearNone {clear: none;}

#Footer {
    background-color: #006d84;
    padding-top: 20px;
    padding-bottom: 20px;
	clear: both;
    margin-top: 30px!important;
	text-align: center;
}
.copyright{
	color:#9beb2a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.Link_Copyright {
	color:#9beb2a;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.Link_Copyright:hover {	color:#ffffff;}

div.fb-like span {  display:block;  width:48px !important; }
div.fb-like iframe {  width:48px !important;}
div.fb-like iframe.fb_iframe_widget_lift {  width:100px !important;}

.FloatR {float: right; padding-left: 5px;}
.FloatL {float: left; padding-right: 5px;}

.Footnotes {
	text-align: left;
	vertical-align: top;
	font-family:Verdana, Geneva, sans-serif;	
}

.FrameTeal {
	background-color: #006d84;
	padding: 4px;
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
h1{
	color: #00b5dd;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: normal;
	text-align: center;
	margin-bottom: 30px; 
	margin-top: 15px;
}
h2{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: normal;
	text-align:left;
}
h3{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: normal;
	text-align: left;
}

.Hours td {line-height: 1.8em;}

.KeepTogether {display: inline-block;}

img.center {					/* This is to center an image for all browsers */
  display: block;
  margin-left: auto;
  margin-right: auto;
}


input {line-height: 1.4em!important; }
input, textarea, #Question {padding: 3px 3px 3px 3px!important}

.Link_Black {
	color:#000000;
	text-decoration:none;
}

.MarginL20 {margin-left: 20px;}

.ContentTable td {padding: 5px 5px 5px 5px}
#NanoList td {padding: 5px 5px 5px 5px}


.NavBarContainer { 
    width: 100%!important;
    align-content: center;	
  background: linear-gradient(to bottom, #74C51E 30%, #9beb2a 100%)!important;  

}

.NavBar {
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
    padding-top: 13px;
    padding-bottom: 4px;
}

.NavDivider{
	background-color:#9beB2a;
	height: 1px;
	width: 100%;
        margin-bottom: 15px;
}

p {text-align: left;}

.PadL {padding-left: 10px;}
.PadR {padding-right: 10px;}

.SideBar {
	text-align: left;
	vertical-align: top;
	font-family:Arial, Verdana, Geneva, sans-serif;	
	float: left;
	margin-right: 30px;
    margin-bottom: 30px;
}
.SideBar p { font-size: 15px; margin-left: 10px; }

ul {	margin-top: 0px; text-align: left; }
ul li {	margin-left: 30px;	 }

.VertTop {vertical-align: top;}
.VertBottom {vertical-align: VertBottom;}


#mainmenu {
	text-align: center;	
	padding:0;
}


#mainmenu a {font-size: 14px;			color: #006d84;	text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
#mainmenu a:hover { 	color: white;   text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
/*
#mainmenu a {			color: white;	text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
#mainmenu a:hover { 	color: #00b5dd;   text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
/

/* - - - ADxMenu:BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
/* #mainmenu, #mainmenu ul {	margin:0;	padding:0;	border:0;	list-style-type:none;	} */

#mainmenu ul {        /* submenu */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	background-color: #9beB2a;
}

#mainmenu li {
	margin: 0 1px 0 0;
	padding: 6px 18px 10px 5px;	/* PADDING BETWEEN LINKS */
	font-weight: bold;
	vertical-align: middle;
    border: 0;
	display: inline;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;/* thus we need to apply explicit z-index here... */
	vertical-align:middle;
}

#mainmenu ul li {  display:block;	float:none;}
#mainmenu li:hover {
	z-index: 10000;		/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;	/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) */
	color: #00b5dd;
}
#mainmenu li li {
	float: none;	/* items of the nested menus are kept on separate lines */
	padding: 10px 5px 0px 10px;
	width: 170px; 
}
/* #mainmenu ul > li > ul {padding-bottom: 10px;} */
#mainmenu li li:last-child  { padding-bottom: 10px;}

#mainmenu ul {
	visibility:hidden;	/* initially hide all submenus. */
	position:absolute;
	z-index:10;
	left: 0;				/* while hidden, always keep them at the top left corner, */
	top: 0;				/* to avoid scrollbars as much as possible */
}

#mainmenu li:hover>ul { 	visibility:visible;	/* display submenu them on hover */	top:100%;			/* 1st level go below their parent item */}
#mainmenu li li:hover>ul {/* 2nd+ levels go on the right side of the parent item */	top: 5px;	left:100%;}

/* -- float.clear --  force containment of floated LIs inside of UL */
#mainmenu:after, #mainmenu ul:after { 	content:".";	height:0;	display:block;	visibility:hidden;	overflow:hidden;	clear:both;}
#mainmenu, #mainmenu ul {/* IE7 float clear:*/	min-height:0;}
/* -- float.clear.END --  */

/*
#mainmenu ul { 	width:180px; }
#mainmenu ul ul {	width: 300px;} */
#mainmenu li.hidden {	display:none;}



/* FONT SIZES */
h1 		{font-size: 24px;}
h2, h3 	{font-size: 18px;line-height: 20px;}
.BodyText {font-size: 16px;	line-height: 1.4em;}
.Footnotes 	{font-size:11px;}
.SideBar 	{font-size:13px;}
.copyright, .Link_Copyright {font-size: 12px;}


/* MOBILE OPTIMIZATION *************************************** */
img {max-width: 100%; height: auto;}

.MobileOpt img {height: auto;}
.table1000 {display: block; max-width: 1000px; border-collapse: collapse; margin: auto;   }


/* FOR SPECIFIED VIEWPORTS */ 
@media all and (min-width: 1000px) {
    .Video {width: 560px; height: 315px;}
    .VideoNano { width: 500px; height:281px;}
    .MobileShow {display: none;}
    .MobileHide {display: inline-block;}
}
/* Tablets to Desktops */ 
@media all and (max-width: 999px) {
    h1 		{font-size: 20px;}
    h2, h3 	{font-size: 16px;}
    .NavBarContainer { text-align: center; width: 100%; background-color:#9beb2a; padding-top: 5px; padding-bottom: 5px;  }
    /*.Link_Nav:link, .Link_Nav:visited,.Link_Nav:active {color: #00b5dd;} */
    .NavBar {
        display: block; 
        margin-top: 0px; 
        width: 90%; 
        margin-left: auto;
        margin-right: auto;
        } 
    .NavDivider {display: none;}

    #mainmenu {
      text-align: center;
      list-style: none;
      margin: 0;
      padding: 0;
      line-height: 28px;
    }
    #mainmenu li {
     background: none;
      margin: 0 1px;
      padding: 0 15px 0 15px;
    }

    .SideBar {	margin-right: 20px;}
    .FloatMobile {float: left; width: 30%; margin-right: 20px;}
    .MobileHide {display: none;}
    .MobileShow {display: inline-block;}
    .Video {width: 336px; height: 189px;}
    .VideoNano { width: 325px; height:183px;}
}


/* very small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 480px) {
    .Video {width: 308px; height: 169px;}
    .VideoNano { width: 300px; height:168px;}
    .SideBar 	{float: none; width: 100%; margin-right: auto; margin-left: auto;}
    .SideBar p	{font-size:16px; line-height: 1.5em;}
    .BodyText {font-size: 14px;	line-height: 20px;}
    .SidebarPhoto {text-align: center;}
    .FloatMobile {float: left; width: 40%; margin-right: 20px;}
    .SideBar 	{float: none; width: 100%; font-size:16px; line-height: 1.5em; margin-right: auto; margin-left: auto;} 
    
    
}
@media all and (max-width: 320px) {
    .Video {width: 280px; height: 157px;}
    h1 		{font-size: 16px;}
    h2, h3 	{font-size: 16px;line-height: 18px;}
    .Main {height: auto; padding-top: 0px;}
    .Footnotes 	{font-size:10px;}
    .copyright, .Link_Copyright {font-size: 10px;}
    .SmallOnly {clear: both;}
    .BodySection { width: 100%;}
    .Hours {width: 100%;}
}