/* 
Styles / Colours Only

Palette:
Magenta: #EF008B
Light Magenta: #F784B5
Green: #8CC543
Orange: #F8822B
Light blue: #9CC0E7;
Purple: #8463A5
Cyan Blue: #0068E5 

*/


BODY {

	background-color: #FFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	/*
	font-size: 78%;
	*/
	text-align: left;

	
}


P { font-size: 1em; margin: 0px; padding: 0px; }
H1 { font-size: 160%; margin: 0px; padding: 0px; }
H2 { font-size: 150%; margin: 0px; padding: 0px; }
H3 { font-size: 130%; margin: 0px; padding: 0px; }
H4 { font-size: 120%; margin: 0px; padding: 0px; }
H5 { font-size: 100%; margin: 0px; padding: 0px; }
TABLE {
	/*/*/f\ont-size: inherit; /* Hide from NN4 and Opera5 */
}


a { 
 color: #EF008B;
 font-weight: bold;
}

a:visited {
	color: #EF008B;
	font-weight: bold;
}

a:hover {
	color: #F784B5;
	 font-weight: bold;
}

a:active {
	color: #EF008B;
	 font-weight: bold;
}

img { border: 0px; }

H2, h2 a, h2 a:visited{
	text-decoration: none; 
	color: #0068E5;
	font-weight: bold;
}


H2.box { 
	color: #FFFFFF;
	font-weight: bold;
}


#headline p{
	background-color: #EF008B;
}
#navcontainer {
	 	background-color: #F784B5;
}

#navcontainer A
{

color: white;
font-weight: bold;
background: #EF008B;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #970158;
border-bottom: 1px solid #970158;
}

#navcontainer A:hover, #navcontainer A:active { background: #0068E5; font-weight: bold;}

#navcontainer A.active:link, #navcontainer A.active:visited
{
background: #0068E5;
font-weight: bold;
}


	#container {	
	background-image: url(../images/left-border-pink.gif);
}
#footer-corner {
	background-image: url(../images/corner-pink.gif);
}
#foot {
	background-image: url(../images/bottom-pink.gif);
}
#logo {
			background-image: url(../images/logo.gif);
}

div#yourstories p, #yourstories h2{
background-color: #8CC543;

}
div#chatzone h2{
background-color: #EF008B;
}

#chatzone h2 a, #chatzone h2 a:visited {
	color: white;
	text-decoration: none; 
}

#yourstories a, #yourstories a:visited { 
	color: white;
}

#yourstories h2 a, #yourstories h2 a:visited {
	color: white;
	text-decoration: none; 
}

#yourstories h2 {
	color: white;
	border-bottom: 2px dotted white;
}

/* COMPETITION */
#competitions {	
	border:3px solid #FF9999;
}

#competitions ul {	
	margin:0px;
	padding:0px;
}

#competitions ul li {	
	list-style:none;
	margin:5px 0px;
}

#competitions h2, #competitions h2 a, #competitions h2 a:visited {
	text-decoration: none; 
	color: white;
}

#neverlearn {	
	border:3px solid #0068E5;
}

#neverlearn h2, #neverlearn h2 a, #neverlearn h2 a:visited {
	text-decoration: none; 
	color: white;
}

#whatsinside h2, #whatsinside h2 a, #whatsinside h2 a:visited {
	text-decoration: none; 
	color: white;
}

#whatsinside  {
	margin-top:10px;
	border: 3px solid #FBBC00;
	width:379px;
}
#toptips h2, #toptips h2 a, #toptips h2 a:visited {
	text-decoration: none; 
	color: white;
}

#toptips  {
	width:379px; 
	float:left; 
	margin-bottom: 10px;
	border:3px solid #8463A5;
}

#chatzone h2, #toptips h2 a, #chatzone h2 a:visited {
	text-decoration: none; 
	color: white;
}

#chatzone  {
	width:379px; 
	float:left; 
	margin-bottom: 10px;
	border:3px solid #ef008b;
}



#reallife h2, #reallife h2 a, #reallife h2 a:visited {
	text-decoration: none; 
	color: white;
}
div#puzzles p {
	background-color: #F8822B;
}

#puzzles a, #puzzles a:visited { 
	color: white;
}

#puzzles h2, #puzzles h2 a, #puzzles h2 a:visited {
	text-decoration: none; 
	background-color: #F8822B;
	color: white;
	border-bottom: 2px dotted white;
}

/* KIDS */
#kids {	
	border:3px solid #9CC0E7;
}

#kids h2, #kids h2 a, #kids h2 a:visited {
	text-decoration: none;
	color: white;
}

em { 
	color: #EF008B;
	font-weight: bold;
	font-style:normal;
}

.required { 
	color: red;
	font-weight: bold;
}

#personal label {
	font-weight: bold;
}

legend {
	font-size: 120%;
	color: #EF008B;
	font-weight: bold;
}
fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  }
  #submit {
	background-color: #EF008B;
	color: white;
	font-weight:bold;
}

.formerror {
	color: red;
	font-size: 10px;
	visibility: hidden;
}