*
{
	margin:0;
	padding:0;
	font-family: verdana;arial, sans-serif;
	font-size:100%;
	color:#666;
}


/*** Layout ****************************************************************/

body {
	font-size:80%;
	float:left;
	padding:8px;
}
body.big {
	font-size:70%;
}
	div#wrapper {
		width:755px;
		padding-top:91px;
	}
		
		div#navColumn {
			float:left;
			width:198px;
			padding:0;
			margin:0;
			background:url(../images/navBack.jpg) top left repeat-y;			
		}
		body.big div#navColumn {
			background:url(../imagesBig/navBack.jpg) top left repeat-y;			
		}
		div#navColumn div#navTop {
			width:198px;
			height:116px;
			background:url(../images/navBackTop.jpg) top left no-repeat;
		}
		body.big div#navColumn div#navTop {
			background:url(../imagesBig/navBackTop.jpg) top left no-repeat;
		}
		div#contentColumn {
			width:546px;
			float:left;
			margin-left:10px;
			margin-top:10px;
			margin-bottom:10px;
			display:inline;
		}
		*html div#contentColumn {
			width:536px;
		}
			div#footer {
				clear:both;
				text-align:center;
				background:url(../images/footerBack.jpg) top left no-repeat;
				font-size:90%;
				margin-top:15px;
				padding-top:10px;
			}
			body.big div#footer {
				background:url(../imagesBig/footerBack.jpg) top left no-repeat;
			}

body.home {
	text-align:center;
	float:none;
	width:100%;
}
div#home {
	margin:auto;
	width:709px;
	text-align:center;
}


/*** Menu *****************************************************************/

div#navColumn ul {
	list-style-type:none;
	margin:20px 0;
	float:left;
}
	div#navColumn ul li {
		padding:5px 0 15px 0;
		background:url(../images/menuDivider.jpg) bottom left no-repeat;		
	}
	body.big div#navColumn ul li {
		background:url(../imagesBig/menuDivider.jpg) bottom left no-repeat;		
	}
		div#navColumn ul li a {
			width:200px; 
			height:0;
			padding-top:40px;
			overflow:hidden;
			display:block;	
		}

		div#navColumn ul li.about a { background:url(../images/menuAbout.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.about a:hover { background:url(../images/menuAboutOn.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.aboutSelected a { background:url(../images/menuAboutOn.jpg) top left no-repeat; padding-top:31px;}

		div#navColumn ul li.jokes a { background:url(../images/menuJokes.jpg) top left no-repeat;}
		div#navColumn ul li.jokes a:hover { background:url(../images/menuJokesOn.jpg) top left no-repeat;}
		div#navColumn ul li.jokesSelected a { background:url(../images/menuJokesOn.jpg) top left no-repeat;}

		div#navColumn ul li.sprites a { background:url(../images/menuSprite.jpg) top left no-repeat;}
		div#navColumn ul li.sprites a:hover { background:url(../images/menuSpriteOn.jpg) top left no-repeat;}
		div#navColumn ul li.spritesSelected a { background:url(../images/menuSpriteOn.jpg) top left no-repeat;}

		div#navColumn ul li.competitions a { background:url(../images/menuCompetitions.jpg) top left no-repeat;}
		div#navColumn ul li.competitions a:hover { background:url(../images/menuCompetitionsOn.jpg) top left no-repeat;}
		div#navColumn ul li.competitionsSelected a { background:url(../images/menuCompetitionsOn.jpg) top left no-repeat;}

		div#navColumn ul li.angels a { background:url(../images/menuAngels.jpg) top left no-repeat;}
		div#navColumn ul li.angels a:hover { background:url(../images/menuAngelsOn.jpg) top left no-repeat;}
		div#navColumn ul li.angelsSelected a { background:url(../images/menuAngelsOn.jpg) top left no-repeat;}
		
		div#navColumn ul li.purpose a { background:url(../imagesBig/menuPurpose.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.purpose a:hover { background:url(../imagesBig/menuPurposeOn.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.purposeSelected a { background:url(../imagesBig/menuPurposeOn.jpg) top left no-repeat; padding-top:31px;}
		
		div#navColumn ul li.mission a { background:url(../imagesBig/menuMission.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.mission a:hover { background:url(../imagesBig/menuMissionOn.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.missionSelected a { background:url(../imagesBig/menuMissionOn.jpg) top left no-repeat; padding-top:31px;}
		
		div#navColumn ul li.art a { background:url(../imagesBig/menuArt.jpg) top left no-repeat;}
		div#navColumn ul li.art a:hover { background:url(../imagesBig/menuArtOn.jpg) top left no-repeat;}
		div#navColumn ul li.artSelected a { background:url(../imagesBig/menuArtOn.jpg) top left no-repeat;}
		
		div#navColumn ul li.locations a { background:url(../imagesBig/menuLocations.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.locations a:hover { background:url(../imagesBig/menuLocationsOn.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.locationsSelected a { background:url(../imagesBig/menuLocationsOn.jpg) top left no-repeat; padding-top:31px;}

		div#navColumn ul li.license a { background:url(../imagesBig/menuLicense.jpg) top left no-repeat;}
		div#navColumn ul li.license a:hover { background:url(../imagesBig/menuLicenseOn.jpg) top left no-repeat;}
		div#navColumn ul li.licenseSelected a { background:url(../imagesBig/menuLicenseOn.jpg) top left no-repeat;}
	
		div#navColumn ul li.shop a { background:url(../imagesBig/menuShop.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.shop a:hover { background:url(../imagesBig/menuShopOn.jpg) top left no-repeat; padding-top:31px;}
		div#navColumn ul li.shopSelected a { background:url(../imagesBig/menuShopOn.jpg) top left no-repeat; padding-top:31px;}




/*** Headings *********************************************/

h1 {
	width:754px; 
	height:0;
	padding-top:91px;
	overflow:hidden;
	position:absolute;
	top:8px;
	left:8px;
	background:url(../images/title.jpg) top left no-repeat;
}
body.big h1 {
	background:url(../imagesBig/title.jpg) top left no-repeat;
}



h2 {
	width:400px; 
	height:0;
	overflow:hidden;
	padding-top:68px;
}
h2.about { background:#fff url(../images/titleAbout.jpg) no-repeat top left; }
h2.jokes { background:#fff url(../images/titleJokes.jpg) no-repeat top left; }
h2.sprite { background:#fff url(../images/titleSprite.jpg) no-repeat top left; }
h2.competitions { background:#fff url(../images/titleCompetitions.jpg) no-repeat top left; }
h2.angels { background:#fff url(../images/titleAngels.jpg) no-repeat top left; }
h2.purpose { background:#fff url(../imagesBig/titlePurpose.jpg) no-repeat top left; }
h2.mission { background:#fff url(../imagesBig/titleMission.jpg) no-repeat top left; }
h2.locations { background:#fff url(../imagesBig/titleLocations.jpg) no-repeat top left; }
h2.art { background:#fff url(../imagesBig/titleArt.jpg) no-repeat top left; }
h2.license { background:#fff url(../imagesBig/titleLicense.jpg) no-repeat top left; }
h2.shop { background:#fff url(../imagesBig/titleShop.jpg) no-repeat top left; }

h3 {
	font-size:110%;
	font-weight:bold;
	margin-bottom:1em;
}
h3.shop {
	font-size:120%;
	font-weight:bold;
	margin:1em 0;
	border-bottom:1px solid #666;
}
h4 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;
}
h5 {
	font-weight:bold;
	margin-bottom:1em;
}

/******* Paragraphs ***********************************************/

p {
 margin-bottom:10px;
}
p strong {
 	font-weight:bold;
 	color:#cf62cf;
} 
body.big p strong {
 	font-weight:bold;
 	color:#1866a6;
} 
p.jump {
	position:absolute;
	right:250px;
	font-weight:bold;
}
body.big p.jump {
	font-size:120%;
}



p.highlight {
	text-align:center;
	font-weight:bold;
 	color:#cf62cf;
} 
body.big p.highlight {
	color:#1866a6;
	text-align:left;
} 

body.big p.fancy {
	text-align:center;
	font-weight:bold;
 	color:#1866a6;
 	font-style:italic;
} 

p strong.info {
	color:#cf62cf;
	font-size:90%;
	margin-top:-.75em; 	
} 
body.big p strong.info {
	color:#1866a6;	
	margin-top:-.72em;
} 
body.big p.info {
	color:#1866a6;	
	margin-top:-1em;
}
p.bold {
	font-weight:bold;
	}
p.joke {
	xpadding-bottom:20px;
	xbackground:;
	padding:5px 30px 5px 5px;
	margin:5px;
	width:225px;
	min-height:100px;
	float:left;
	background:#faf9d9;
	border:1px solid #666;
	font-weight:bold;
}
.clear {
clear:both;
} 
div.jokes {
	text-align:center;
	width:100%;
	float:left;
	margin-bottom:20px;
}
div.jokes p {
	text-align:left;
}
div.quote {
	border:1px solid #429bdf;
	padding:30px 20px 20px 30px;
	clear:both;
	margin:10px 0;
	font-size:90%;
	color:#666;
	background:url(../imagesBig/quotes.jpg) top left no-repeat;
}
	div.quote p {
		margin:0;
		color:#666;
	}
	div.quote p.bold {
		margin-top:5px;
		}
	div.quote strong {
		font-size:120%;
		font-weight:normal;
		color:#666;
	}


/**************** Images **************************/

img.right {
	 float:right;
 }
img.left {
 	 float:left;
 	 margin-right:5px;
 }
img.monkey {
	 margin-bottom:-30px;
	 margin-top:-20px;	 
 }
 
 /**************** Lists ***************************/

div#contentColumn ul {
	list-style-position:inside;
	margin-bottom:1em;
	
}

div#contentColumn ul.highlight {
	list-style-type:none;
	font-weight:bold;
	color:#1866a6;
}
	div#contentColumn ul.highlight li {
		color:#1866a6;
		font-size:110%;
		margin-bottom:1em;
	}
	
div#contentColumn ul.colouring {
	list-style-type:none;
	clear:both;
}
	div#contentColumn ul.colouring  li {
		float:left;
		margin:2px;
	}
		div#contentColumn ul.colouring  li a img {
			border:2px solid #cf62cf;
		}

hr {
	clear:both;
	}
	
	
table.courseDetails {
	width:100%;
	border-collapse:collapse;
	border:1px solid #5a654f;
	font-size:110%;
}
	table.courseDetails th, table.courseDetails td {
		padding:5px;
		vertical-align:top;
		
	}
	table.courseDetails th {
		background:#c2e1fe;
		color:#808080;
		fony-weight:bold;
		text-align:left;
		border-bottom:1px solid #5a654f;
	}