body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	background-color:#e6f3fb;
	padding:0 0 20px 0;
	margin:0;
}
#wrapper {
	width:913px;
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	background-color:#fff;
}
#topNav {
	height:69px;
	background-color: #4f81ca;
	background-image: url(/curriculum/images/topNav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topNav p {
	margin:0;
	padding:21px 17px 0 0;
	font-size:10px;
	line-height:10px;
	text-align:right;
	text-transform:uppercase;
}
#topNav p a {
	font-weight:bold;
	margin-left:5px;
	color:#fff;
	text-decoration:none;
	padding-right: 3px;
}
#topNav p a:hover {text-decoration:underline;}
#header {
	height:129px;
	background-color: #a7cf3a;
}
#nav {
	height:41px;
	background-color:#4f81ca;
	text-transform:uppercase;
	
}
#nav a {
	color:#fff;
	text-decoration:none;
	font-size:9px;
	line-height:13px;
	float:left;
	display:block;
	text-align:center;
	font-weight:bold;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 19px;
}
#nav a:hover {text-decoration:underline;}

/**FOOTER**/
#footerGraphic {
	background:url(/curriculum/images/footer-f.jpg) top left no-repeat;
	height:134px;
	clear:both;
}
#footer {
	clear:both;
	height:27px;
	background-color:#4f81ca;
}
#footer p {
	text-align:center;
	margin:0;
	padding-top:8px;
	color:#fff;
	font-size:9px;
	line-height:9px;	
}
/**FOOTER END**/

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	padding: 1px 0px 5px 3px; 
	vertical-align: middle;
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	min-height: 1.23em;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */


/**about Nav**/
#aboutNav a.selected {
	background-image:none;
	color:#0066cc;
}
#aboutNav a:hover {
	background-image:none;
	color:#0066cc;
}

#aboutNav img.about {
border:none;
margin-top:0px;
background:none;
list-style:none;
background-image:none

}
#abouttNav a {background:none;
background-image:none}

/**LEFT NAV**/
#leftNav {
	width:139px;
	float:left;
	background-color:#a7cf3a;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;

}
#leftNav img.oilrig {
	margin-top:20px;
}
#leftNav .navTitle {
	padding:13px 4px 3px 8px;
	font-size:14px;
	line-height:15px;
	text-transform:uppercase;
	color:#333;
	letter-spacing:-1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#leftNav a {
	display:block;
	padding:3px 4px 3px 26px;
	text-transform:uppercase;
	color:#4b4b4b;
	text-decoration:none;
	font-size:10px;
	line-height:11px;
	font-weight:bold;
}
#leftNav a.selected {
	background:url(/curriculum/images/leftNavBullet.gif) 8px 4px no-repeat;
	color:#0066cc;
}
#leftNav a:hover {
	background:url(/curriculum/images/leftNavBullet.gif) 8px 4px no-repeat;
	color:#0066cc;
}
/**LEFT NAV**/
#push11 {
	width:15px;
	float:left;
}	
#pageContent {
	width:745px;
	float:left;
	padding-top:10px;
	position:relative;
}
#pageContent a {
	color:#4f81ca;
	text-decoration:underline;
}
#pageContent h1 {
	padding:5px 0;
	margin:0;
	font:18px/20px;
	color:#ff9900;	
}	
#pageContent h1.headerOrange {
	color:#ff9900;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:5px 0 5px 0;
	padding:14px 0 14px 0;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size: 20px;
}
#pageContent h2 {
	color:#4f81ca;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin:0;
	padding:10px 0;
}
#pageContent p {
	padding:5px 0;
	margin:0;
	font:12px/16px;
}
.alignImgLeft {
	float:left;
	padding:0 5px 5px 0;
}
.alignImgRight {
	float:right;
	padding:0 0 5px 5px;
}

#intro_content {
	padding-top: 110px;
}

#intro1 {
	font-size:22px;
	font-weight:bold;
	color:#96B4E0;
	padding: 5px;
	position:absolute;
	top:118px;
	left:104px;
	letter-spacing:-1px;
	width: 430px;
}

#intro2 {
	font-size:20px;
	font-weight:bold;
	color:#95b4e0;
	padding: 5px;
	position:absolute;
	top:208px;
	left:32px;
	letter-spacing:-1px;
	width: 645px;
}

#intro3 {
	font-size:20px;
	font-weight:bold;
	color:#95b4e0;
	padding: 5px;
	position:absolute;
	top:185px;
	left:310px;
	letter-spacing:-1px;
	width: 250px;
}

#intro4 {
	font-size:18px;
	font-weight:bold;
	color:#b0c7e8;
	padding: 5px;
	position:absolute;
	top:189px;
	left:82px;
	letter-spacing:-1px;
	width: 197px;
}

#intro5 {
	font-size:18px;
	font-weight:bold;
	color:#b0c7e8;
	padding: 5px;
	position:absolute;
	top:145px;
	left:267px;
	letter-spacing:-1px;
	width: 245px;
}

#intro6 {
	font-size:16px;
	font-weight:bold;
	color:#cad9ef;
	padding: 5px;
	position:absolute;
	top:143px;
	left:13px;
	letter-spacing:-1px;
	width: 248px;
}
#intro7 {
	font-size:16px;
	font-weight:bold;
	color:#7ab1d8;
	padding: 5px;
	position:absolute;
	top:165px;
	left:40px;
	letter-spacing:-1px;
	width: 473px;
}
/**CNA**/
.OrangeHeader {
	color: #FF9900;
	font-weight: bold;
	font-size: 18px;
	line-height:20px;
}
.text-title1 {
	font-size: 14px;
	color: #FF9900;
	font-weight: bold;
}
.text-title2 {
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}
.text-title2 a:link {
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}

.text-title2 a:visited {
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}

.text-title2 a:hover {
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}

.text-title2 a:active {
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}

.text-title3 {
	font-size: 13px;
	color: #88AC2B;
	font-weight: bold;
}
.text-title3 a:link {
	font-size: 13px;
	color: #88AC2B;
	font-weight: bold;
}
.text-title3 a:visited {
	font-size: 13px;
	color: #88AC2B;
	font-weight: bold;
}
.text-title3 a:hover {
	font-size: 13px;
	color: #88AC2B;
	font-weight: bold;
}
.text-title3 a:active {
	font-size: 13px;
	color: #88AC2B;
	font-weight: bold;
}
.text-title4 {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.text-body {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.text-body a:link {
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
}

.text-body a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
}

.text-body a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #82BBFB;
}

.text-body a:active {
	font-size: 12px;
	font-weight: normal;
	color: #82BBFB;
}

.text-body-blue {
	font-size: 14px;
	font-weight: bold;
	color: #0066cc;
}


.text-body-white {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.text-body-green {
	font-size: 12px;
	font-weight: normal;
	color: #88AC2B;
}

.text-body-green a:link {
	font-size: 13px;
	color: #88AC2B;
}

.text-body-green a:visited {
	font-size: 13px;
	color: #88AC2B;
}

.text-body-green a:hover {
	font-size: 13px;
	color: #88AC2B;
}

.text-body-green a:active {
	font-size: 13px;
	color: #88AC2B;
}


.image-alignright {
	float: right;
}

.image-alignleft {
	float: left;
	padding-right: 8px;
}
text-title5 {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0066cc;
}

/**Teachers Resources**/
div.resource {
	float: right;
	width: 175px;
	padding-top: 15px;
}
#resources {
	font-size:10px;
	width: 175px;
	border-top:1px solid #d3ec90;
	border-bottom:1px solid #d3ec90;
	text-align:left;
	background-color:#7ba1d8;
	color:#fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 35px;
}
#resources a {color:#fff;text-decoration:none;display:block;}
#resources a:hover {text-decoration:underline;}
/**Teachers Resources - END**/


.no_decoration {
	list-style:none;
}

.no_decoration li{
	padding-bottom:5px;
}
/* SEARCH CSS STARTS | DEBUT DU CSS DE RECHERCHE*/

.search-form {
	background-color: #f4f4f4;
	padding: 8px 10px 10px 10px; 
	margin:0;
}
.search-form2 {
	background-color: #f4f4f4;
	padding: 6px 8px 8px 10px; 
	margin:5px 0 10px 0;
}
.search-form form, .search-form2 form {
	margin:0;
	padding:0;
}
.highlight-yellow { 
	background-color: #fff; 
	padding:4px;	
	margin:0;
	font-weight:bold;
}
.searchDate {
	font-style:italic;
	font-size:8pt;
	color:#555;
}
.search-form p select {
	border:1px solid #555;
	font-size:12px;
}
.search-form select {
	float:right;
}
.search-form p input {
	border:1px solid #555;
	font-size:14px;
	padding:3px 4px 3px 4px;
	width:98%;
}
.search-form2 p input {
	border:1px solid #555;
	font-size:14px;
	padding:2px 4px 2px 4px;
	width:83%;
}
.search-form2 input.btn {
	margin-top:5px;
	border:1px solid #729ad5;	
	background-color:#4f81ca;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px 2px 2px 2px;
	text-transform:uppercase;
	float:right;
	margin-right:5px;	
}
.search-form div input {
	margin-top:5px;
	border:1px solid #729ad5;	
	background-color:#4f81ca;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px 2px 2px 2px;
	text-transform:uppercase;
}
.btn {
	margin-top:5px;
	border:1px solid #729ad5;	
	background-color:#4f81ca;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:1px 2px 1px 2px;
	
}
.search-form .limiter {
	width:50%;
}
/* SEARCH CSS END | FIN DU CSS DE RECHERCHE */
input.text, textarea.text {
	border:1px solid #555;
	font-size:13px;
	padding:1px 2px 1px 2px;	
	width:450px;
}
table.resTable td {
	border-top:1px solid #4f81ca;
}
#center {
	text-align:center;
}
.fact-form {
	background-color: #f4f4f4;
	padding: 8px 8px 8px 8px; 
	margin:0;
}
.fact-form p input {
	border:1px solid #555;
	font-size:14px;
	width:75%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
}
.fact-form h1 input {
	border:1px solid #555;
	font-size:14px;
	width:40%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
}
.fact-form h2 input {
	border:1px solid #555;
	font-size:14px;
	width:10%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
}

.fact-form .limiter {
	width:70%;
}

/**FAST FACTS**/

#ran1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	left: 5px;
	display:none;
}
div.right {
	float: right;
	width: 175px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;	
}
#boxes {
	float:right;
	height: auto;	
}

#box2 {
	margin-bottom:15px;
	background-image:url(../images/bottom.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#box2 h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-image: url(../images/boxtop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	text-indent: 8px;
	color: #FFF;
}
#box2 p {
	color: #000;
	padding-bottom: 8px;
	padding-right: 3px;
	padding-left: 5px;
	padding-top: 5px;
}
#box2 a {
	
	color: #00F;
}