/* Start css

table back ground lt blue w no lines {
--------------------------------------------- 
*/

/* Google Fonts
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400|Roboto+Condensed:300,400|Vidaloka:400);
--------------------------------------------- */

*{
	margin: 0;
	border: 0;
	padding: 0;
}
/* red line puts space top and bottom to separate from items above and below
--------------------------------------------- */
.line {
padding-bottom: 9px;
margin: 0 2% 40px 2%;
border-bottom: 1px solid #ff5a34;
}
/*blue line
--------------------------------------------- */
.bline {
border-bottom: 12px solid #0099ff;
}
.pinkl {
   border-bottom: 5px solid #ff085f;
}
/* Color of header
--------------------------------------------- */
.headers {
	color: #00BCEA;
	font-family: sans-serif;
	font-size: 27px;
}
#header {
	transition:all 0.4s;;
}
body {
	background: #E6F2FF;
	color: #555;
        font-family: sans-serif;
	font-size: 20px;
	height: 100%;
	width: 100%;
       margin: 0;
}
h1 {
text-align : center;
color: #ff085f;
font-size : 112.5%;
padding : 5%;
}
h2 {
text-align: center;
color: #555;
font-size : 93.8%;
}
h3 {
text-align : center;
color: #555;
font-size : 70%;
}
/* dont touch h4 needed it for menubar
--------------------------------------------- */
h4 {
text-align : center;
color: #555;
font-size: 18px;
font-size: 1.8rem;
padding : 5%;
}
h5 {
font-size : 18px;
font-size : 1.8rem;
}
h6 {
font-size : 16px;
font-size : 1.6rem;
}
.spaceh1 {
text-align : center;
font-size : 180%;
line-height : 120%;
padding : 5%;
}
/* dont touch spaceh4 needed it for menubar
--------------------------------------------- */
.spaceh4 {
text-align : center;
font-size : 180%;
line-height : 120%;
padding : 5%;
}
.spaceh2 {
text-decoration : underline;
line-height : 280%;
padding-left : 2%;
}
/* dont touch spaceh3 for footer
--------------------------------------------- */
.spaceh3 {
line-height : 310%;
}
/* dont touch spaceh33 needed for home page */
.spaceh33 {
text-align : center;
font-size : 14px;
font-size : 1.4rem;
font-weight: 700;
line-height: 310%;
color: #555;
}
.ofont {
color: #ff5a34;
}
.h1small {
text-align: center;
color: white;
font-size: 93.8%;
margin-bottom: 32px;
margin-bottom: 2rem;
padding: 24px;
padding: 1.5rem;
background-color: #99CCFF;
}
.h2large {
text-align: center;
color: blue;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 32px;
margin-bottom: 2rem;
padding: 24px;
padding: 1.5rem;
background-color: #0099ff;
}
.pfont {
color: #ED008C;
}
.bfont {
color: #0000FF;
}
.Wfont {
color: #FFFFFF;
}
p {
padding: 1%;
	}

strong {
	font-weight: 700;
}

img {
	max-width: 100%;
	height: auto;
	width: auto; /* IE8 */
        border: 0;
        
 }
img.center {
    display: block;
    float: auto;
    }
a {
	text-decoration: none;
                color: #555;
	font-weight: bold;
}
A:visited { color: blue; text-decoration: underline}
A:active { color: blue; text-decoration: underline}
a:hover {
	color: #ff5a34;
}
h3 a {
	text-decoration: underline;
	color: #555;
}
	nav a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
nav A:visited { 
color: white; 
text-decoration: none
}

nav A:active { 
color: white; 
text-decoration: none
}
footer a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
/* background color of header
z index puts it at the top
opacity makes it clear
--------------------------------------------- */
.header3 {
	background: #00BCEA;
	width: 100%;
	height: 86px;
	position: fixed;
	top: 0;
	left: 0;	
	z-index: 100;
	opacity: 0.90;
	border-bottom:1px solid #ff5a34;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
}

/* logo left hand side adaycare - dont touch h4
--------------------------------------------- */
#logo h4 {
padding: 25px;
float: left;
font-size: 37px;
color: #ffffff;
font-family: "DejaVu Sans";
border-right: 2px solid #ff5a34;
height: 35px;
}
nav{
	float: right;
	padding: 35px 20px;
}
#menu-icon {
width: 40px;
height: 40px;
background: url(http://www.adaycare.com/Images/menu-rollup.png) center no-repeat;
}
a:hover #menu-icon {
border-radius: 4px 4px 0 0;
}
 ul {
      list-style: none;
}
nav ul li {
	display: inline-block;
	float: left;
	padding: 0px 10px;
	font-size: 20px;
        border-right: 1px solid #ff5a34;
}
ul.submenu {
    display: none;
}

li:hover ul.submenu {
    display: block;
}	

#doc {
	margin: 0px 0px 40px 0px;
	text-align: center;
}
./*       ______________table with blue borders dont touch used on most pages--------------------------------------------- */
.table3 table {
                width: 100%%;
	height: auto;
	float: auto;
	padding: 0%;
	border-collapse:collapse;
             	border-radius: 5px;
  }
   .table3 td {
	text-align: center;
	font-size: 24px;
                padding: 1%;
         background-color: #E6F2FF;
         border: solid 11px #0099ff;
                }
.buybtn {background-image: url(../images/buynow.gif);
	background-repeat: no-repeat;
	height:23px; width:68px; }

.buybtn {background-image: url(../images/buynow.gif);
	background-repeat: no-repeat;
	height:23px; width:68px; }

/* to change the color in table cell class="bluet"
--------------------------------------------- */
.bluet {color: blue;}
/* Boxes
--------------------------------------------- */
.box200 {width:200px;
    margin:auto; }
.greenb {
        text-align: center;
        color: green;
        margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color:#CCFF99;
}
.greenbl {
               text-align: left;
              color: #1E90FF;
              font-size: 100%;
             margin-left: 20%;
              margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 2%;
	background-color: #F1F8FF;

}
.pinkbl2 {
                text:-align: left;
                color: #ff085f;
               font-size: 80%;
	padding: 24px;
	padding: 1.5rem;
	background-color: #FFDDDD;
}
.greenbl2 {
                text:-align: left;
               color: green;
               font-size: 80%;
	padding: 24px;
	padding: 1.5rem;
	background-color: #CCFF99;
}
.bluebl2 {
                text:-align: left;
                color: blue;
               font-size: 80%;
	padding: 24px;
	padding: 1.5rem;
	background-color: #CCD6FF;
}
.brownb {
                text:-align:center;
                color: white;
               font-size: 80%;
	padding: 24px;
	padding: 1.5rem;
	background-color: #666666;
}
.brownb2 {
                text:-align:center;
                color: white;
               font-size: 80%;
	padding: 24px;
	padding: 1.5rem;
	background-color: #5B5B5B;
}
.graybl {
        text-align: left;
        color: #1E90FF;
        margin-left: 20%;
        margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 1%;
	background-color: #F5F5F5;
}
.ltbluebl3 {
        text-align : left;
        color: #00ACED;
        font-size: 15px;
        font-size: 1.5rem;
        padding : 5%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: ;
}
.ltblueb {
        text-align : center;
              font-size: 120%;
              color: blue;
	margin-bottom: 32px;
	margin-bottom: 2rem;
        padding: 24px;
	padding: 1.5rem;
	background-color: #d8ecf7;
}
.ltblueb2 {
        text-align: center;
        color: white;
        margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #99ccff;
}
.yellowb {
       text-align: center;
       color: #ff085f;
        font-weight: bold;
       font-size: 20px;
        background-color: #FFFFC0;
        font-family: "Comic Sans MS";
}
/* use instead of ul
--------------------------------------------- */
.creamb2 {
        text-align: left;
        color: blue;
        font-size: 14px;
        font-size: 1.4rem;
        margin-left: 20%;
	padding: 1%;
	background-color: #FFFFEE;
}
.left20 {
        text-align: left;
         font-size: 100%;
        margin-left: 30%;
        }
.creamb {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #FFFFEE;
}
.blueb { 
        text-align: center;
        color: blue;
            font-size: 120%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #0099ff;
}
.box200 {width:200px;
    margin:auto; }
.greenb {
         text-align: center;
        color: green;
            font-size: 120%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color:#CCFF99;
}
.pinkb {
                text:-align: center;
                color: #ff085f;
               font-size: 120%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: pink;
}
.pinkbs {
                text:-align: center;
                color: #ff085f;
               font-size: 85%;
                width: 85%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #FFDDDD;
}
.pinkbsm {
                text:-align: center;
                color: #ff085f;
                font-size: 90%;
                display: block;
	float: auto;
                width: 30%;
	margin-bottom: 5px;
	padding: 1%;
	background-color: #FFDDDD;
}
.ltlbuebsm {
                 text:-align: center;
                color: blue;
               font-size: 90%;
               text-decoration: none;
               display: block;
	float: auto;
                width: 30%;
	margin-bottom: 5px;
	padding: 1%;
              	background-color: #CCD6FF;
}

.ltbluebs {
                text:-align: center;
                color: blue;
               font-size: 85%;
                width: 85%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #CCD6FF;
}

.greenbs {
                text:-align: center;
                color: green;
               font-size: 85%;
                width: 85%;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 24px;
	padding: 1.5rem;
	background-color: #CCFF99;
}
/* Boxes - Smaller
--------------------------------------------- */
 .container { width: 960px; margin: 0 auto; height: 500px; }
    .container [class*='box'] { width:300px; height:200px; float: left; margin-right: 30px; }
    .container .box1 { background-color: pink; }
    .container .box2 { background-color: #d8ecf7; }
    .container .box3 { background-color: #CCFF99; margin-right: 0; }

/* Boxes - Sidebar pink, blue, green
--------------------------------------------- */
 .container2 { width: 100%x; margin: 0 auto; height: 100%px; }
    .container2 [class*='box'] { width:100%; height:100%; float: left; margin-right: 30px; }
    .container2 .boxp { background-color: pink; }
    .container2 .boxb { background-color: #d8ecf7; }
    .container2 .boxg { background-color: #CCFF99; margin-right: 0; }
.left {
text-align: left;
}
.center {
text-align: center;
}
#content {
	margin: 0 auto;
	max-width: 100%;
}
.blueberry {
	max-width: 100%;
}
.wrapper {
	background: url(../images/man.png)no-repeat left;
	margin-top: -50px;
	text-align: center;
}
.wrapper a{
	background: #ff5a34;
	padding: 15px 30px;
	border-radius: 10px;
	margin: 0 auto;
	font-family : "@Malgun Gothic";

}
.wrapper a:hover{
	background: #fb2c00;
	padding: 15px 30px;
	border-radius: 10px;
	margin: 0 auto;
	color: #555555;
}
.banner {
	text-align: center;
	margin: 40px 0px;
	opacity: 0.90;
}

.classes {
	background: url(../images/class.jpg)no-repeat fixed;
      background-size: cover;
   -o-background-size: cover;
   height: 300px;
   width: 100%;
  	margin: 10px 0;
}

.section1 {
	width: 20%;
	float: left;
	margin: 2% 2%;
	text-align: center;
	opacity: 0.7;
}
.section1:hover{
	opacity: 1;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
section {
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: center;
}
.clear {
	clear: both;
}
/* remove border collapse if you want lines to show up in a table
--------------------------------------------- */
table {
       text-align:center;
       table-layout: fixed;
       width: 98%;
	height: auto;
	float: auto;
	padding: 0%;
	background-color: #E6F2FF;
                border-collapse:collapse;
	border-radius: 5px;
  }

th, td, tr {
    padding: 0px;
    font-size: 18px;
       }
td {
	text-align: center;
	font-size: 24px;
                padding: 1%;
                }
th {
	text-align: center;
	color: #555;
	font-size: 24px;
}
 .table1 {width:200px;
    margin:auto;
    font-size:12px;
    border:1px solid #000;     border-collapse:collapse; }
.table1 th {     color:#000;
    vertical-align:middle; text-align:center;
    border:1px solid #000; }
.table1 td {     color:#000099;
    vertical-align:middle; text-align:left;
    border:1px solid #000; }

.table2 {width: 90%;
	margin:auto;
	font-size: 10px;
	background: #CCD6FF; }

.table2 th {
	color: blue;
	vertical-align:middle; text-align:center;
	padding:0 6px; }
                background: #CCD6FF; }

.table2 td {
	color: #blue;
	vertical-align:middle; text-align:left;
	padding:0 6px; }

.buybtn {background-image: url(../images/buynow.gif);
	background-repeat: no-repeat;
	height:23px; width:68px; }

/* to change the color in table cell class="bluet"
--------------------------------------------- */
.bluet {color: blue;}
.tabley {
       text-align: center;
	color: blue;
        font-weight: bold;
	font-size: 25px;
        background-color: #FFFF81;
        font-family: "Comic Sans MS";
        }
.tableb {
       text-align: center;
	color: blue;
        font-weight: bold;
	font-size: 15px;
        background-color: #CCD6FF;
        font-family: "Comic Sans MS";
}
.tablebl {
       text-align: left;
	color: blue;
        font-weight: bold;
	font-size: 15px;
        background-color: #CCD6FF;
        font-family: "Comic Sans MS";
        padding: 2%;
}
.tablep {
       text-align: center;
	color: #ff085f;
       font-weight: bold;
	font-size: 15px;
        background-color: #FFDDDD;
        font-family: "Comic Sans MS";
}
.tablepl {
       text-align: left;
	color: #ff085f;
        font-weight: bold;
	font-size: 15px;
        background-color: #FFDDDD;
        font-family: "Comic Sans MS";
        padding: 2%;
}
.tableg {
        text-align: center;
	color: green;
        font-weight: bold;
	font-size: 15px;
        background-color: #CCFF99;
        font-family: "Comic Sans MS";
}
.tablegl {
       text-align: left;
	color: green;
       font-weight: bold;
	font-size: 15px;
        background-color: #CCFF99;
        font-family: "Comic Sans MS";
        padding: 2%;
}

ul .gym li{
padding-left: 3%;
}
.bottomnav {
	background: #666;
	width: 100%;
               overflow: hidden;
               	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.social li {
	display: inline-block;
	padding: 5px;
}
footer h3, footer p {
	color: white;
	text-align: center;
}
.copyright {
	background: #5b5b5b;
}
/* text left right or center align
--------------------------------------------- */
span.left {
position: absolute;
left: 0;
}
span.right {
position: absolute;
right: 0;
}
div.line {
position: relative;
text-align: center;
width: 100%;
}
/* ===================================== border images left and right ========================================== */

div.wrap2 {
    width: 100%;
    height: 180px;
    position: relative;
}

.wrap2 img {
    position: absolute;
    bottom: 0;
}

.wrap2 img:nth-of-type(1) {
    left: 0;
}

.wrap2 img:nth-of-type(2) {
    right: 0;
}
/* ===================================== Dont Remove Aside Stuff ========================================== */

.right-side, .left-side {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.right-side {
    width: 30%;        
    float: right;
}

.left-side {
    width: 70%;
    float: left;
}
.clear2 {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* ===================================== Div and child div ------ id="parent" the parent will center the block or if you dont want center you add another div with the child --- div id="child1" class="block left" to do two of the items below ---- put in carrots see update website div txt file========================================== */
#parent {
    text-align:center;
    background-color:#FFFFEE;
    
}
.block {
    height:100px;
    width:200px;
    text-align:left;
}
.center {
text-align: center;
}
.left {
    margin:auto auto auto 0;
    background-color:red;
}
.right {
    margin:auto 0 auto auto;
    background-color:yellow;
}
/* ===================================== 2nd Menu Top Nav green old background-color: br #3f353a;   #ADD392;    #3F4040;========================================== */
td.nav2 {
background-color: #00BCEA;
text-align: center;
border-top: white 1px solid;
}
td.nav2buttons {
background-color: #00BCEA;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
font-stretch: condensed;
color: white;
text-decoration: none;
font-weight: normal;
text-align: center;
}
.nav2buttons a:link, .nav2buttons a:visited {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
color: white;
text-decoration: none;
font-weight: normal;
}
.nav2buttons a:active, .nav2buttons a:hover {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
color: #baf9e1;
text-decoration: none;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: #baf9e1 1px dashed;
}

/* ===================================== 2nd Menu Top Nav green========================================== */
td.nav3 {
background-color: #00BCEA;
text-align: center;
border-top: white 1px solid;
}
td.nav3buttons {
background-color: #00BCEA;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
font-stretch: condensed;
color: white;
text-decoration: none;
font-weight: normal;
text-align: center;
}
.nav3buttons a:link, .nav2buttons a:visited {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
color: white;
text-decoration: none;
font-weight: normal;
}
.nav3buttons a:active, .nav2buttons a:hover {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 17px;
color: #baf9e1;
text-decoration: none;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: #baf9e1 1px dashed;
}
/* ===================================== 2nd Top Nav ========================================== */

/* ===================================== MEDIA SCREEN ========================================== */


@media screen and (max-width: 740px) {
	body {
		position: absolute;
	}
}
@media screen and (max-width: 740px) {
	nav header {
		position: absolute;
	}
	#menu-icon{
		display: inline-block;
	}
 
	nav ul, nav:active ul{
		display:none;
		position: absolute;
		padding: 20px;
		background: #5b5b5b;
		border: 1px solid white;
		right: 20px;
		top: 60px;
		width: 100%;
		border-radius: 2px 0 2px 2px;
	}
	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0px;
		margin: 0;
	}
	nav:hover ul {
		display: block;
	}
	section {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	section1 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	article {
		background: blue
                float: left;
		width: 100%;
		margin: 0;
		padding: 0;
                display: block;
 
}
	table {
		float: left;
		width: 100%;
		margin: 0;}

}