a:active {
	outline:none;
	-moz-outline-style: none;
}
a:focus {
	-moz-outline-style: none;
	outline:none;
}


body {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	background-color:#209c08;
	background-image: url(../images/wide_field_bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

a img {
	border-width:0px;
}

.clearboth{
	clear:both;
}


.imageholder{
	width:auto;
	float:right;
}

#page{
	width:1000px;	
	margin:auto;
	text-align:left;
}
#page .addlinkwrapper {
	display:none;
}
.pageblockcontentwrapper {
	margin:0px;
}
p {
	margin:8px 0px;
	
}

#banner {
	margin-top:0px;
}
#wcrf_top{
	float:right;	
	width:177px;
	margin-bottom:13px;
	padding-bottom:8px;
}
#wcrf_top .bcornerinner {
	width:165px;
	padding:0px 3px;
	background-color:#ffffff;
}
#topnav {
	background-color:#582F86;
	-moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-radius:8px;
	padding:0px;
	width:100%;
	text-align:left;
	margin:5px auto auto;
	clear:both;
	line-height:100%;
}
#topnav ul{
	margin:0px;
	padding:0px;
	padding-left:20px;
	
}

#topnav li  {
	display:inline;
	margin:0px;
	padding:0px;
}
#topnav li a{
	display:block;
	width:auto;
	float:left;
	padding:8px 33px;
	height:100%;
	text-align:left;
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	border-right:1px solid #FFF;
	border-left:1px solid #FFFFFF;
	margin:0px 0px 0px 0px;
	background-color:#582f87;
	font-weight:normal;
}
#topnav li.here a,#topnav li.expandhere a,#topnav li.ancestor a{
	background-color:#ff3300;
	color:#FFF;
}

#topnav li a:hover{
	background-color:#ff3300;
}

#topnav li.here a:hover,#topnav li.expandhere a:hover,#topnav li.ancestor a:hover{
	background-color:#ff3300;
}
#navigation {
	float:right;
	width:220px;
	margin-top:10px;
	font-weight:bold;
	background-color:#582F86;
	padding:4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#navigation .cornerinner {
	width:220px;
	background-color:#ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#navigation ul {
	padding:5px;
	margin:0px;
	font-weight:none;
}
#navigation li {
	list-style-type:none;
	/*border-top:2px #e3e3e3 solid;*/
}
#navigation a {
	background-image:url(../images/here_dot_purple.png);
	background-position:left center;
	background-repeat:no-repeat;
	color:#582f86;
	display:block;
	height:100%;
	padding:4px 18px;
	text-decoration:none;
	
}
#navigation a:hover {
	text-decoration:underline;
	background-color:#E3E3FF !important;
}
#navigation li.here a {
	border-top:none;
	padding-left:18px;
	/*background-color:#FF3300;*/
	color:#FF3300;
	background-image: url(../images/here_dot_orange.png);
	background-repeat:no-repeat;
	background-position: center left;
}
#navigation li.expandhere a, #navigation li.ancestor a{
	border-top:none;
	border-bottom:solid 3px #582F86;
	padding-left:18px;
	/*background-color:#FF3300;*/
	color:#FF3300;
	background-image: url(../images/here_dot_orange.png);
	background-repeat:no-repeat;
	background-position: center left;
}
#navigation li.expandhere ul li a, #navigation li.ancestor ul li a {
	color:#582F86;
	background-image:url(../images/here_dot_purple.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:10px;
	border:none;
	font-weight:normal;
}
#navigation ul li.ancestor ul li a.here{
	border:none;
	padding-left:18px;
	/*background-color:#FF3300;*/
	color:#FF3300;
	background-image: url(../images/here_dot_orange.png);
	background-repeat:no-repeat;
	background-position: center left;
	 
	
}


div.jquery-corner div {
	margin:0px;
	padding:0px !important;
	line-height:0px;
}
	
	
#navigation h1 {
	margin:0px;
	font-size:1.9em;
	color:#582F86;
	text-align:center;
}

#navigation h2 {
	font-size:1.1em;
	margin:0;
	padding:5px;
	color: #fff;
	background-color:#582F86;
}
/*#utilitynav{
	/*border:2px solid red;
	clear:right;
	float:right;
	color:#fff;
}
#utilitynav a {
	color:#FFFFFF;
	font-size:0.9em;
	margin-right:10px;
	
}
*/
#home_top{
	float:left;	
	width:auto;
/*}
#wcrf_top{
	float:right;	
	width:auto;*/
	
}
#home_middle{
	background-color:#582F86;
	float:left;
	margin-top:10px;
	position:relative;
	padding:4px;
	width:760px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#home_middle .mcornerinner {
	background-color:#ffffff;
	width:750px;
	padding:5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#home_middle h1 {
	margin: 5px;
	color:#FF3300;
}
a {
	color:#FF3300;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;

}
#content0{
	width:730px;
	float:left;
	padding:0px 10px 10px;
}
#content0 .rightmedia {
	float:right;
	margin-left:10px;
}

.clearboth{
	clear:both;
}
#content0 h3 {
	margin:5px;
}
#content0 h2 {
	margin:0px;
	color:#582F86;

}
#content0 .right_column {
	float:right;
	width: 171px;
	background-color:#582f86;
	color:#582f86;
	clear:right;
	margin-bottom:5px;
    padding:4px;
    position:relative;
	z-index:100;
}
.right_column .cornerinner {
	background-color:#ffff33;
	padding:3px;
	width: 165px;
}

#content0 .right_column h2 {
	font-size:1.5em;
	text-align:left;
}
#content0 .right_column h3 {
	font-size:1em;
	text-align:center;
	margin-bottom:8px;
	color:#ff3300;
}

#content0 #utilitynav{
	/*border:2px solid red;*/
	clear:right;
	float:right;
	color:#fff;
}
#content0 #utilitynav a {
	color:#FFFFFF;
	font-size:0.9em;
	margin-right:5px;
}
#content0 .left_column {
	float:left;
	width: 171px;
	padding:4px;
	background-color:#582f86;
	color:#582f86;
	position:relative;
	z-index:100;
	-moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
}
.left_column .cornerinner{
	width: 165px;
	background-color:#ffffff;
	padding:3px;
}
#content0 .left_column h2 {
	font-size:2.4em;
	text-align:center;
}
#content0 .left_column h3 {
	font-size:1.5em;
	text-align:center;
	margin-bottom:8px;

}
#content1{
	padding:10px;

	
}
/*#content1 p {
	background-color:#fff;
	border:solid #582f86 4px;
	margin:2px;*/
}
#content1 .faqs p {
	border:none;
}
.faqs .image{
float:right;
width:auto;
margin-left:10px;
}
.toplink {
	float:right;
}
#content1 h2 {
	margin:5px;
	color:#582F86;

}
#content2{
	width:100%;
	clear:both;
	float:left;
	/*border:solid yellow 2px;*/
}

.home #content2{
	position:relative;
	z-index:10;
}
.pageblockfinal {
	clear:both;

}
/*PROMO BOXES*/

.promoboxred {
	background-color:red;
	padding:4px;
	float:left;
	margin:13px 4px 13px 4px;
	width:165px;
	height:240px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.promoboxred .cornerinner {
	background-color:#ffffff;
	width:165px;
	height:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.corner{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#content0 .promoboxred h2, #content1 .promoboxred h2, #content2 .promoboxred h2{
	color:red;
	font-size:1.6em;
	margin:0 2px;
	height:2.8em;
}
.promoboxred h2 a {
	color:red;
}
.promoboxred h3 {
	color:#000;
	font-size:1.1em;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
	font-weight:normal;
	line-height:115%;
}
.promoboxred .imageholder {
	text-align:center;
	border:none;
	padding-top:5px;
	float:none;
}
.parents .promoboxred .imageholder {
	text-align:center;
	border:none;
	margin-top:5px;
}
.promoboxred .pageblocklink{
	z-index:-100000;
}
/*BLUE*/
.promoboxblue {
	background-color:blue;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 4px 13px 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.promoboxblue .cornerinner {
	background-color:#ffffff;
	width:165px;
	height:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#content0 .promoboxblue h2, #content1 .promoboxblue h2, #content2 .promoboxblue h2 {
	color:blue;
	font-size:1.6em;
	margin:0 2px;
	height:2.8em;
}
.promoboxblue h2 a {
	color:blue;
}
.promoboxblue h3 {
	color:#000;
	font-size:1.1em;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
	font-weight:normal;
	line-height:115%;
}
.promoboxblue .imageholder {
	text-align:center;
	padding-top:5px;
	float:none;
}

.parents .promoboxblue .imageholder {
	text-align:center;
	margin-top:5px;
}
/*ORANGE*/
.promoboxorange {
	background-color:#ff9900;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 4px 13px 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.promoboxorange .cornerinner {
	background-color:#ffffff;
	width:165px;
	height:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#content0 .promoboxorange h2, #content1 .promoboxorange h2, #content2 .promoboxorange h2 {
	color:#ff9900;
	font-size:1.6em;
	margin:0 2px;
	height:2.8em;
}
.promoboxorange h2 a {
	color:#ff9900;
}
.promoboxorange h3 {
	color:#000;
	font-size:1.1em;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
	font-weight:normal;
	line-height:115%;
}
.promoboxorange .imageholder {
	text-align:center;
	padding-top:5px;
	float:none;
}
.parents .promoboxorange .imageholder {
	text-align:center;
	margin-top:5px;
}	
/*PINK*/

.promoboxpink {
	background-color:#ff00cc;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 4px 13px 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.promoboxpink .cornerinner {
	background-color:#ffffff;
	width:165px;
	height:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}



#content0 .promoboxpink h2, #content1 .promoboxpink h2, #content2 .promoboxpink h2 {
	color:#ff00cc;
	font-size:1.6em;
	margin:0 2px;
	height:2.8em;
}
.promoboxpink h2 a{
	color:#ff00cc;
}
.promoboxpink h3 {
	color:#000;
	font-size:1.1em;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
	font-weight:normal;
	line-height:115%;
}
.promoboxpink .imageholder {
	text-align:center;
	padding-top:5px;
	float:none;
}
.promoboxpink .parents .imageholder {
	text-align:center;
	margin-top:50px;
	
}
/*PURPLE*/

.promoboxpurple {
	background-color:#660099;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 4px 13px 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.promoboxpurple .cornerinner {
	background-color:#ffffff;
	width:165px;
	height:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.parents .promoboxpurple .cornerinner{
	height:210px;
}

#content0 .promoboxpurple h2, #content1 .promoboxpurple h2, #content2 .promoboxpurple h2 {
	color:#660099;
	font-size:1.6em;
	margin:0 2px;
	height:2.8em;
}
.promoboxpurple h2 a {
	color:#660099;
}
.promoboxpurple h3 {
	color:#000;
	font-size:1.1em;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
	font-weight:normal;
	line-height:115%;
}
.promoboxpurple .imageholder {
	text-align:center;
	float:none;
	padding-top:5px;
}
.parents .promoboxpurple .imageholder {
	text-align:center;
	margin-top:5px;
	
}

.parents .promoboxblue .cornerinner, .parents .promoboxred .cornerinner, .parents .promoboxpurple .cornerinner, .parents .promoboxorange .cornerinner, .parents .promoboxpink .cornerinner{
	height:210px !important;
}

.parents .promoboxblue, .parents .promoboxred, .parents .promoboxpurple, .parents .promoboxorange, .parents .promoboxpink{
	height:210px !important;
}

.teachers .promoboxblue .cornerinner, .teachers .promoboxred .cornerinner, .teachers .promoboxpurple .cornerinner, .teachers .promoboxorange .cornerinner, .teachers .promoboxpink .cornerinner{
	height:210px !important;
}

.teachers .promoboxblue, .teachers .promoboxred, .teachers .promoboxpurple, .teachers .promoboxorange, .teachers .promoboxpink{
	height:210px !important;
}

.largepromo .promoboxblue .cornerinner, .largepromo .promoboxred .cornerinner, .largepromo .promoboxpurple .cornerinner, .largepromo .promoboxorange .cornerinner, .largepromo .promoboxpink .cornerinner{
	height:280px !important;
}

.largepromo .promoboxblue, .largepromo .promoboxred, .largepromo .promoboxpurple, .largepromo .promoboxorange, .largepromo .promoboxpink{
	height:280px !important;
}

/*MEET THE GANG PROMOS*/

.gang .promoboxblue p, .gang .promoboxred p, .gang .promoboxpurple p, .gang .promoboxorange p, .gang .promoboxpink p {
	font-size:1.1em;
	line-height:115%;
	margin:0px 5px;
}
.gang .promoboxblue {
	background-color:blue;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 30px 13px 30px;
}
.gang .promoboxred {
	background-color:red;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 30px 13px 30px;
}
.gang .promoboxpurple {
	background-color:#660099;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 30px 13px 30px;
}
.gang .promoboxorange {
	background-color:#ff9900;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 30px 13px 30px;
}
.gang .promoboxpink {
	background-color:#ff00cc;
	padding:4px;
	width:165px;
	height:240px;
	float:left;
	margin:13px 30px 13px 30px;
}
/*IMAGEHOLDER*/

.picright .imageholder {
	float:right;
	margin-left:10px;
}
.intro .imageholder {
	height:120px;
	overflow:hidden;
	
}
.vote {
	background-color:#FFFFFF;
	border:2px solid #582F86;
	font-size:0.9em;
	padding:10px;
	width:45%;
	clear:both;
}
.vote h3 {
	margin-top:2px;
	margin-bottom:2px;
	color:#10A110;
}
.vote h4 {
	margin:2px 0px;
}
.vote ul {
	margin:2px 0px;
}
#content1 p .vote .voteoption {
	font-size:0.9em;
	padding:10px;
	width:45%;
	clear:both;
	border:none;

}
.numerical_pagemenu {
	text-align:center;
	margin:30px 0px;
}
.numerical_pagemenu a {
	background-color:#582F86;
	color:#FFFFFF;
	font-size:1.5em;
	padding:5px;
	text-decoration:none;
}
.numerical_pagemenu a.nextlink {
	background-color:#582F86;
	color:#FFFFFF;
	font-size:1.5em;
	padding:5px;
	text-decoration:none;
	margin-left:5px;
}
.numerical_pagemenu a:hover {
	background-color:#FF3300;
	color:#FFFFFF;
	font-size:1.5em;
	padding:5px;
	text-decoration:none;
}
.numerical_pagemenu a.here {
	background-color:#000;
	color:#FFFFFF;
	font-size:1.5em;
	padding:5px;
	text-decoration:none;
}
.alphabet .divider {
	display:none;
}
.alphabet {
	text-align:center;
	margin:5px 0px 30px;
}
.alphabet a {
	background-color:#582F86;
	color:#FFFFFF;
	font-size:1em;
	padding:5px;
	text-decoration:none;
}
.alphabet a.nextlink {
	background-color:#582F86;
	color:#FFFFFF;
	font-size:1em;
	padding:5px;
	text-decoration:none;
	margin-left:5px;
}
.alphabet a:hover {
	background-color:#FF3300;
	color:#FFFFFF;
	font-size:1em;
	padding:5px;
	text-decoration:none;
}
.alphabet a.here {
	background-color:#000;
	color:#FFFFFF;
	font-size:1em;
	padding:5px;
	text-decoration:none;
}
.glossary img{
	float:right;
	margin:0px 0px 10px 10px;
}
.glossary dt {
	clear:right;
	border-top:1px solid #660066;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	font-weight:bold;
}
.glossary dd {
	margin-bottom:10px;
	
}
.numerical_pagemenu .separator {
	display:none;
}
.nextpromo {
	float:right;
	background-image:url(../images/next-orange.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:50px;
	padding-top:1em;
	padding-bottom:1em;
}
.promopic img {
	float:right;
}
.gallerywrapper{
	margin: 1em 0em 0em;
	padding: 0em;
	text-align: center;
}
.gallerywrapper .thumb{
	margin-left:50px;
	margin-bottom:5px;
	height:150px;
	overflow:hidden;
	float: left;
}
.gallerywrapper .clearboth{
	font-size:1px;
}
#footer {
	clear:both;
	width:760px;
	color:#fff;
	margin-top:5px;
	
}
#footer a {
	color:#fff;
	font-weight:normal;
	padding:15px;
}
.clearsport {
	background:transparent url(../images/linebreak-sport_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:99px;
}
.clearfruit {
	background:transparent url(../images/linebreak-fruit_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:99px;
}
.clearmushrooms {
	background:transparent url(../images/linebreak-mushroom_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:84px;
}
.clearleaves {
	background:transparent url(../images/linebreak-leaves_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:80px;
}
.clearjuice {
	background:transparent url(../images/linebreak-juice_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:99px;
}
.cleargarlic {
	background:transparent url(../images/linebreak-garlic_whitebg.gif) no-repeat scroll center center;
	clear:both;
	font-size:2px;
	height:99px;
}
#grownups a {
	color:white;
	background-image:none;
}
#navigation #grownups a:hover {
	text-decoration:none;
	background-color:#E3E3FF !important;
	color:#582F86;
}
.knowit p, .moveit p {
	font-size:1.1em;
}
.knowit p.small, .moveit p.small {
	color:#582F86;
	font-size:0.9em;
	margin:4px 0px;
	margin-left:10px;
}
.knowit h3, .moveit h3 {
	margin-bottom:5px;

}
.htmlquiz .quizpic {
	clear:both;
	float:right;
	padding:5px 95px 15px 5px;
}
.htmlquiz {
	margin-left:40px;
}
.quizprintoption a {
	color:#582F86;
	font-size:1.2em;
}
.htmlquiz .quizincorrect {
	background-image:url(../media/images/medium/icon_false.gif);
	background-position:1px 50%;
	background-repeat:no-repeat;
	color:#FF0000;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	margin-right:12px;
	padding-bottom:100px !important;
	width:125px;
}
.htmlquiz .quizcorrect {
	background-image:url(../media/images/medium/icon_correct.gif);
	background-position:1px 50%;
	background-repeat:no-repeat;
	color:#00FE00;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	margin-right:12px;
	padding-bottom:100px !important;
	width:125px;
}
.printbutton a {
	background-image:url(../images/icon-xlarge-print2_white.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:20px 0 35px 90px;
}
.print_colour #content0 .rightmedia, .print_colour #content0 img{
	text-align:center;
	float:none;
	margin:0px;
}
.promo_3across {
	float:left;
	height:150px;
	margin-bottom:5px;
	margin-left:50px;
	overflow:hidden;
}
.promo_3across a {
	font-size:1.2em;
	clear:both;
	
}
.promo_3across .promopic img {
	float:left;
}
.copyright #navigation, .accessibility #navigation {
	display:none;
}
.parents .promo a h2, .teachers .promo a h2 {
	font-size:1em;
	background-image:url(../images/back_arrow2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	
}
.knowit .question a {
	color: black;
}

.largelink .pageblocklink a{
	color:#582F86;
	font-size:1.2em;
}
.formelementwrapper{
	margin: 10px 0px;
	width:600px;
}
.formelementwrapper textarea, .formelementwrapper input{
	float: left;
	width: 300px;
	margin: 10px 30px;
}
.formelementwrapper label{
	width: 300px;
	display: block;	
}
.formelementwrapper input#permission{
	width:auto !important;
	margin-bottom: 50px;
}
.form .mcornerinner{
	background-color: #d9eed6 !important;
}