* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000;
}

body#home { background: #7bc143 url(../images/body_bg.jpg) repeat-x; }
body#enfants { background: #000 url(../images/body_bg_enfants.jpg) repeat-x; }
body#enseignants { background: #00aaad url(../images/body_bg_enseignants.jpg) repeat-x; }
body#parents { background: #f15c41 url(../images/body_bg_parents.jpg) repeat-x; }
body#neutral { background: #fdba4d url(../images/body_bg_neutral.jpg) repeat-x; }
a img { border: 0; }

#container {
	width: 980px;
	margin: 0 auto;
}

#header {
	background-color: #fff;
	*height: 168px; /* don't remove the * infront of height, ie7 hack. */
	widtH: 980px;
	_margin-top: -13px;
}	

#header h1 {
	background: url(../images/tno_logo.jpg) no-repeat;
	width: 192px;
	height: 81px;
	text-indent: -9999px;
	margin: 35px auto 0 auto;
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 192px;
	height: 81px;
}

#nav {
	list-style: none;
	height: 19px;
	display: inline;
	width: 300px;
	float: left;
	margin-top: 31px;
	_margin-top: 45px;
}
	
#nav li {
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 19px 0 0 0;
	_padding-top: 3px;
	height: 0px !important; 
	text-indent: -9999px;
	display: block;
}
	
#nav a:hover {
	background-position: 0 -19px;
}
	
#a-enseignants a {
	width: 121px;
	background: url(../images/a-enseignants.gif) top left no-repeat;
}

#a-parents a {
	width: 93px;
	background: url(../images/a-parents.gif) top left no-repeat;
}

#a-enfants a {
	width: 86px;
	background: url(../images/a-enfants.gif) top left no-repeat;
}

#secondary-nav {
	list-style: none;
	height: 12px;
	display: inline;
	width: 407px;
	float: right;
	margin-top: 35px;
	_margin-top: 47px;

}

#secondary-nav li {
	display: inline;
	list-style-type: none;
}

#secondary-nav a {
	float: left;
	padding: 12px 0 0 0;
	_padding: 0;
	height: 0px !important; 
	text-indent: -9999px;
}

#a-oh a {
	width: 29px;
	background: url(../images/a-oh.gif) no-repeat;	
}

#a-contacts a {
	width: 49px;
	background: url(../images/contacts.gif) top left no-repeat;
}

#a-home a {
	width: 65px;
	background: url(../images/home.gif) top left no-repeat;
}

#a-spectacles a {
	width: 76px;
	background: url(../images/spectacles.gif) top left no-repeat;
}

#a-boxoffice a {
	width: 64px;
	background: url(../images/boxoffice.gif) top left no-repeat;
}

#a-blog a {
	width: 72px;
	background: url(../images/blog.gif) top left no-repeat;
}

#a-facebook a {
	width: 52px;
	background: url(../images/facebook.gif) top left no-repeat;
}

#maincontent {
	padding: 20px;
	width: 940px;
	float: left;
}

#actor_container {
	width: 960px;
	float: left;
}

#static_container {
	width: 260px;
	float: left;
}

#oh {
	background: url(../images/oh.gif) no-repeat;
	width: 245px;
	height: 281px;
	float: left;
	text-indent: -9999px;
}

#oh-enfants, #oh-static {
	background: url(../images/oh-enfants2.gif) no-repeat;
	width: 245px;
	height: 281px;
	float: left;
	text-indent: -9999px;
}

#oh-enseignants {
	background: url(../images/oh-enseignants.gif) no-repeat;
	width: 245px;
	height: 281px;
	float: left;
	text-indent: -9999px;
}

#oh-parents{
	background: url(../images/oh-parents.gif) no-repeat;
	width: 245px;
	height: 281px;
	float: left;
	text-indent: -9999px;
}

#oh-neutral {
	background: url(../images/oh-neutral.gif) no-repeat;
	width: 245px;
	height: 281px;
	float: left;
	text-indent: -9999px;
}

.actors {
	float: left;
	position: relative;
	top: -50px;
	left: -15px;
}

.artist {
	float: left;
	position: relative;
	top: -50px;
	left: 115px;
}

.fairy {
	float: left;
	position: relative;
	top: -40px;
	left: 55px;
}

.child {
	float: left;
	position: relative;
	top: -50px;
	left: 55px;
}

#landing_content {
	background: url(../images/content-landing.gif) no-repeat;
	height: 191px;
	width: 765px;
	float: left;
	margin-left: 10%;
		_margin-left: 5%;
	margin-top: -20px;
	text-indent: -9999px;
}

#landing_contest {
	width: 765px;
	float: left;
	margin-left: 10%;
	margin-top: -20px;
}

#enfants_content {
	background: url(../images/enfants-content.gif) no-repeat;
	height: 25px;
	width: 400px;
	float: left;
	margin-left: 29%;
	_margin-left: 15%;
	margin-top: -20px;
	text-indent: -9999px;
}

#enfants-content-bottom a {
	display: block;
	position: relative;
	width: 19px;
	height: 15px;
	left: 248px;
	top: 7px;	
}

#enseignants_content {
	background: url(../images/enseignants-content.gif) no-repeat;
	height: 336px;
	width: 372px;
	float: left;
	margin-left:1%;
	margin-top: -65px;
	text-indent: -9999px;
}

#misc_coloring {
	float: left;
	width: 233px;
	background: url(../images/colouring_content.gif) no-repeat;
}

#c-1 {
	margin-top: 80px;
}
#c-2 {
	margin-top: 10px;
}
#c-1, #c-2 {
	list-style: none;
	height: 63px;
	display: inline;
	float: left;
}
	
#c-1 li, #c-2 li {
	display: inline;
	list-style-type: none;
}

#c-1 a, #c-2 a {
	float: left;
	padding: 63px 0 0 0;
	width: 61px;
	height: 0px !important; 
	text-indent: -9999px;
}

#a-expression1 a { background: url(../images/expression1.gif) no-repeat; }
#a-expression2 a { background: url(../images/expression2.gif) no-repeat; }
#a-expression3 a { background: url(../images/expression3.gif) no-repeat; }

#a-expression4 a { background: url(../images/expression4.gif) no-repeat; }
#a-expression5 a { background: url(../images/expression5.gif) no-repeat; }
#a-expression6 a { background: url(../images/expression6.gif) no-repeat; }
	
#parents_content {
	background: url(../images/parents-content.gif) no-repeat;
	height: 335px;
	width: 452px;
	float: left;
	margin-left: 20%;
	margin-top: -65px;
	text-indent: -9999px;
	_margin-left: 11%;
}


#enseignants_content a, #parents_content a {
	display: block;
	width: 20px;
	height: 15px;
	position: relative;
	top: 224px;
	left: 47px;
}

#static_content {
	width: 365px;
	float: left;
	margin-left: 10%;
	color: #fff;
	font-size: 14px;
}

#static_content h2 {
	color: #7bc143;
	font-size: 18px;
}

#static_content a {
	color: #7bc143;
}

#static_content p {
	padding-bottom: 10px;
}

#enseignants_contact {
/*	height: 322px;*/
	width: 654px;
	float: left;
	margin-left: 15.5%;
	margin-top: -65px;
	_margin-left: 9%;
	color: #000;
	padding: 15px;
	background: url(../images/form-bg.png) repeat-x;
}

#enseignants_contact form {
	margin-left: 20px;
	padding-top: 15px;
}

.form-fee {
	float: right;
	margin-right: 80px;
	margin-top: 60px;
}

#enseignants_contact p {
	color: #000;
}

#enseignants_contact ul {
	list-style: none;
}

#enseignants_contact ul {
	margin-bottom: 10px;
}

#enseignants_contact label  {
	color: #000;
}

#enseignants_contact .fields {
	border: 1px solid #2d605e;
	background-color: #ccf0f0;
	width: 250px;
	padding: 2px;
	font-size: 11px;
}

#enseignants_contact .text-fields {
	border: 1px solid #2d605e;
	background-color: #ccf0f0;
	width: 300px;
	padding: 1px;
	font-size: 11px;
}

.neutral-fields {
	border: 1px solid #999;
	background-color: #fefefe;
	width: 250px;
	padding: 2px;
	font-size: 11px;
}


.radios {
	color: #fff;
}

/** **/

#enfants_contact {
/*	height: 322px;*/
	width: 664px;
	float: left;
	margin-left: 17.5%;
	margin-top: -65px;
	color: #fff;
}


#enfants_contact p {
	color: #fff;
}

#enfants_contact  ul {
	list-style: none;
}

#enfants_contact  ul {
	margin-bottom: 10px;
}

#enfants_contact  label  {
	color: #fff;
}

#enfants_contact  .fields {
	border: 1px solid #2d605e;
	background-color: #ccf0f0;
	width: 250px;
	padding: 2px;
	font-size: 11px;
}

#enfants_contact  .text-fields {
	border: 1px solid #2d605e;
	background-color: #ccf0f0;
	width: 300px;
	padding: 1px;
	font-size: 11px;
}


/** **/

#contest-content {
	width: 365px;
	float: left;
	margin-left: 33%;
	margin-top: -20px;
}

#contest-content h2 {
	font-size: 18px;
	padding-bottom: 10px;
}

#contest-content h3 {
	font-size: 12px;
	padding-bottom: 5px;
}

#contest-content  p {
	color: #fff;
	padding-bottom: 10px;
}

#contest-content   ul {
	list-style: none;
}

#contest-content   ul {
	margin-bottom: 10px;
}

#contest-content t  label  {
	color: #fff;
}

#contest-content   .fields {
	border: 1px solid #5b9d27;
	background-color: #def4cd;
	width: 250px;
	padding: 2px;
	font-size: 11px;
}

#contest-content   .text-fields {
	border: 1px solid #5b9d27;
	background-color: #def4cd;
	width: 300px;
	padding: 1px;
	font-size: 11px;
}

/** */


#guides {
	float: left;
	width: 316px;
	height: 283px;
	background: url(../images/guides.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 30px;
}


#guides ul {
	float: left;
	list-style: none;
	width: 316px;
	
}

#guides li {
	float: left;
}

#guides p {
	background: url(../images/enseignants_sidebar.gif) no-repeat;
	height: 31px;
	text-indent: -9999px;
	margin-top: -65px;
}

#guides p a {
	height: 15px;
	width: 15px;
	position: relative;
	top: -18px;
	left: 43px;
	display: block;
}

/** */

#guides #enseignant-guide-a a {
	display: block;
	height: 101px;
	width: 66px;
	position: relative;
	top: 30px;
	left: 10px;
	float: left;
}

#guides #enseignant-guide-b a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 95px;
	*left: 25px;	
	float: left;
}

#guides #enseignant-guide-c a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 215px;
	*left: 45px;;	
	float: left;
}

/** */

#guides-parents {
	float: left;
	width: 300px;
	height: 204px;
	background: url(../images/guides-parents.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 20px;
}

#guides-parents ul {
	float: left;
	list-style: none;
	width: 300px;
}

#guides-parents li {
	float: left;
}

#guides-parents #parents-guide-a a {
	display: block;
	height: 129px;
	width: 55px;
	position: relative;
	top: 0px;
	left: 6px;
}

#guides-parents #parents-guide-b a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 21px;	
}

#guides-parents #parents-guide-c a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 38px;	
}

/** */

#guides-parents2 {
	float: left;
	width: 300px;
	height: 204px;
	background: url(../images/comment_guide.png) no-repeat;
	text-indent: -9999px;
	margin-top: 20px;
}

#guides-parents2 ul {
	float: left;
	list-style: none;
	width: 300px;
}

#guides-parents2 li {
	float: left;
}


#guides-parents2 #parents-guide-b2 a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 21px;	
}

#guides-parents2 #parents-guide-c2 a {
	display: block;
	height: 131px;
	width: 101px;
	position: relative;
	top: 0;
	left: 18px;	

}

#coloringbooks {
	list-style: none;
	height: 101px;
	display: inline;
	width: 850px;
	margin-left: 45px;
	margin-top: 40px;
	float: left;
}
	
#coloringbooks li {
	display: inline;
	list-style: none;
}

#coloringbooks a {
	float: left;
	/*padding: 101px 0 0 0;*/
	height: 0px !important; 
	text-indent: -9999px;
	margin-left: 7px;
	margin-right: 8px;
}
	
#a-christian a {
	width: 74px;
	padding-top: 76px;
	background: url(../images/christian.gif) bottom left no-repeat;
	margin-top: 24px;
}

#a-juliet a {
	width: 64px;
	margin-top: 9px;
	padding-top: 92px;	
	background: url(../images/juliet.gif) bottom left no-repeat;
}

#a-cowboy a {
	padding-top: 101px;
	width: 95px;
	background: url(../images/cowboy.gif) bottom left no-repeat;
}

#a-writer a {
	padding-top: 92px;
	width: 61px;
	margin-top: 9px;
	background: url(../images/writer.gif) bottom left no-repeat;	
}

#a-spaceman a {
	padding-top: 89px;
	width: 97px;
	margin-top: 11px;
	background: url(../images/spaceman.gif) bottom left no-repeat;	
}

#a-pyjamas a {
	padding-top: 73px;
	width: 84px;
	margin-top: 26px;
	background: url(../images/pyjamas.gif) bottom left no-repeat;	
}

#a-fairy a {
	padding-top: 90px;
	width: 78px;
	margin-top: 8px;
	background: url(../images/fairy.gif) bottom left no-repeat;	
}

#a-actor a {
	padding-top: 92px;
	width: 79px;
	margin-top: 8px;
	background: url(../images/actor.gif) bottom left no-repeat;	
}

#a-dog a {
	padding-top: 72px;
	width: 80px;
	margin-top: 28px;
	background: url(../images/dog.gif) bottom left no-repeat;	
}

#enfants-content-bottom {
	background: url(../images/enfants-content-bottom.gif) no-repeat;
	height: 42px;
	width: 470px;
	float: left;
	margin-left: 25%;
		_margin-left: 13%;
	margin-top: 50px;
	text-indent: -9999px;
}

#enfants-content-bottom-contest {
	height: 42px;
	width: 470px;
	float: left;
	margin-left: 25%;
	margin-top: 50px;
	text-indent: -9999px;
}

#footer {
	clear: left;
	width: 980px;
	margin-top: 30px;
	float: left;
}

#footer-enfants {
	clear: left;
	width: 980px;
	margin-top: -60px;
	float: left;
}

#footer-enseignants {
	clear: left;
	width: 980px;
	margin-top: -60px;
	float: left;
}

#footer-parents {
	clear: left;
	width: 980px;
	margin-top: -180px;
	float: left;
}

#footer-neutral {
	clear: left;
	width: 980px;
	margin-top: -150px;
	float: left;
}

#links {
	list-style: none;
	height: 35px;
	display: inline;
	width: 181px;
	float: left;
}

#links li {
	display: inline;
	list-style-type: none;
}

#links a {
	float: left;
	padding: 59px 0 0 181px;
	height: 0px !important; 
	text-indent: -9999px;
}
	
#a-foundation a  { background: url(../images/a-foundation.gif) top left no-repeat; }
#a-heritage a  { background: url(../images/a-heritage.gif) top left no-repeat; }
#a-foundation-enfants a  { background: url(../images/a-foundation-black.gif) top left no-repeat; }
#a-heritage-enfants a  { background: url(../images/a-heritage-black.gif) top left no-repeat; }
#a-foundation-enseignants a  { background: url(../images/a-foundation-blue.gif) top left no-repeat; }
#a-heritage-enseignants a  { background: url(../images/a-heritage-blue.gif) top left no-repeat; }
#a-foundation-parents a  { background: url(../images/a-foundation-pink.gif) top left no-repeat; }
#a-heritage-parents a  { background: url(../images/a-heritage-pink.gif) top left no-repeat; }
#a-foundation-neutral a  { background: url(../images/neutral-footer.gif) top left no-repeat; }
#a-heritage-neutral a  { background: url(../images/neutral-footer-2.gif) top left no-repeat; }

#contest {
	text-align: center;
	margin-right: 160px;
}

#contest-parents {
	position: relative;
	top: -185px;
	float: left;
}

#printbar {
	width: 825px;
	height: 16px;
	background: url(../images/printbar.gif) repeat-x;
	padding: 4px 10px 4px 5px;
}

#printbar p span {
	display: none;
}

#printbar a {
	height: 16px;
	width: 56px;
	font-size: 12px;
	padding-right: 25px;
	display: block;
	background: url(../images/printer.gif) no-repeat;
	position: absolute;
	top: -1px;
}

.message {
	background-color: #c71b1b;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	border: 1px solid #f74646;
}

.message a {
	color: #fbe3cf;
}