@charset "UTF-8";
/* CSS Document */

body,td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color:#005c00;*/
}
body {
	background-color: white; /*8fe64d8*/
	margin: 0px;
}


#JSwarning {
	width:100%;
	border-bottom: 2px solid #C30; 
	background-color: #F00; 
	padding: 6px 0px; 
	color: #FFF; 
	text-align: center;
}

#JSwarning a {	
	color:#FFF;
	padding: 0px 5px 2px 5px; 
	background-color:#e20000; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius:5px;
 }

#banner {
	width:100%;
	border-bottom: 2px solid #C30; 
	background-color: #F00; 
	padding: 12px 0; 
	color: white; 
	text-align: center;
	color:#FCC;
	font-size:21px;
	text-align:center;
	position:relative;
}

#banner a {
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
}

#banner a:hover {
	background-color:#FFF;
	color: #390;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	text-decoration:none;
}

#banner p {
	background-color:#CF9;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	box-shadow: 0 1px 2px 1px rgba(0,0,0, .35);
	padding:5px;
	text-align:center;
	width:200px;
	position:absolute;
	right:20px;
	top:0;
	margin:0;
}

#banner p a {
	font-size: 10px;
	color: #090;
	text-decoration:none;
	text-align:center;
	padding:0;
}


#banner p a span {
	font-size:16px;
	margin:0;
	padding:0;
}

#banner p a:hover {
	background-color:transparent;
	color: #390;
	-moz-border-radius:0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0 0 0 !important;
	-webkit-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}


h1 {
	font-size:18px;
	padding:5px 10px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	text-align:left;
}

.notice {
	font-size:12px;
	color:#666;
}

.banner {
	border-bottom: 2px solid #CC3300; 
	border-top: 2px solid #CC3300; 
	background-color: #FF0000; 
}

.noscriptwarning {
	color: white;
	text-align:center;
	
}


#layout {
	width:auto;
	min-width:900px;
}


.smallprint {
	font-size: 10px;
}

/*HEADER*/

#header {
	width:100%;
	height:30px;
	background-color:#CCC;
	z-index:100;	
	margin-bottom:15px;
	position:relative;
	font-size:16px;
}

#header a {
	text-decoration:none;
	color:#666;
}

#header a:hover, ul.nav li:hover { color:#FFF; }

#logo {
	position: relative;
	left: 0px;
	top:5px;
	margin-right:10px;
	float:right;	
}

ul.nav {
	list-style:none;
	margin:0;
	margin-left:-10px;
	padding:0;
}

ul.nav li {
	display:block;
	float:left;
	margin:0;
	padding:6px 20px;
	border-right: 1px solid #FFF;
	position:relative;
	color:#666;
}

ul.nav li.disabled {
	color:#390;
}

li.disabled:hover div{display:block;}
li.disabled div {
	display:none;
	position:absolute;
	top:30px;
	left:0px;
	background:#FFF;
	color:#F63;
	width:200px;
	padding:0 8px 5px 8px;
	border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
	-webkit-border-radius: 0px 0px 3px 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,.75);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.75);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.75);	
}
li.disabled p { margin:5px 0 0 0; font-size:12px;}

ul.nav a img.back {
	display:block;
	width:30px;
	height:30px;
	border:0;
	margin:-6px 3px 0 0;
	vertical-align:middle;
	float:left;
}

ul.typestyle {
	padding:0;
	margin:0;
	background-color:#F2F2F2;
	list-style:none;
	float:none;
	position:absolute;
	width:140px;
	top:30px;
	left:0px;
	z-index:1;
	border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
	-webkit-border-radius: 0px 0px 3px 3px; 
	box-shadow: 0 2px 2px rgba(0,0,0,.75);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.75);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.75);
}

ul.typestyle li:hover { background-color:#FC9; border-right: 0;}
ul.nav ul.typestyle { display:none; }
ul.nav li:hover  ul.typestyle {
	display:block;
}
	
ul.typestyle li {
	margin:0;
	border-right:0;
	padding:2px 3px 2px 2px;
}

ul.typestyle li:first-child {
	border-bottom:1px dotted #999;
}

ul.typestyle li:last-child{
	padding:0px 10px;
	width:120px;
	background-color:#CCC;
	border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
	-webkit-border-radius: 0px 0px 3px 3px;  
}

/*END HEADER*/

/*MATH GENERATORS*/

#mathgenerators {
	width:150px;
	vertical-align:top;
	padding:10px 10px 10px 10px;
	
}

#mathfield {
	background-color:#ecfae5 /*ea420f*/;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;
	padding-bottom:10px;
	font-size:14px;
}

#mathfield h1 {
	color:#666;
	border-bottom:#cff2bf 1px solid;
	white-space:nowrap
	
}

#mathfield a {
	margin:5px 5px 0px 5px;
	display:block;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:#333;
	font-size:10px;
	float:none;	
}


/* RLA GENERATORS */

#rlagenerators {
	width:auto;
	min-width:320px;
	max-width:320px;
	vertical-align:top;
	padding-top:10px;
}

#rlagenerators h1 {
	color:#666;
	border-bottom:#333;
	white-space:nowrap
}


#rlagenerators h2 {
	font-size:16px;
	font-style:italic;
	text-align:left;
	color:#a0e47f;
	margin:0;
	margin-right:5px;
	padding:5px 0px 0px 10px;
	float:none;
	clear:both;
}

#rlagenerators a {
	margin:5px 5px 0px 5px;
	display:block;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:#666;
	font-size:10px;
	float:left;
	
}

#mathfield a.demo, #rlagenerators a.demo  {
	color:blue;
	font-weight:bold;
}

/* Resources & Projectables */

#mathpromo {
width:410px;
background:#06C;
color:#FFF;
border-radius: 10px;
padding-bottom:3px;
margin:7px;
position:relative;
}

#mathpromo h1{
border-bottom: 1px solid rgba(255,255,255,.35);
white-space:nowrap
margin-top: 10px;
}

#mathpromo a {
display:block !important;
color:#FFF;
text-decoration: none;
font-style: bold;
font-size:18px;
border-radius: 3px;
background:red;
background: linear-gradient(#ff665c, #d91e00);
border:1px solid #600;
box-shadow:0px 1px 2px rgba(0,0,0,.35);
width:150px;
text-align: center;
margin:12px;
padding:3px 0px;
}

#mathpromo img {
display:block;
width:140px;
position:relative;
top:-15px;
float:right;
margin:0 8px -15px 0;
}


#resources, #projectables {
	width:200px;
	height:100%;
	vertical-align:top;
	padding:7px;
}

#resources h1, #projectables h1 {
	color:#666;
	border-bottom: 1px solid #cff2bf;
	white-space:nowrap
}

#resources div, #projectables div{
	background-color:#ecfae5;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;
	padding-bottom:10px;
	font-size:14px;
}

#resources a, #projectables a {
	margin:5px 5px 0px 5px;
	display:block;
	white-space:nowrap;
	text-align:left;
	padding: 0px 10px;
	color:#666;
}

#resources a.demo, #projectables a.demo {
	color:blue;
}

/*Teacher's Guides */

#guides {
	width:400px;
	vertical-align:top;
	font-size:14px;
	padding:7px;
	clear:both;
}

#Ftg, #Ktg, #PKtg {
	vertical-align:top;
	padding-bottom:7px;
	margin-bottom: 14px;
	border-radius: 10px;
	position:relative;
	background-color:#cff2bf; 
	color:#666;
}

#Ftg p, #Ktg p, #PKtg p { margin:10px 5px 5px 10px}

#Ftg h1, #Ktg h1 , #PKtg h1  { color:#666; border-bottom:1px solid #ecfae5; }

div.downloadCat {
	width:150px; height:150px; 
	text-align:center; 
	float:right; 
	position:relative;
	font-size:13px;
}

div.downloadCat div {
	z-index: 2;
	position: absolute;
	top: 12px;
	left:8px;
}
div.downloadCat img {z-index:1; border:0;}
div.downloadCat span {font-family:Arial, Helvetica, sans-serif;}

img.learnmore {
	position:absolute; 
	top:32px; right:-25px; 
	border:0;
	border-radius: 0 5px 5px 0px;
}

#Ktg img.learnmore { background-color:#1280c4; }
#PKtg img.learnmore { background-color:#b7471e; }

#Ftg li a, #Ktg li a, #PKtg li a { padding:0px 1px; border-radius:3px; }

#Ktg h2 a, #PKtg h2 a { display:block; text-decoration:none; }

#Ktg h2 a { color: #036; }
#Ktg h2 a:hover { }
#PKtg h2 a { color: #630; }
#PKtg h2 a:hover { }

#Ktg h2, #PKtg h2 {
	display:block;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	padding:2px 5px;
	margin:1px 5px;
	float:none;
	clear:both;	
	border-radius:3px;
}

#Ktg h2 { background-color:#4fb8e5; }
#PKtg h2 { background-color:#F93; }
#Ktg h2.d, #PKtg h2.d { background-color:#ecfae5; }
#Ktg h2.alt { background-color:#55c4ea; }
#PKtg h2.alt { background-color:#ffad14; }
#Ktg h2.dalt, #PKtg h2.dalt { background-color:#fefffc; border:1px solid #fefffc;}

#Ktg h3, #PKtg h3 {
	margin:8px 10px;
	font: bold 24px Georgia, "Times New Roman", Times, serif;
}

#Ktg h3, #PKtg h3 { color: #CCC; }

#K1, #K2, #K3, #K4, #K5, #K6, #K7, #K8, #K9, #K10,
#PK1, #PK2, #PK3, #PK4, #PK5, #PK6, #PK7 {
	display:none;
	background-color:#FFF;
	margin:0 5px;
	padding:0 0 10px 0;
	border-collapse:collapse; 
	border-radius: 3px;	
}

#Ktg td:first-child, #PKtg td:first-child { width:205px; vertical-align:top;}

table.unit a, table.unit span {
	font-size:10px;
	padding:3px 3px;
	margin:0;
	display:block; 
	float:left; 
	margin:3px 5px; 
	text-align:center;
	border-radius:3px;
}

table.unit span { color:#CCC; }

#Ktg table.unit a:hover { background-color:#FC6; }
#PKtg table.unit a:hover { background-color:#d6f5a3; }

table.unit ul {
	clear:none;
	color:#333;
	font-size:12px;
	padding:0 15px;
	margin:8px 0 0 0;
	float:left; 
	width:180px; 
}

table.unit ul li {
	font-weight:bold;
	list-style:none;
}

#Ktg table.unit ul li, #PKtg table.unit ul li{ color:#999; }
#Ktg table.unit ul.demo li, #PKtg table.unit ul.demo li { color:#CCC; }

table.unit ul ul {
	list-style:none;
	margin:0 0 0 0;
	padding:4px 8px;
}


table.unit ul ul li a {
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
	display:list-item;
	text-align:left;
	float:none;
	margin:2px;
}

table.unit ul ul li {
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
	display:list-item;
	text-align:left;
	float:none;
}