* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font-family:  'Trebuchet MS', helvetica, sans-serif;
	font-size: 62.5%;
	color: #222;
}
a {
	color: #00adef;
	border: none;
	overflow: hidden;
}
a img {
	border: none;
}
#primary-content a { color: #fff;}
p {
	margin: 1em 0;
}
dt { font-weight: bold; margin: 0.5em 0;}
dd { margin: 0.5em 0 1.5em 0;}
#primary-content dt { margin: 0.5em 0 0 0; border-top: 1px dotted #fff; padding-top: 0.5em;}
#primary-content dd { margin: 0 0 0.5em 0;}
h1 { font-size: 1.5em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em;}
h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
}
#wrap {
	font-size: 1.3em;
	border-top: 30px solid #fff;
	background: #87d300 url("../img/bg-01.gif") 0 0 no-repeat;
}
#branding {
	height: 175px;
	position: relative;
}
#branding h1 {
	text-indent: -9999px;
}
#branding h1 a {
	display: block;
	width: 200px;
	height: 150px;
}
#top-nav {
	position: absolute;
	top: -30px;
	left: 450px;
}
#top-nav li { text-indent: -9999px; height: 25px; margin-right: 5px; float: left; list-style: none;}
#top-nav li a { display: block; height: 25px;}

.l-eng #top-nav #n-profs { background: url('../img/n-teachers.gif'); width: 82px;}
.l-eng #top-nav #n-parents { background: url('../img/n-parents.gif'); width: 76px;}
.l-eng #top-nav #n-home { background: url('../img/n-francais.gif'); width: 97px;}

.l-fr #top-nav #n-profs { background: url('../img/n-professeurs.gif'); width: 101px;}
.l-fr #top-nav #n-parents { background: url('../img/n-parentsfr.gif'); width: 72px;}
.l-fr #top-nav #n-home { background: url('../img/n-english.gif'); width: 70px;}

#nav {
	position: absolute;
	top: 0;
	left: 225px;
}
.l-eng #nav li { float: left; list-style: none; text-indent: -9999px;}
.l-eng #nav li a { display: block; height: 115px;}
.l-eng #nav #n-about { background: url('../img/n-what.gif') 0 5px no-repeat; width: 160px; height: 110px; }
.l-eng #nav #n-about a:hover, #s-about.l-eng #nav #n-about { background: url('../img/n-what-o.gif') 0 5px no-repeat; width: 160px; height: 110px; }
.l-eng #nav #n-contest { background: url('../img/n-contest.gif') 0 10px no-repeat; width: 126px; height: 115 px;}
.l-eng #nav #n-contest a:hover, #s-contest.l-eng #nav #n-contest { background: url('../img/n-contest-o.gif') 0 10px no-repeat; width: 126px; height: 115px;}
.l-eng #nav #n-resources { background: url('../img/n-resources.gif') 4px 15px no-repeat; width: 169px; height: 110px;}
.l-eng #nav #n-resources a:hover, #s-resources.l-eng #nav #n-resources { background: url('../img/n-resources-o.gif') 0px 11px no-repeat; width: 169px; height: 110px;}

.l-fr #nav li { float: left; list-style: none; text-indent: -9999px;}
.l-fr #nav li a { display: block; height: 120px;}
.l-fr #nav #n-about { background: url('../img/n-apropos.gif') 4px 14px no-repeat; width: 152px; height: 110px; }
.l-fr #nav #n-about a:hover, #s-about.l-fr #nav #n-about { background: url('../img/n-apropos-o.gif') 0 10px no-repeat; width: 152px; height: 110px;}
.l-fr #nav #n-contest { background: url('../img/n-concours.gif') 0px 5px no-repeat; width: 143px; height: 120px;}
.l-fr #nav #n-contest a:hover, #s-contest.l-fr #nav #n-contest { background: url('../img/n-concours-o.gif') 0px 5px no-repeat; width: 143px; height: 120px;}
.l-fr #nav #n-resources { background: url('../img/n-ressources.gif') 4px 13px no-repeat; width: 192px; height: 110px;}
.l-fr #nav #n-resources a:hover, #s-resources.l-fr #nav #n-resources { background: url('../img/n-ressources-o.gif') 0 10px no-repeat; width: 192px; height: 110px;}


#content {
	width: 770px;
}
#primary-content {
	margin-top: 30px;
	width: 525px;
	float: right;
}
#primary-content h2 {
	color: #466100;
/*	background: url('../img/title-icon.gif') 0 50% no-repeat; */
	margin-top: 1.25em;
/*	padding-left: 45px; */
}
#primary-content.splash h2 {display: none;}
#primary-content.splash img { display: block;}
#primary-content ul ul { padding: 1em 2em;}
#primary-content ul ul li { list-style: disc; border: none;}
#primary-content li { list-style: none; border-top: 1px dotted #333; padding: 0.25em 0;}
#secondary-content {
	width: 199px;
	float: left;
	color: #fff;
	margin-top: 60px;
}
#secondary-content p, #secondary-content dl { padding: 0 23px; }
#siteinfo {
	clear: both;
	color: #999;
}
#siteinfo p {
	padding: 30px 20px 20px 120px;
	background: #fff url('../img/caisse-logo.gif') 20px 50% no-repeat;
}
.bubble {
	background: #0097dc url('../img/bubble-bg-bot.gif') 0 100% no-repeat;
	color: #fff;
	padding-bottom: 1px;
}
.bubble ul { margin: 23px; border-top: 1px solid #83c1dd; padding-bottom: 23px;}
.bubble li { list-style: none; padding: 3px 3px; border-bottom: 1px solid #83c1dd;}
.bubble li.active { background: #00adef url('../img/bullet-check.gif') 95% 50% no-repeat; padding-right: 10%;}
.bubble a {
	color: #fff;
}
.bubble h3 {
	background: #00adef url('../img/bubble-bg-top.gif') 0 0 no-repeat;
	padding: 12px 24px 12px 24px;
}
.disclaimer { font-style: italic; font-size: 0.9em;}

/* Form Styles */

fieldset {margin: 1em 0; padding: 1em; border: 1px solid #71b100; background: #7cc200}
legend { font-weight: bold; font-size: 1.4em; color: #466100;}
label { display: block;}
input { width: 200px;}
input.radio, input.checkbox, input.submit { width: auto;}
textarea { width: 300px; height: 100px;}
.fillme { color: #e51b24; }
div.error {
	padding: 20px;
	background-color: #c3e980; 
	width:  480px;
	margin-bottom: 20px;
}
div.error p {
	color: #e51b24;
	font-size: 14px;
}

div.thanks {
	font: normal 12px Verdana, Geneva, Helvetica, Arial;
	width: 480px;
	border: 1px solid #afe059;
	background-color: #c3e980;
	padding: 20px;
	margin-bottom: 20px;
}
div.thanks p {
	padding: 7px 0;
	border-bottom: 1px solid #afe059;
}

h6 span {
	color: #999;
}


/* Table Styles */
table { width: 100%; border-collapse: collapse;}

thead th {
	text-align: left;
	font-weight: bold;
	border-bottom: 3px solid #000;
}
td { border-bottom: 1px solid #71b100; padding: 3px 0;}
table img {
	border: 3px solid #ddd;
}