/* CSS */

body,
html {
		float:left;
		color:#000;
		background:#D3ECFB url("../images/bg.jpg") repeat-x;
		font: 10px normal Arial, Helvetica, sans-serif;
		margin:0;
		padding:10px;
		line-height: 1.7em;
	}
	#wrap {
		width:980px;
		height:100%;
		float:left;
		margin:0 auto;
		background:#fff;
		border: 0px solid #000000;
		padding:10px;
		position:relative;
		margin-bottom:30px;
		
	}
	
/**************** LINKS ****************/
a.active {color: #f3044; text-decoration:none; }
a:link{color: #003398; text-decoration: none; }	
a:visited {color: #003398; text-decoration: underline; }
a:hover {color: #003398; text-decoration: underline; }


a.red:active {color: #565656; text-decoration:none; }
a.red:link{color: #682f62; text-decoration: none; }	
a.red:visited {color: #565656; text-decoration: underline; }
a.red:hover {color: #682f62; text-decoration: underline; }
	


/**************** HEADER ****************/

#header_title {margin:40px 0 20px 0px; position:relative; text-align:right; font-size: 22px; color:#003368; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:0px; width:100%; padding-top:0px;}	

#header-top  {margin:0px 0 0 0px;  position:relative; float:left; width:100%; border-bottom: solid 3px #335d85;}
.printables {float:left; padding-bottom:0px; position:relative;  } 	
.scholastic {float:right;  position:relative;  } 	
.scholastic2 {background: url(../images/scholastic_logo.jpg) no-repeat;  float:left; width:285px; Height:81px; position:relative;  } 	


/**************** LOGO ****************/
#logo  {margin:0px 0 0 0px;  position:relative;}



/**************** CONTENT ****************/

#main_content { float:left; position:relative; overflow:hidden; margin-left:-9px; padding-left:8px; height:100%; width:966px;  border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf;}

#left_content { float:left; width:580px; padding:10px 0 10px 10px; background:#fff; position:relative; height:100%; margin-left:-9px;  border-left:solid 0px #cfcfcf; z-index:1 }

#left_content_home { float:left; width:480px; padding:10px 0 0 10px; background:#fff; position:relative; height:100%; margin-left:-9px; }

#right_content { float:left; width:317px; background:#fff; padding:10px 10px 0 40px; position:relative;  margin-left:0px; border-right:solid 0px #cfcfcf;  }

#right_content_home { float:left; width:307px; padding:10px 10px 0 0px; background:#fff; position:relative; height:100%; margin-left:0px; }

	
#middle_content { float:left; width:900px; padding:10px 0 0 7px; background:#fff; position:relative; height:100%; margin-left:-9px; margin-top:0px;  
border-left:solid 0px #cfcfcf; border-right:solid 0px #cfcfcf; }	

#bottom_content { float:left; padding:20px 0 0 7px; background:#fff; position:relative; width:930px; height:100%; margin-left:0px;  border-left:solid 0px #cfcfcf; border-right:solid 0px #cfcfcf; }	
	



.bottom_text h2 {text-decoration:underline; color:#00309a;  width:195px;  font-size:12px; float:left; display:inline;}

.bottom_text { float:left; width:185px; color:#000; margin-left:10px; font-size:12px;}


#bottom_columns  {float:left; padding-left:0px; background:#fff; position:relative; margin-left:0px; list-style-type:none; color:#e7b925; width:940px;}

#bottom_content .col1 {float:left; padding-left:0px; position:relative; margin-left:8px; margin: 0px 10px 0 0px; list-style-type:none; color:#e7b925; width:290px; background:#fff;}
#bottom_content .col2 {float:left; padding-left:0px; background:#fff; position:relative; margin: 0px 10px 0 0px; list-style-type:none; color:#e7b925; width:290px; background:#fff;}
#bottom_content .col3 {float:left; padding-left:0px; background:#fff; position:relative; margin: 0px 10px 0 0px; list-style-type:none; color:#e7b925; width:290px; background:#fff;}

#bottom_content .col1 img {border:0;}
#bottom_content .col2 img {border:0;}
#bottom_content .col3 img {border:0;}


/**************** BUTTONS ****************/
#buttons {float:right; width:500px; background:#fff; margin-top:30px;}
#get_started_scholastic {float:left; margin-right:10px; margin-top:5px; }
#subscribe {float:left; }
	
.sign_up {float:right;}
.labels {float:right;}

.container_page { background:#fff; float:left; width:100% }

.container_content {font-size:14px; line-height:18px; float:left; margin-top:0px; padding-left:10px; width:600px; z-index:9999 }
.container_content h1 {font-size:20px; line-height:25px; color:#00309a; font-weight:bold; font-family:'Comic Sans', 'Comic Sans MS'; margin-bottom:10px;}
.container_content h2 {font-size:16px; color:#00309a; font-weight:bold; font-family:'Comic Sans', 'Comic Sans MS'; margin-bottom:10px;}

.container_text{font-size:14px; float:left; padding:0px; width:800px;  }
.container_text_top{font-size:16px; line-height:20px; float:left; padding:0px; width:580px;  }

.container_text2{font-size:14px; float:left; padding:0px; width:950px; }
.container_text2 ul.left{list-style-type:none; float:left; }
.container_text2 ul.right{list-style-type:none; float:left; margin-left:20px; }


#col1 {float:left; padding-left:0px;  margin: 20px 10px 0 0px; list-style-type:none; width:280px; }
#col1 li { padding-left:18px; padding-bottom:5px;  color:#000;  font-size:14px; font-weight:bold; text-indent:0px; background:url(../images/bullets.gif) no-repeat;   }
#col2 {float:left; padding-left:20px;  margin: 20px 10px 0 0; list-style-type:none; width:280px;}
#col2 li { padding-left:18px; padding-bottom:5px;  color:#000;  font-size:14px; font-weight:bold; text-indent:0px; background:url(../images/bullets.gif) no-repeat;  }


#worksheets {float:left;}



/**************** FOOTER ****************/

#footer { width: 960px; float:left; text-align:center; padding:10px; font-size: 11px; color: #006699; background:#d2ecf9; }

#footer ul { list-style: none; padding: 0; height: 14px; margin-left:140px;   }

#footer ul li { float: left; padding-right: 12px; padding-left: 12px; vertical-align: bottom; padding-top: 1px; border-right: solid 0px #a4a4a3;}

#footer ul li.pp { font-size: 110%; font-weight: bold; padding-left: 0; padding-top: 0; border-right: 0px solid #a4a4a3; }

#footer ul li.last { padding-right: 0; background: none; }

.copyright { margin-top: 10px; float:left; padding-left:300px;}

#footer a { text-decoration: none; color: #006699; }

#footer a:hover { text-decoration: underline; }


#footer_text { width: 900px; float:left; text-align:left; padding:20px 0 10px 10px;  color: #333333  font-size: 11px;    }




/**************** FOOTER ****************/

#footer2 { width: 960px; float:left; text-align:center; padding:10px; font-size: 11px; color: #006699; background:#d2ecf9; }

#footer2 ul { list-style: none; padding: 0; height: 14px; margin-left:225px;   }

#footer2 ul li { float: left; padding-right: 12px; padding-left: 12px; vertical-align: bottom; padding-top: 1px; border-right: solid 0px #a4a4a3;}

#footer2 ul li.pp { font-size: 110%; font-weight: bold; padding-left: 0; padding-top: 0; border-right: 0px solid #a4a4a3; }

#footer2 ul li.last { padding-right: 0; background: none; }

.copyright { margin-top: 10px; float:left; padding-left:300px;}

#foote2r a { text-decoration: none; color: #006699; }

#footer2 a:hover { text-decoration: underline; }


/**************** SHOW / HIDE ****************/


*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 500px;
	margin: 0 auto;
}
.container h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
.container h1 span { color: #666; }
.container h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/toggle.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #359bcb;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #2b7ea5;
}


h2.trigger2 {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/toggle2.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}


h2.trigger2 a {
	color: #652e67;
	text-decoration: none;
	display: block;
}
h2.trigger2 a:hover {
	color: #49214a;
}


h2.active {background-position: left bottom;}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 0px solid #d6d6d6;
	background: #fff;
	overflow: hidden;
	font-size: 1.2em;
	width: 430px;
	clear: both;
}
.toggle_container .block {
	padding-left: 60px;
	
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}


.toggle_container .block li { padding: 5px; width:330px; height:20px; font-size:12px;  float:left; list-style: inside url(../images/dash.gif);
background-position-y: top; color:#00309c; }

.block2 li { padding: 5px; padding-left:70px; width:330px; height:20px; font-size:12px;  float:left; list-style: inside url(../images/dash2.gif);
background-position-y: top; color:#00309c; }

.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}


/**************** ROUNDED CORNERS LEFT COLUMN ****************/


.csc_top {
  width : 100em;
  height : 100%;
  position : relative;
  padding: 10px 0 0 10px;
  margin : 0 auto;
  margin-bottom:20px;
  float:left;
}


#csc {
  background : transparent url(../images/box_top.jpg) no-repeat;
  width : 100em;
  height : 100%;
  position : relative;
  padding: 10px 0 0 10px;
  margin : 0 auto;
  margin-top:0px;
  float:left;
 
 
}

.tl, .tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

.tr {
  /*background : transparent url(../images/csc_tr2.png) no-repeat;*/
  top : 0;
  right : 0;
  
 
}

.bl {
  background : transparent url(../images/box_bottom.jpg) no-repeat;
  width : 100em;
  bottom : 0;
  left:0;
  position : relative;
  float:left;
  margin-left:-10px;
}

.br {
 /* background : transparent url(../images/csc_br2.png) no-repeat;*/
  right : 0;
  bottom : 0;
}	







/**************** CSS 3 ****************/

.multi-column {
    /* Standard */
    column-count: 2;
    column-width: 250px;
    /* Webkit-based */
    -webkit-column-count: 2;
    -webkit-column-width: 250px;
    /* Gecko-based */
    -moz-column-count: 2;
    -moz-column-width: 250px;
}


.multi-column li {
   
	padding-left:18px; padding-bottom:5px;  color:#000;  font-size:14px; font-weight:bold; text-indent:0px; background:url(../images/bullets.gif) no-repeat;
}





ul.bullet_list{
list-style-type:disc;
width:700px;

}
li#bullet_list {
float:left;
margin: 10px 30px 0 0;
padding: 0 10px 0 0;
width:270px;
}