/* CSS Document */
@import url(_default.css);
/* other css stuff */
html { height:100%; background:#000; }
body { width:100%; /* set width of page */ height:100%; position:relative; display:block; background:#fff; /* set background-colour of page */ }

/*****************/
/* Site Wide CSS */
/*****************/
html, body{ margin: 12px; width: 940px; background-image: url(../images/grid.gif); background-repeat: repeat; }

#header { width: 940px; height: 130px; }

.content { width: 940px; float: left; clear: both; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0.8em; font-size: .8em; color: #FFFFFF; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #FFFFFF; }

a, a:link, a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #FFFFFF; text-decoration: none; }

a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #FFFFFF; text-decoration: underline; }

a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #FF0000; text-decoration: underline; }

.clearFloat { float: left; clear: none; }

.clearLeftFloat { float: left; clear: left; }

.clearBothFloat { float: left; clear: Both; }

/**********************/
/* Magazine Page Specific */
/**********************/

#magazine {
	padding: 70px 100px 50px 100px;
	margin-top: 10px;
	background: url( '../images/magazine/magazine-back.gif' ) 0 0 no-repeat;
}
#magazine a:link {
	color: #FFCC33;
	font-size: 1em;
	text-decoration: underline;
}
#magazine a:visited {
	color: #FFCC33;
	font-size: 1em;
	text-decoration: underline;
}
#magazine a:hover {
	color: #FFCC33;
	font-size: 1em;
	text-decoration: none;
}
#magazine a:active {
	color: #FFCC33;
	font-size: 1em;
	text-decoration: underline;
}
#magazine p, #magazine h1, #magazine h2, #magazine h3, #magazine ul  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	color: #FFFFFF;
	padding-left: 0;
	margin-left: 0;
}
#magazine h1 {
	font-size: 1em; 
	color: #FFFF00;
	font-weight: bold;
}
#magazine h2 {
	font-size: 0.9em; 
	color: #FFFF00;
	font-weight: bold;
}
#magazine h3 {
	font-size: 0.8em; 
	color: #FFFF00;
	font-weight: bold;
}
.hilight {
	font-size: 1.2em; 
	color: #FFFF00;
	font-weight: bold;
}
.bold {
	color: #FFFF00;
	font-weight: bold;
}
.image {
	float: left;
	padding-right: 20px;
}

/**********************/
/* Home Page Specific */
/**********************/
.home { background: #3399CC; }

.homeTL{ width: 300px; height: 190px; background: url( '../images/home/top_left.gif' ) -300px 0 no-repeat; }

.homeTL a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url( '../images/home/top_left.gif' ) 0 0 no-repeat; }

.homeTL a:hover { background-image: none; }

.homeTC { width: 285px; height: 190px; background: url( '../images/home/top_middle.gif' ) -285px 0 no-repeat; }

.homeTC a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url( '../images/home/top_middle.gif' ) 0 0 no-repeat; }

.homeTC a:hover { background-image: none; }

.homeTR { width: 355px; height: 190px; background: url( '../images/home/top_right.gif' ) -355px 0 no-repeat; }

.homeTR a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url( '../images/home/top_right.gif' ) 0 0 no-repeat; }

.homeTR a:hover { background-image: none; }

.homeBL { width: 286px; height: 190px; margin: 0; background: url( '../images/home/bottom_left.gif' ) 0 0 no-repeat; }

.homeBC{ width: 345px; height: 190px; margin: 0; background: url( '../images/home/bottom_middle.gif' ) -345px 0 no-repeat; }

.homeBC a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url( '../images/home/bottom_middle.gif' ) 0 0 no-repeat; }

.homeBC a:hover { background-image: none; }

.homeBR { width: 309px; height: 190px; margin: 0; background: url( '../images/home/bottom_right.gif' ) 0 0 no-repeat; }

/***********************/
/* World Page Specific */
/***********************/
.world { background: #FF3333; }

.worldLeftNav
{
	width: 190px;
	float: left;
	clear: none;
}

	.worldLeftNavTop
	{
		width: 190px;
		height: 71px;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
	.worldLeftNavMiddle
	{
		width: 155px;
		background: url( '../images/world/leftWorldMiddle.gif' ) repeat;
		margin: 0px;
		padding: 0px 15px 0px 20px;
		float: left;
		clear: both;
	}
	
	.worldLeftNavBottom
	{
		width: 190px;
		height: 27px;
		background: url( '../images/world/leftWorldBottom.gif' ) 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
	.worldLB {
		width: 180px;
		margin: 0px;
		padding-left: 10px;
		float: left;
		clear: both;
	}

.worldR { width: 750px; height: 530px; background-color: #FF3333; float: left;
	clear: none; }

/**********************/
/* Kids Page Specific */
/**********************/
.kids { background: #66CCCC; }

.kidsL {  width:150px; height: 345px; background: url( '../images/world/left.gif' ) 0 0 no-repeat; text-align: left; vertical-align: top; /* pad for the text */ padding-top: 35px; padding-right: 15px; padding-left: 25px; background: #CC00CC; }

.kidsLeftNav
{
	width: 190px;
	float: left;
	clear: none;
	background-color: #66CCCC;
}

	.kidsLeftNavTop
	{
		width: 190px;
		height: 41px;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
	.kidsLeftNavMiddle
	{
		width: 155px;
		background: url( '../images/kids/leftKidsMiddle.gif' ) repeat;
		margin: 0px;
		padding: 0px 15px 0px 20px;
		float: left;
		clear: both;
	}
	
	.kidsLeftNavBottom
	{
		width: 190px;
		height: 16px;
		background: url( '../images/kids/leftKidsBottom.gif' ) 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}

.kidsC { height: 510px; }

/*****************************/
/* Competition Page Specific */
/*****************************/
.comp { background: #FF33CC; }

.compLeftNav
{
	width: 190px;
	float: left;
	clear: none;
}

	.compLeftNavTop
	{
		width: 190px;
		height: 44px;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
	.compLeftNavMiddle
	{
		width: 155px;
		background: url( '../images/win/leftCompMiddle.gif' ) repeat;
		margin: 0px;
		padding: 0px 15px 0px 20px;
		float: left;
		clear: both;
	}
	
	.compLeftNavBottom
	{
		width: 190px;
		height: 21px;
		background: url( '../images/win/leftCompBottom.gif' ) 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}

.compBL { width: 190px; height: 130px; margin: 0; background-color: #FF33CC; }

.compR { width: 745px; height: 425px; padding: 5px 0px 0px 0px; background-color: #FF33CC; }

/***********************/
/* Shout Page Specific */
/***********************/
.shout { background: #FFA400; }

.shoutLeftNav
{
	width: 190px;
	float: left;
	clear: none;
}

	.shoutLeftNavTop
	{
		width: 190px;
		height: 43px;
		float: left;
		clear: both;
	}
	
	.shoutLeftNavMiddle
	{
		width: 155px;
		background: url( '../images/shout/left_middle.gif' ) repeat;
		padding: 0px 15px 0px 20px;
		float: left;
		clear: both;
	}
	
	.shoutLeftNavBottom
	{
		width: 190px;
		height: 66px;
		background: url( '../images/shout/left_bottom.gif' ) 0 0 no-repeat;
		float: left;
		clear: both;
	}


#shoutCentreTop { 
	margin-left: 190px; 
	width: 465px; 
	height: 183px;
	background: url( '../images/shout/centre_top.gif' ) 0 0 no-repeat;
	/* pad for the text */
	padding-top: 45px;
	padding-right: 240px;
	padding-left: 35px;
}

	#shoutCentreTop p { font-weight: bold; color: #003300; }

#shoutCentreQuestion { 
	margin-left: 190px; 
	width: 740px;
	background: url( '../images/shout/centre_middle.gif' ) repeat;
	padding-bottom: 0.8em;
}

	#shoutCentreQuestion p { 
		font-weight: bold; 
		background-color: rgb(205,255,255);
		color: #003366;
		margin-right: 35px;
		margin-left: 30px;
		padding: 5px; 
	}

.shoutCentreAnswers { 
	margin-left: 190px; 
	width: 740px;
	background: url( '../images/shout/centre_middle.gif' ) repeat;
}

	.shoutCentreAnswers li { 
		margin-right: 35px;
		margin-left: 30px;
		padding-bottom: 0.8em;
	}
	.author { background: #0E7B99D; font-weight: bold; color: #FFFF00; background-color: rgb(14,123,157); padding: 5px; }
	.age { color: #FFFFFF; }
	.quote { color: #003300; background-color: rgb(121,221,251); }

#shoutCentreBottom { 
	margin-left: 190px; 
	width: 750px; 
	height: 35px;
	background: url( '../images/shout/centre_bottom.gif' ) 0 0 no-repeat;
}

#shoutTR { position: absolute; /* 190px + 560px */ margin-left: 735px; /* menu is 130px & 12px for margin */ top: 140px; width: 215px; height: 195px; }


/***********************/
/* Games Page Specific */
/***********************/
.games { background: #009900; }

.gamesLeftNav
{
	width: 190px;
	float: left;
	clear: none;
}

	.gamesLeftNavTop
	{
		width: 190px;
		height: 42px;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
	.gamesLeftNavMiddle
	{
		width: 155px;
		background: url( '../images/games/leftGamesMiddle.gif' ) repeat;
		margin: 0px;
		padding: 0px 15px 0px 20px;
		float: left;
		clear: both;
	}
	
	.gamesLeftNavBottom
	{
		width: 190px;
		height: 23px;
		background: url( '../images/games/leftGamesBottom.gif' ) 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		float: left;
		clear: both;
	}

.gamesBL { width: 190px; height: 190px; background-color: #009900; }

.gamesR { width: 715px; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; background-color: #009900; }

/*************************/
/* Contact Page Specific */
/*************************/

.contactLeft { width:625px; height:373px; background:url( '../images/contact/contact_us.jpg' ) 0 0 no-repeat; margin-right:1em; margin-left:1em; padding:0px; }

.contactRight { float:left; clear:none; }

.contact { background: #3366cc; }

.contact p, h1 { margin: 1em 1em 1em 1em; }

#contactForm legend { font-weight: bold; }

#contactForm fieldset { display: inline; vertical-align:middle; margin:auto; width: 15em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #FFFFFF; padding: 0 .8em .8em .8em; }

#contactForm input { display: block; width: 15em; }

#contactForm label { display: block; margin-bottom: 1em; font-weight: bold; }

#contactForm label.first { padding-top: 1em; }

#contactForm textarea { display: block; width: 15em; }

/**************************/
/* Site map Page Specific */
/**************************/
.site { background: #3366cc; padding: 0px 0px 0px 20px;}

/*********************/
/* FOOTER FORMATTING */
/*********************/
#footer { float: left; clear: both; width: 940px; color: #FFFFFF; }
#footer p { padding-bottom: .8em; text-align: center; }
#footer ul { /*/*/margin: 0px auto; padding: .4em 0 0 0; text-align: center; list-style-type: none; /* */  /* hide from n4 */ }
#footer li.inline { /*/*/display: inline; padding-right: 3px;  padding-left: 3px;/* */ }
#footer a { /*/*/padding: 0px; text-decoration: none;/* */}
#footer a:link, #footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover, #footer a:active { color: #FFFFFF; text-decoration: underline; }

a.aFix, a.aFix:visited, a.aFix:link, a.aFix:active 
{
	font-size: 1em;
}