/*
 * k12.css
 *
 * k-12 center at ets.org
 * http://www.k12center.org/ 
 *
 * minimize this file before publishing
 *
 * ------------------------------------------------------------------- 
 * history
 * ------------------------------------------------------------------- 
 *
 * 2011-08-16: dev started (dhj) 
 *
 */
 
.clearboth { clear: both; }
.text-small { font-size: .91em !important; }
.text-small-indent { padding-left:2em; }

/*
 * ------------------------------------------------------------------- 
 */

hr { display: none; }

a, object, embed {
	outline: 0;
	}

/*
 * ------------------------------------------------------------------- 
 */
 
html, body {
	height: 100.1%;
	min-height: 100.1%;
	}

 body {
 	margin: 0;
 	padding: 20px;
 	background: #0397d6;
 	}
 	
 body.k12 {
 	background: #0397d6 url(../img/wrap/bkgrnd_gradient.gif) repeat-x 0 0;
 	}

div#wrap-width {
	margin: 0 auto;
	padding: 0;
	width: 980px;


	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 75%;
	color: #333;

	}

header {
	margin: 0;
	padding: 0 0 0 0;
	background: #fff;
	height: 100px;
	}

header h1 {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -1000px;
	background: #fff url(../img/wrap/k12header_left.jpg) no-repeat 0 10px;
	width: 280px;
	height: 110px; /* background image height + 10px white stripe at the top */
	}
	
header p {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -1000px;
	background: #fff url(../img/wrap/k12header_right.jpg) no-repeat 0 10px;
	width: 700px;
	height: 110px; /* background image height + 10px white stripe at the top */
	}
	
.callout-box {
	margin: 0 0 1.5em 0;
	padding: 0.8em 0.8em 0 0.8em; /* notice, no bottom margin. the thing in the callout already has it */
	background: #DBEAF8;
	border: 1px solid #999;
	}	

nav {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	}

/* nav.site-links moved to 'dropdown.css' */

nav.search-links {
	position: relative;
	top: -58px;
	left: 750px;
	text-align: right;
	width: 210px;
	height: 25px;
	margin-bottom: -25px;
	overflow: hidden;
	}

div#search {}

form#k12-search {}

form#k12-search label {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

input#k12-search-keyword {
	vertical-align: middle;
	color: #000;
	background: #f0f6fc;
	border: 1px solid #159fd9;
	height: 18px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px;
	line-height: 18px;
	}

input#k12-search-go {
	margin: 0;
	padding: 0 5px 3px 5px;
	border: 1px solid #159fd9;
	color: #fff;
	background: #159fd9;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px !important;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	height: 22px;
	line-height: 20px;
	vertical-align: middle;
	}

input#k12-search-go.over {
	color: #159fd9;
	background: #f0f6fc;
	}

div#wrap-contents {
	clear: both;
	margin: 0;
	padding: 20px;
	color: #333;
	background: #fff;
	}

div#wrap-contents h1 { font-size: 150%; line-height: 1.2; } 
div#wrap-contents h2 { font-size: 130%; line-height: 1.2; }
div#wrap-contents h3 { font-size: 118%; line-height: 1.2; }
div#wrap-contents h4 { font-size: 110%; line-height: 1.2; }
div#wrap-contents h5 { font-size: 110%; }
div#wrap-contents h6 { font-size: 110%; }

div#wrap-contents h1,
div#wrap-contents h2,
div#wrap-contents h3,
div#wrap-contents h4,
div#wrap-contents h5,
div#wrap-contents h6 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #2D6CB3;
	font-weight: 700;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.heading-color {
	color: #003067;
	}

div#wrap-contents h5, 
div#wrap-contents h6 { font-style: italic; }

div#wrap-contents a {
	color: #003067;
	}

div#wrap-contents p, 
div#wrap-contents td, 
div#wrap-contents th, 
div#wrap-contents dt, 
div#wrap-contents dd {
	font-size: 1.05em;
	line-height: 1.2;
	margin: 0 0 0.8em 0;
	}

div#wrap-contents ul, 
div#wrap-contents ol {
	margin-bottom: 0.8em;
	}

div#wrap-contents ul li {
	font-size: 1.05em;
	line-height: 1.5;
	margin-bottom: .8em;
	}

div#wrap-contents ol li {
	font-size: 1.05em;
	line-height: 1.2;
	}
	div#wrap-contents ul li li,
	div#wrap-contents ol li li,
	div#wrap-contents ul li p,
	div#wrap-contents ol li p {
		font-size: 1.0em;
		line-height: 1.2;
		}
		div#wrap-contents ul li li li,
		div#wrap-contents ol li li li,
		div#wrap-contents ul li li p,
		div#wrap-contents ol li li p {
			font-size: 1.0em;
			line-height: 1.2;
			}

div#wrap-contents ul.nobullets,
div#wrap-contents ol.nobullets {
	list-style: none;
	margin-left: 0;
	}

article ul {
	/* yes, this looks shitty.
	  we warned them crappy blue images for list bullets would look shitty
	  and ... surprise... they are
	  if they get tired of the shitty blue dots
	  just comment out the line below
	  */
	list-style-image:url('../img/wrap/blue-dot-transparent.png');
	/* list-style-type: none; */
	}

/* article ul li {
	padding-top: 5px;
	background: url('../img/wrap/stupid-blue-dot.gif') left 0.5em no-repeat;
	} */

section {}

section#left {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
	}

section#left nav {
	background: #dbeaf8;
	margin: 0;
	padding: 20px;
	}

section#left nav h1 {
	font-size: 120%;
	padding-bottom: 5px;
	}

section#left nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
section#left nav ul li {
	margin: 0 0 10px 0;
	padding: 0;
	}

section#left nav ul li a {
	text-decoration: none;
	color: #333;
	}
section#left nav ul li a:hover {
	text-decoration: underline;
	}
section#left nav ul li a.current {
	font-weight: bold;
	}

body.k12-index section#left {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 280px;
	}

section#right {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	min-height: 600px;
	}

body.k12-index section#right {
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
	min-height: 0;
	}

div#wrap-contents article h1 { font-size: 130%; margin: 0 0 10px; color: #2d6cb3; }
div#wrap-contents article h2 { font-size: 120%; margin: 0 0 10px; color: #2d6cb3; }
div#wrap-contents article h3 { font-size: 100%; color: #296cb3;}
div#wrap-contents article h4 { font-size: 100%; }
div#wrap-contents article h5 { font-size: 100%; }
div#wrap-contents article h6 { font-size: 100%; }

body.k12-index section#right article { 
	float: left;
	margin: 20px 20px 20px 0;
	padding: 20px;
	width: 270px; /* 310-20-20=270 */
	background: #e6eff7;
	}

body.k12-index section#right article+article { 
	margin-right: 0;
	}

div#accordion {}

div#accordion h2 {
	color: #69c;
	line-height: 30px;
	margin: 0;
	padding: 0;
	}
div#accordion h2.closed { padding-left: 15px; background: #fff url(../img/wrap/accordion_close.gif) no-repeat 0 50%; }
div#accordion h2.open { padding-left: 15px; background: #fff url(../img/wrap/accordion_expand.gif) no-repeat 0 50%; }

div.wrap-border {
	margin: 0 0 1em;
	padding: 1em 1em 0 1em;
	border: 1px solid #69c;
	}

footer {
	clear: both;
	margin: 0;
	padding: 0;
	color: #ddd;
 	background: #0397d6;
 	text-align: center;
	}

footer a.bookmark { 
	display: none; 
	}

nav#useful-links {
	margin: 2em 0;
	padding: 0;
	}

nav#useful-links ul {
	list-style-type: none;
	}

nav#useful-links ul li {
	display: inline-block;
	margin: 0 28px;
	padding: 0;
	width: 128px;
	height: 56px;
	vertical-align: top;
	}

nav#useful-links ul li a,
nav#useful-links ul li span {
	display: block;
	margin: 0;
	padding: 0;
	width: 128px;
	height: 56px;
	text-indent: -10000px;
	}

nav#useful-links ul li a:hover,
span#bookmark-us:hover,
span#share-dialog:hover {
	background-position: 0 -56px;
	}

a#join-list { background: transparent url(../img/wrap/iconfooter_email.jpg) no-repeat 0 0; }
a#get-adobe { background: transparent url(../img/wrap/iconfooter_pdf.jpg) no-repeat 0 0; }
a#contact { background: transparent url(../img/wrap/iconfooter_contact.jpg) no-repeat 0 0; }

#bookmark-us { background: transparent url(../img/wrap/iconfooter_bookmark.jpg) no-repeat 0 0; }
#share-dialog { background: transparent url(../img/wrap/iconfooter_share.jpg) no-repeat 0 0; }

nav#useful-links ul li div#socials {
	display: none;
	top: 10px;
	left: -45px;
	position: relative;
	background: #fff;
	border: 2px solid #ddd;
	width: 220px;
	height: 50px;
	text-align: center;
	}

div#socials div {
	margin: 0;
	padding: 15px 0 0 0;
	width: 70px;
	vertical-align: middle;
	text-align: center;
	float: left;
	}

footer nav.site-links {
 	background: #0397d6;
	text-align: center;
	font-size: 12px;
	height: 50px;
	}

div#cya {
	clear: both;
	color: #ddd;
	}
	
div#cya p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	}

div#cya p + p {
	font-style: italic;
	padding-bottom: 2em;
	}

footer nav.site-links > ul {
	margin: 0;
	padding: 0;
 	background: #0397d6;
 	text-align: center;
	}
footer nav.site-links ul li {
	margin: 0;
	padding: 0;
	}

footer nav.site-links ul li a {
	margin: 0;
	padding: 0 10px;
	border-right: 2px solid #ddd;
	background: #0397d6;
	color: #ddd;
	display: inline-block;
	font-size: 12px;
	line-height: 1.2;
	}

footer nav.site-links ul li a:hover {
	background: #0397d6;
	color: #fff;
	text-decoration: underline;
	}


footer nav.site-links ul li.last a {
	border: 0;
	}
	
	
	/* table styles' */
	
	
table th.policy {
	width: 80px;
	align: center;
	}

table th.paper {
	width: 80px;
	align: center;

	}
	
table th.slides {
	widows: 80px;
	align: center;
}

td {
	border-top:1px solid #CCC;
	padding-bottom:.7em;
	padding-top:.7em;
	}
		

/*
 * ------------------------------------------------------------------- 
 */