
/*CSS for CKiD Website*/

body {
	font-family: Georgia, serif; 
	/* font-size: small; */
	margin: 0;
	padding: 0;
	font-size: 100%; 
}
	
#header {
	background-image:url(images/ckidlogo.png);
	background-position: left 50%; 
	background-repeat: no-repeat;
	/*background-size: 650px;*/
	padding: .2em 0 .1em .1em;
	margin:0;
	}
#logolink {
	display: block; 
    width:180px;
	height: 120px;
}
/*navigation bar*/
#nav {
	float: left;  
	width: 100%; 
	/*background-color: #751c54; /*purple*/
	/*background-color: #00008B; dark blue*/
	/*background-color: #A9A9A9;*gray/
	/*background-color: #708090;darker gray */
	/*background-color: #000066; /*dark blue*/
	background: #132860; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMjg2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2Q3ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #132860 0%, #a7d7ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#132860), color-stop(100%,#a7d7ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #132860 0%,#a7d7ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #132860 0%,#a7d7ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #132860 0%,#a7d7ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #132860 0%,#a7d7ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132860', endColorstr='#a7d7ef',GradientType=0 ); /* IE6-8 */
	overflow: hidden; 
	
}

#nav ul {
	list-style:none;
	padding: 0; 
	margin: 0 auto;
	text-decoration: none;
	width: 80em; 
	font-size: .95rem;
} 
#nav ul li {
	font-weight: bold;
	/*margin: .2em 0; */
	text-align: center; 
	float: left; 
	display: block; 
	padding: .5em; 
	margin: .65em; 

}
#nav ul a:link {
    color: #fff;
	text-decoration:none;
  }
#nav ul a:visited {
    color: #fff;
  }
#nav ul a:focus {
/*	color:#FFDD99;*/
	color: #FFDBA3;
	border-color: #fff;
}
#nav ul a:hover {
    color: #FFDBA3;
	border-color: #fff;
  }
#nav ul a:active {
	color:#F00;
}

/*lower navigation bar*/
#nav2  {
    float: left; 
    width: 100%;
    margin: 0; 
    padding: .6em; 
    background: #f6f8f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjZjVmN2Y5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #d7dee3 0%, #e5ebee 35%, #f5f7f9 69%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(0%,#d7dee3), color-stop(35%,#e5ebee), color-stop(69%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#d7dee3 0%,#e5ebee 35%,#f5f7f9 69%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#d7dee3 0%,#e5ebee 35%,#f5f7f9 69%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#d7dee3 0%,#e5ebee 35%,#f5f7f9 69%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#d7dee3 0%,#e5ebee 35%,#f5f7f9 69%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
} 
/*lower navigation bar with links to document fragments*/
#nav3  {
    float: left; 
    width: 100%;
    margin: .5em 0 1em 0;  
} 
#nav3 ul {
	list-style:none;
	text-decoration: none;
	font-size: 1.05rem;
	margin: 0 auto; 
	width: 45em; 
	padding: 0 0 .65em 0; 
} 
#nav3 ul li {
	font-weight: bold;
   /* text-transform: uppercase;*/
	float: left; 
	display: block; 	
	padding: 0 1em ; 
	text-decoration: underline; 
}
#nav3 ul a:link {
    color: #0939E8;
	text-decoration:none;
  }
#nav3 ul a:visited {
    color: #858687;
  }
#nav3 ul a:focus {
	color:#7D9DED;
	border-color: #fff;
}
#nav3 ul a:hover {
    color: #7D9DED;
	border-color: #fff;
  }
#nav3 ul a:active {
	color:#F00;
}

/*	main text*/	
#main {
	/*float: left;
	width: 60%;
	margin: 0 7% 3% 7%;
/*	outline: 2px dashed #0053ae;*/
	float: left;
	width: 50%;
	margin: 0 5% 3% 15%;
	/*outline: 2px dashed #0053ae;*/
 }
#main h1 {
    margin: 3%;
	font-weight: bold; 
	font-size: 1.3em; 
	text-align: center; 
	margin: 1em 0 0 0;
}
#main h2 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.2em; 
	text-align: left; 
	margin: 1.5em 0 0 0;
	padding: 0 0 .025em 0;
}
#main h3 {
	Color: #223652; 
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 0;
	padding: 0 0 .025em 0;
}
#main h4 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 2em;
	padding: 0 0 .025em 0;
}
#main ul li {
    list-style-type: disc; 
    list-style-position: inside;
    /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: .5em 0; 
	font-size: 1.1em; 
	
}
#main p {
    margin: .2em 0 .2em 0; 
	padding: .25em 0 .2em 0; 
	font-size: 1.2em; 
}
#main em {
    font-size:1.1em;
	font-weight: normal; 
	font-style: normal; 

}
#main ol li {
	list-style-type: circle;
    list-style-position: outside;
	 /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: .3em 0; 
	
	font-size: 1em; 
}

/*column styles*/
#main #col1 {
	width: 50%; 
	float: left; 
}

#main #col2 {
	width: 48%; 
	float: right; 
}

#main1 {
	clear: left; 
	width: 55%;
	margin: 0% 15% 3% 20%;
   /* outline: 2px dashed #0053ae;*/
 }	

#main1 h1 {
    font-weight: bold; 
	font-size: 1.3em; 
	text-align: center; 
	margin: 2em 0 0 0;
	padding: 1em 0 0 0; 
}
#main1 h2 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 0;
	padding: 0 0 .025em 0;
}
#main1 h3 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 0;
	padding: 0 0 .025em 0;
}
#main1 ul li {
    list-style-type: disc; 
    list-style-position: inside;
    /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: .5em 0; 
	font-size: 1.1em; 
	
}
/*	main text*/	
#main2 {
	/*float: left;
	width: 60%;
	margin: 0 7% 3% 7%;
/*	outline: 2px dashed #0053ae;*/
	float: left;
	width: 50%;
	margin: 0 5% 3% 15%;
	/*outline: 2px dashed #0053ae;*/
 }
#main2 h1 {
    margin: 3%;
	font-weight: bold; 
	font-size: 1.3em; 
	text-align: center; 
	margin: 1em 0 0 0;
}
#main2 h2 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.5em 0 1em 0;
	padding: 0 0 .025em 0;
}
#main2 h3 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 0;
	padding: 0 0 .025em 0;
}
#main2 h4 {
	font-weight: bold;
	font-style: normal; 
	font-size: 1.1em; 
	text-align: left; 
	margin: 1.75em 0 0 2em;
	padding: 0 0 .025em 0;
}
#main2 ul li {
    list-style-type: disc; 
    list-style-position: inside;
    /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: .5em 0; 
	font-size: .8em; 
}
#main2 ol li {
	 /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: 1.1em 0 .5em 0; 
	font-size: 1.1em; 
}
#main2 ol ul li {
	 /*space between text within li item*/
	line-height: 1em;
	padding-left: 1em; 
	text-indent: -1em;
	/*space between li items*/
	margin: .6em 0 .5em 0; 
	font-size: 1em; 
}
#main2 p {
    margin: .8em 0 .2em 0; 
	padding: .25em 0 .2em 0; 
	font-size: 1.1em; 
}
#main2 em {
    font-size:1.1em;
	font-weight: normal; 
	font-style: normal; 

}



/*right hand column*/
#extras {
	float: left;
	width: 20%;
	margin: 3.5% 5% 0 0;
/*	outline: 2px dashed #dd0009;*/
	border-style: outset; 
	border-width: medium;
	/*border-radius: 1em; */
	border-color: #f6f8f9;
}

#extras ul {
	list-style:none;
	padding: .75em; 
	margin: 0 0 1em 1em;
	text-decoration: none; 
	list-style-position: inside; 
	font-size: 1.05rem;
	/*border-style:outset; 
	border-color: #a7d7ef; */
	
} 
#extras h2 {
    text-align: left; 
}
#extras p {
    text-align: left; 
}
    
#extras ul a:link {
    color: #0939E8;
	text-decoration:none;
  }
#extras ul a:visited {
    color: #42037A;
  }
#extras ul a:focus {
	color:#7D9DED;
	border-color: #fff;
}
#extras ul a:hover {
    color: #7D9DED;
	border-color: #fff;
  }
#extras ul a:active {
	color:#F00;
}

/* footer */
#footer {
	clear: left; /* starts the footer below the floated content */
	padding: .5em;
	/*background: #eaeaea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	/*background: -moz-radial-gradient(center, ellipse cover,  #eaeaea 1%, #e5e5e5 32%, #ffffff 72%); /* FF3.6+ */
	/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#eaeaea), color-stop(32%,#e5e5e5), color-stop(72%,#ffffff)); /* Chrome,Safari4+ */
	/*background: -webkit-radial-gradient(center, ellipse cover,  #eaeaea 1%,#e5e5e5 32%,#ffffff 72%); /* Chrome10+,Safari5.1+ */
	/*background: -o-radial-gradient(center, ellipse cover,  #eaeaea 1%,#e5e5e5 32%,#ffffff 72%); /* Opera 12+ */
	/*background: -ms-radial-gradient(center, ellipse cover,  #eaeaea 1%,#e5e5e5 32%,#ffffff 72%); /* IE10+ */
	/*background: radial-gradient(ellipse at center,  #eaeaea 1%,#e5e5e5 32%,#ffffff 72%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	width: 70%;
	/*border-top: solid #ccc; */
	margin: 0 5%;
/*	outline: 2px dashed #dd0009;*/
}
#footer p {
	text-align: center;
	font-size: .85em; 
}

h1 {
	font-size: 1.1em; 
}

h2 {
	font-size: 1.1em; 
}
/*images*/
img {
	margin: .1em 0 0 .75em; 
	border: none; 
}

p {
	text-align: justify;
	font-size: 1.1em; 
}

	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em; 
}

li {
	margin-top: 1em;
	font-size: 1.1em;
	}
strong {
    font-size: 1.05rem;
    font-color: #C40303;
    text-transform: uppercase;
}
em {
    font-size: 1rem;
    font-style: italic; 
    font-weight: bold; 
	
}
/*tables*/
table{
    border-collapse:separate;
    border: none; 
    border-spacing: 15px 7px;
    margin: 1em 0 0 0; 
}	
th { 
    text-align: left; 
    font-weight: bold; 
    padding: .5em;
    background: #accce5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FjY2NlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UzZThlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #accce5 1%, #e3e8ea 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#accce5), color-stop(50%,#e3e8ea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #accce5 1%,#e3e8ea 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #accce5 1%,#e3e8ea 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #accce5 1%,#e3e8ea 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #accce5 1%,#e3e8ea 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#accce5', endColorstr='#e3e8ea',GradientType=0 ); /* IE6-8 */

}
td{
    text-align: left; 
    font-weight:normal;
    padding: .3em;
    /*border: 2px solid blue;*/
}


a {
	color:#0939E8;
	text-decoration: none; 
}
	/* link styles */
a:link {
	color: #0939E8;
	/*color:#075BB5;*/
	text-decoration:none;
}
a:visited {
 color: #42037A;
 /*color: #050EB2;*/
}
a:focus {
	/*color:#FC6*/
	color:#7D9DED;
	border-color: #fff;
}
a:hover {
	/*color: #fc6;*/
	color:#7D9DED;
	border-color: #fff;
}
a:active {
	color:#7D9DED;
}
a.top:link {
	text-decoration: none; 
}
a.top: hover {
	text-decoration: none; 
}

.panel, .panelcollapsed
{
	float: none; 
	background: #eee;
	/*background: #E5E5E5;*/
	width: 75%;
	margin: .5% 0 0 0;  
	padding: 0 1% 0 1%;  
	border-style: hidden; 
	border-width: thin;
	border-radius: .5em; 
}	

.panel h2, .panelcollapsed h2
{
	float: none;
/*	background: #f6f8f9 url(images/arrow-up.gif) no-repeat right;*/
	background: #C9C9C9 url(images/arrow-up.gif) no-repeat right;
	margin: .5em 0 0 0;  
	padding: 0;  
	border-bottom: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	
	
}
.panelcollapsed h2
{
	background: #C9C9C9 url(images/arrow-dn.gif) no-repeat right;
	border-color: #CCC;
	margin: 0;  
	padding: 0 0 0 .5em;  
	text-align: center; 

	
	
}
.panel h2:hover, .panelcollapsed h2:hover { background-color: #B3BFDB; }
.panelcontent 
{
	background: #EEE;
	overflow: hidden;
}
.panelcontent ul, .panelcontent li
{ 
    list-style-type: disc; 
    margin-left: .5em;
	font-size: 1.1em; 
}

.panelcollapsed ul 
{ 
    list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em; 
}
.panelcollapsed .panelcontent { display: none; }

.box {
	width: 30%;
	height: 200px; 
}
img{
	width: 100%;
	height: 100%; 
}
/*
PDFObject appends the classname "pdfobject-container" to the target element.
This enables you to style the element differently depending on whether the embed was successful.
In this example, a successful embed will result in a large box.
A failed embed will not have dimensions specified, so you don't see an oddly large empty box.
*/

.pdfobject-container {
	width: 100%;
	max-width: 600px;
	height: 600px;
	margin: 2em 0;
}

.pdfobject { border: solid 1px #666; }
#results { padding: 1rem; }
.hidden { display: none; }
.success { color: #4F8A10; background-color: #DFF2BF; }
.fail { color: #D8000C; background-color: #FFBABA; }

iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}


