@charset "utf-8";
/* CSS Document */
.emphasis{
	color:#DF691C; /*#4b057c old */
	font:bold 12px tahoma,verdana, arial, helvetica, sans-serif;
}
.emphasisblue{
	color:#21357A; /*#4b057c old */
	font:bold 12px tahoma,verdana, arial, helvetica, sans-serif;
}
.newheadertext{
	color:#21357A; /*#4b057c old */
	font: 20px bold verdana, arial, tahoma, helvetica, sans-serif;
}
.newheadertextSmall{
	color:#21357A; /*#4b057c old */
	font: 12px  verdana, arial, tahoma, helvetica, sans-serif;
}

/*added for text left side*/
div#theleftcontent{
	width:180px;
	float:left;
	font-family:Verdana, Tahoma;
	font-size:12px;
	color:#21357A; /* added here to have same color text as rightcontent */

	padding:0px 5px 0px 0px;
	text-align:left;
}
div#pagecontent{
	width:100%;
	float:left;
/*	background-color:#eaebeb;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*start page left*/
div#pageleft{
	width:180px;
	float:left;
	font-family:Verdana, Tahoma;
	font-size:12px;
	padding:0px 5px 0px 10px;
	background-color:#eaebeb;
	text-align:left;
}
	
div#pageleftlinks{
width:100%;
background:url(../images/newTitles_primaryschoolplanner.jpg) top left no-repeat;
padding-top:40px;
padding-left:0px;
float:left;
text-align:left;
}

div#pageleftlinks span{
	display:block;
	background:url(../images/dottedline.gif) left bottom repeat-x;
	height:18px;
	width:180px;
	padding:0 0 4px 0;
	text-align:center;
}
div#pageleftlinks span a{
	background:url(../images/arrow.gif) 2px 4px no-repeat;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font:bold 11px/20px tahoma,verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	display:block;
}
div#pageleftlinks span a:hover{
	color:#dc691c;
	background-color:#ECECEC;
}

div#pageleftlinks span a.selected{
	color:#dc691c;
	background-color:#ECECEC;
}

div#pagecenter{
	width:580px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background-color:#ffffff;	
}

div#pagetitle{
	width:570px;
	display:block;
	text-align:center;
	padding:15px 0px 15px 0px;
	color:#21357A;/*#4c4b4b*/
	font: 20px bold verdana, arial, tahoma, helvetica, sans-serif;
}

div#separatorline{
	width:500px;
	height:1px;
	border:0px;
	text-align:center;
	padding-bottom:20px;
}
.bodytext{
	padding: 5px 20px 0px 20px;
	text-align:left;
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	line-height: 22px;	
}
.bodytext .line{
	padding-bottom:10px;
}
.bodytext .line a{
	color:#DF691C; /*1c64a7 old */
}
.bodytext .line a:hover{
	color: #21357A; /*e11111 OLD */
}

.bodytext .line a.selected{
	color:#dc691c;	
}

.twocolortext{
	padding: 5px 5px 0px 5px;
	text-align:left;
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	line-height: 22px;
	border-top:1px #CCCCCC dotted ;
}
.twocolortext a{
	color:#dc691c;
}
.twocolortext a:hover{
	color:#21357A;	
}
.twocolortext a.selected{
	color:#dc691c;	
}
.subtitle{
	font:14px bold tahoma,verdana,helvetica,arial,sans-serif;
	color:#DF691C;
	width:90%;
	text-align:left;
	padding:5px 10px 10px 25px;	
}

div#flash_layout
{
	width:100%;
	z-index:-1;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.subheading{
	width:100%;
	clear:both;
	text-align:	center;
	padding:10px 0px 5px 0px;
	color:#21357A; /*#4c4b4b OLD GREY #4b057c old PURPLE*/
	font: 14px bold tahoma,verdana, arial, helvetica, sans-serif;
}

div#covercollage .img{
	width:350px;
	height:140px;
}
div#cover3dimg{
	width:350px;
	height:140px;
	text-align:center;
	}

div#cover3dimg a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/3dcovers.png) left top no-repeat;
}
div#cover3dimg a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/3dcovers1.png) left top no-repeat;
	text-align:center;	
	padding-bottom: 20px;	
}

div#coversdimg{
	width:350px;
	height:140px;
	text-align:center;
	}
div#coversdimg a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/standardcovers.png) left top no-repeat;
}
div#coversdimg a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/standardcovers1.png) left top no-repeat;
	}
div#cover2cimg{
	width:350px;
	height:140px;
	text-align:center;
	}
div#cover2cimg a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/2colorcovers.png) left top no-repeat;
}
div#cover2cimg a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/2colorcovers1.png) left top no-repeat;
	}
div#covercsimg{
	width:350px;
	height:140px;
	text-align:center;
	}
div#covercsimg a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customcovers.png) left top no-repeat;
}
div#covercsimg a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customcovers1.png) left top no-repeat;
	}
	
	
.optionplaceholder{
	width:570px;
	padding:5px 0px 5px 5px;
	/*border-bottom:1px dotted;*/
	}
.optionleftimg{
	width:330px;
	padding: 0px 0px 10px 0px;
	text-align:center;
	float:left;
	}
.optionrighttext{
	width:225px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
.optiontext{
	width:100%;	
	text-align:left;
	padding:0px 10px 10px 5px;
	text-align:left;
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	line-height: 22px;	

}
.optiontext h3{
	display:block;
	width:100%;
	padding:2px 0px 2px 0px;
	background-color:#fab938;
	text-align:center;
	font: 14px bold Arial, Helvetica, sans-serif;
	line-height: 22px;
	}	
		
.pagerighttext{
	background:#eef5d3;
	width:180px;	
	text-align:left;
	padding:0px 0px 15px 0px; /*0 0 15 0 */
	color: #006600;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.pagerighttext h3{
	display:block;
	width:100%;	
	padding:0px 0px 0px 3px; /*old 5px 0px 2px 3px;*/
	background-color:#a9d379;/*#fab938;*/
	text-align:center;
	font: 14px bold Arial, Helvetica, sans-serif;
	line-height: 22px;
}	

.pagerighttext li{
	padding-left:5px;/*old 5px ea*/
	padding-right:5px;
	margin-left: 15px; /* fixes bullets outside div tag*/
    margin-right: 15px;
}

.pagerighttext li a:hover{
	color:#21357A;
}
div#gogreen{
	float:left;
	text-align:center;
	width:160px;
	height:137px;
}

div#customitem1{
	width:350px;
	height:140px;
	text-align:center;
	}

div#customitem1 a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems1.png) left top no-repeat;
}
div#customitem1 a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems1a.png) left top no-repeat;
	}
div#customitem2{
	width:350px;
	height:140px;
	text-align:center;
	}

div#customitem2 a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems2.png) left top no-repeat;
}
div#customitem2 a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems2a.png) left top no-repeat;
	}
div#customitem3{
	width:350px;
	height:140px;
	text-align:center;
	}

div#customitem3 a{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems3.png) left top no-repeat;
}
div#customitem3 a:hover{
	display:block;
	width:350px;
	height:120px;
	text-decoration:none;
	background:url(../images/customitems3a.png) left top no-repeat;
	}
div#downloadcenter{
	clear:both;
	float:left;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding:10px 0 10px 0;
	}
div#downloadcenter h2{
	color:#999999;
	font-size:14px;
	}
div#downloadcenter span{
	color:#999999;
	font-size:14px;
	line-height:20px;
	}	
div#downloadcenter a{
	float:left;
	width:159px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	background: url(../images/button-off.gif) repeat-x;
	text-align:center;
}
div#downloadcenter a:hover{
	background: url(../images/button-on.gif) repeat-x;}
	
div#downloadcenter p{
	float:left;
	width:400px;
	padding-left:10px;
}
.des{
	color:#006600;
	height:20px;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}
.smalldes{
	color:#006600;
	font-size:10px;
	line-height:normal;
	}
.note{
	font-family:arial,Verdana, Tahoma;
	font-size:12px;
	line-height:18px;
}
.note h1{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}
.fundcover{
	width:42%;
	float:left; 
	text-align:center;
	padding:25px 16px 0px 16px;
}
.fundcovertitle{
	display:block;
	width:100%;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#21357A;
	padding:5px 0px 5px 0px;
	text-align:center;
	text-indent:10px;
}
.fundcovertext{
	display:block;
	width:100%;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	text-align:justify;
	text-indent:20px;
}
.fundcovertext a{
	color:#dc691c;
}
.fundcovertext a:hover{
	color:#21357A;	
}

.fundcovertext a.selected{
	color:#dc691c;	
}

.spreadtitle{
	display:block;
	width:100%;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#21357A;
	padding:5px 0px 5px 0px;
	text-align:left;
}
.spreadtext{
	display:block;
	width:100%;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	text-align:center;
	padding:5px 0px 5px 0px;
}
.spreadimg{
	width:50%;
	float:left; 
	text-align:center;
	padding:0px 0px 0px 0px;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#21357A;
}
.overview{
	width:45%;
	float:left; 
	text-align:center;
	padding:0px 10px 10px 10px;
}
.overview a:hover{
	color:#21357A;
	}