/* === GLOBAL SETTINGS === */
 
article,aside,details,figcaption,figure,
footer,header,hgroup,section {
    display:block;
}


body{
margin: 0;
font-family: 'Open Sans', sans-serif;
}

body {
	background-image:url(fabric_1.png);
	
}



/* === IMAGES === */

.bannerlogo {
	display:block;
	size: 50%;
	

	
	
}



/* === LAYOUT === */


.container {
max-width: 960px;
background: #FFF;
margin: 0 auto;
padding: 10px 0px;
color: #0F0F0F;
font-size:14px;
border: thin;
border-style:solid;
border-color:#B4AEA9;
}


header {
	background-color:#79BAE6;
	font-size:100%;
	border-bottom-color:#0064C2;
	border-bottom-style:solid;
	border-bottom-width:20px;
}

.headimg {
	max-height:120px;
	display:block; 	
	margin-left: auto;
    margin-right: auto;
	margin-top:auto;
	margin-bottom:auto;
	position:relative;	
  
}

.head1 {
margin-bottom:40px;	
}

.content { /*73% */
float: left;
width: 45%;
min-height:600px;
padding: 1% 2%;
background: #FFF;
color: #0F0F0F;
font-weight:500;
margin-top: 0px;
}

aside { /*27% */
float: right;
width: 45%;
height: 100%;
min-height:600px;
padding: 1% 2%;
background: #FFF;
color: #000000;
font-weight:500;
margin-top: 0px;

border-left: #9FBF7E dotted 1px;
}


/* sections of content */

.asidecon {
	margin-top:-24px;
	min-height:207px;
	
}

.sectionmain {
	display:block;
	position:relative;
}

/* sections of content end */

hr {
	height:1px;
	background:#B4AEA9;
	display:block;
	border:0;
	border-top:1px solid ##B4AEA9;
	margin: .1em 0;
}

h1 {
	margin-left: 20px;
	
}

.title {
	display:block;
	
	
}


.par {
	display:block;
	position: relative;
    left: 20px; max-width:95%;
	
	
}

.par-1 {
	position: relative;
    left: 20px; max-width:95%;
}

ul {
	position: relative;
    left: 0px; max-width:95%;
}


.1 {
	display:block;
	height:400px;

}

.links {
	display:block;
}


h3 {
	border-bottom: 1px solid #B4AEA9;
margin: 1em 0;
font-size:18px;
}






img {
	display:block;
	
}

img {
	margin:0 auto;
	
}

a:hover { text-shadow: 0 0 10px #452C78; }
   
/* ==== Content CSS ==== */



/* === Aside CSS === */ 

   

/* === LINKS === */

a {
	text-decoration:none;
	color: inherit;
	
}

/* === FOOTER === */
.contact-footer {
	width: 200px;
	text-align:left;
	float:right;
	margin: 0 25px;
	font-family:'Open Sans', san-sarif;
	font-size:14px;
	
	
}

footer {
clear: both;
min-height: 135px;
max-width: 960px;
color: #0F0F0F;
background: #ffffff;
border-top: 1px solid #a09f9f;
text-align:center;
}


/* === RESPONSIVE === */


.reView { display: none; }

img, video{
  max-width: 100%;
  height: auto;
}




@media screen and (min-width: 1260px) {
.navwrapper {
margin: 0 0;	
padding: 0 115px;
	
}

h1 {
	font-size:28px;
	
}

}


@media screen and (max-width: 768px) {
	
	
	
	table {
		overflow-x: auto;
		display: block;
	
	}
	
	
	.head3 {
		line-height:0px;
	}
	
	.container {
	border:none;	
	}
	
	.asidecon {
	margin-top:-24;
	min-height:170px;
	
}

.par {
		font-size:11px;
		font-weight:200;
	}

	ul {
		font-size:11px;
		font-weight:200;
	}
}


@media screen and (max-width: 480px) {
	
	
	.container {
	border:none;	
	}
	
	header {
		height:100%;
		background-image:url(../childrensportal/childrens%20port3.png)	
	}
	
	aside {
		margin-top:0px;
		
	}
	
	
	.container {
	border:none;	
	}
	
	.par {
		display: inline-block;
		position: relative;
		position:block;
		left:0px;
		font-size:12px;
		font-weight:200;
	}	
	
	ul {
		font-size:12px;
		font-weight:200;
	}
}


@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
	
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  
  .nav-collapse li {
	display: inline; 
  }
  .nav-toggle {
    display: none;
  }

	  
}

@media (max-width: 1000px) {
	body {
		background-image:none
	}
}

@media (max-width: 767px) {
  
  
	
	.content, .slogan, aside {
        width: auto;
        float: none;
        padding: 2%;
    }
	aside {
	margin-right: auto;
	margin-left:auto;	
	}
	.link3{
	min-width:85%	
	}
}
	



/* === PRINT === */

@media print {
 
  * {
      color: #000 !important;
  }
 
   header, nav, aside, footer {
      display: none;
   }
 
   body {
      background: #fff;
      font-size: 12pt;
   }
 
   .container, .content, aside {
      border: none;
      float: none;
      width: auto;
   }
 
} /* ending print curly bracket */