/* CSS layout rules for all content areas */

/* begin Element rules */
p,
ul li,
.textFormatting {
	color: #76773B;
}
#ca p,
#ca ul li,
#ca .textFormatting {
	color: #8F7B6E;
}

.textFormatting {
	font-size: 1em; 
	line-height: 1.5em;
	text-align: left; /* compensates for an IE 6 bug */
	margin-top: 0;
	margin-bottom: 1.5em;	
	font-weight : normal;
}

a,
h3,

ul a,
ul a:visited,
.ttlColoured {
	color: #00ABD9;
}
#ca a,
#ca h3,
#ca ul a,
#ca ul a:visited,
#ca .ttlColoured     {
	color: #D68341;
}

h2,
h2 a,
h3 a,
h3 a:visited,
h4 {
	color: #42430E;
}
#ca h2,
#ca h2 a,
#ca h3 a,
#ca h3 a:visited,
#ca h4 {
	color: #5D2C17;
}

h3 {
	margin-top: 0;
}

a:hover {
	text-decoration: none;
}
ul a,
h3 a {
	text-decoration: none;
}
ul a:hover,
h3 a:hover {
	text-decoration: underline;
}

hr.loDivider {
	border-style: solid;
	border-width: 2px;
	height: 2px;
}	
/* end Element rules */


#contentContainer {   
	margin: 0;
}

#content2Col {
	float: right;
	margin-top: 30px;
	width: 450px;
	overflow: hidden;
}

/* begin Heading area */

#heading {
	width: 681px;
}
#heading h1.headingEn,
#heading h1.headingFr {
	float: left;
	width: 461px;
	display: inline;
	border-bottom: 0px;
	margin: 17px 0 14px 17px;
}
#heading h1.headingFr {
	width: 401px;
}





#heading #bookmarkContainerEn,
#heading #bookmarkContainerFr {/* and extra div is required here for IE to display correctly */
	float: right;
	display: inline;
	width: 170px;
	margin: 20px 17px 0px 0;
}
#heading #bookmarkContainerFr {
	width: 230px;
}


#heading ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}	
#heading ul li {
	padding-left: 15px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 1.8em;
	margin-bottom: 0.7em;
}

#heading ul li a {
	text-decoration: none;
	}
#heading ul li a:hover {
	text-decoration: underline;
	}
	
.headingLoc { background: #DEEEF4 url(/edu/images/loit/output/mc/bkgTtlCornersLoc.gif) no-repeat bottom left;color: #2589B5;}
.headingLoc h1,
.headingLoc h1 a,
.headingLoc h1 a:visited,
.headingLoc ul li a,
.headingLoc ul li a:visited {color: #2589B5;}
.headingLoc ul li { background-image: url(/edu/images/loit/output/mc/iconBookmark.gif); }

.headingLo { background: #ADAE97 url(/edu/images/loit/output/mc/bkgTtlCornersLo.gif) no-repeat bottom left;	color: #31320B;}
.headingLo h1,
.headingLo h1 a,
.headingLo h1 a:visited,
.headingLo ul li a,
.headingLo ul li a:visited   {color: #31320B;}
.headingLo ul li { background-image: url(/edu/images/loit/output/mc/iconBookmarkLo.gif); }

.headingLoa { background: #D8D9C5 url(/edu/images/loit/output/mc/bkgTtlCornersLoa.gif) no-repeat bottom left; color: #3C3D14;}
.headingLoa h1,
.headingLoa h1 a,
.headingLoa h1 a:visited,
.headingLoa ul li a,
.headingLoa ul li a:visited {color: #3C3D14;}
.headingLoa ul li { background-image: url(/edu/images/loit/output/mc/iconBookmarkLoa.gif); }

.headingDa { background: #EEEEE7 url(/edu/images/loit/output/mc/bkgTtlCornersDa.gif) no-repeat bottom left;	color: #606120;}
.headingDa h1,
.headingDa h1 a,
.headingDa h1 a:visited,
.headingDa ul li a
.headingDa ul li a:visited  {color: #606120;}
.headingDa ul li { background-image: url(/edu/images/loit/output/mc/iconBookmark.gif); }


#ca .headingLoc { background: #5D2C17 url(/edu/images/loit/output/ca/bkgTtlCornersLoc.gif) no-repeat bottom left; color: #CFC7B6; }
#ca .headingLoc h1,
#ca .headingLoc h1 a,
#ca .headingLoc h1 a:visited,
#ca .headingLoc ul li a,
#ca .headingLoc ul li a:visited  {color: #CFC7B6;}
#ca .headingLoc ul li {	background-image: url(/edu/images/loit/output/ca/iconBookmark.gif); }

#ca .headingLo { background: #D4CABC url(/edu/images/loit/output/ca/bkgTtlCornersLo.gif) no-repeat bottom left; color: #31320B; }
#ca .headingLo h1,
#ca .headingLo h1 a,
#ca .headingLo h1 a:visited,
#ca .headingLo ul li a,
#ca .headingLo ul li a:visited  {color: #31320B;}
#ca .headingLo ul li { background-image: url(/edu/images/loit/output/ca/iconBookmarkLo.gif); }

#ca .headingLoa { background: #E5DECF url(/edu/images/loit/output/ca/bkgTtlCornersLoa.gif) no-repeat bottom left; color: #31320B; }
#ca .headingLoa h1,
#ca .headingLoa h1 a,
#ca .headingLoa h1 a:visited,
#ca .headingLoa ul li a,
#ca .headingLoa ul li a:visited  {color: #31320B;}
#ca .headingLoa ul li { background-image: url(/edu/images/loit/output/ca/iconBookmarkLoa.gif); }

#ca .headingDa { background: #F4EDE3 url(/edu/images/loit/output/ca/bkgTtlCornersDa.gif) no-repeat bottom left;	color: #31320B; }
#ca .headingDa h1,
#ca .headingDa h1 a,
#ca .headingDa h1 a:visited,
#ca .headingDa ul li a,
#ca .headingDa ul li a:visited  {color: #31320B;}
#ca .headingDa ul li { background-image: url(/edu/images/loit/output/ca/iconBookmark.gif); }

h1 a {
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2 a {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}


/* end Heading area */


/* list related rules */

ul.icon {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.icon li {
	margin: 0;
	padding-bottom: 0.4em;
}

ul li.details {
	padding-left: 15px;
	background: url(/edu/images/loit/output/mc/iconDetails.gif) no-repeat 0 4px;
}
#ca li.details {
	background-image: url(/edu/images/loit/output/ca/iconDetails.gif);
}

li.print {
	padding-left: 20px;
	background: url(/edu/images/loit/output/mc/iconPrint.gif) no-repeat 0 4px;
}
#ca li.print {
	background-image: url(/edu/images/loit/output/ca/iconPrint.gif);
}

li.anchor {
	padding: 0 0 0 20px;
	background: url(/edu/images/loit/output/mc/iconAnchor.gif) no-repeat 0 0px;
}
#ca li.anchor {
	background-image: url(/edu/images/loit/output/ca/iconAnchor.gif);
}
li.browse {
	padding: 0 0 0 20px;
	background: url(/edu/images/loit/output/mc/Icon-browse.jpg) no-repeat 0 0px;
}
#ca li.browse {
	background-image: url(/edu/images/loit/output/ca/Icon-browse.jpg);
}

li.create {
	padding: 0 0 0 20px;
	background: url(/edu/images/loit/output/mc/Icon-create.jpg) no-repeat 0 0px;
}
#ca li.create {
	background-image: url(/edu/images/loit/output/ca/Icon-create.jpg);
}

li.interact {
	padding: 0 0 0 20px;
	background: url(/edu/images/loit/output/mc/Icon-interact.jpg) no-repeat 0 0px;
}
#ca li.interact {
	background-image: url(/edu/images/loit/output/ca/Icon-interact.jpg);
}

li.bookmark {
	padding-left: 15px;
	background: url(/edu/images/loit/output/mc/iconBookmark.gif) no-repeat 0 2px;
}
li.bookmarkLo {
	padding-left: 15px;
	background: url(/edu/images/loit/output/mc/iconBookmarkLo.gif) no-repeat 0 2px;
}
li.bookmarkLoa {
	padding-left: 15px;
	background: url(/edu/images/loit/output/mc/iconBookmarkLoa.gif) no-repeat 0 2px;
}
#ca li.bookmark {
	background-image: url(/edu/images/loit/output/ca/iconBookmark.gif);
}
#ca li.bookmarkLo {
	background-image: url(/edu/images/loit/output/ca/iconBookmarkLo.gif);
}
#ca li.bookmarkLoa {
	background-image: url(/edu/images/loit/output/ca/iconBookmarkLoa.gif);
}

li.back {
	padding-left: 12px;
	background: url(/edu/images/loit/output/mc/iconBack.gif) no-repeat 0 5px;
}
#ca li.back {
	background-image: url(/edu/images/loit/output/ca/iconBack.gif);
}

li.forward {
	padding-left: 12px;
	background: url(/edu/images/loit/output/mc/iconHome.gif) no-repeat 0 5px;
}
#ca li.forward {
	background-image: url(/edu/images/loit/output/ca/iconHome.gif);
}

li.language {
	padding-left: 12px;
	background: url(/edu/images/loit/output/mc/iconContact.gif) no-repeat 0 5px;
}
#ca li.language {
	background-image: url(/edu/images/loit/output/ca/iconContact.gif);
}

li.audio {
	padding-left: 22px;
	background: url(/edu/images/loit/output/mc/iconAudio.gif) no-repeat 0 2px;
}
#ca li.audio {
	background-image: url(/edu/images/loit/output/ca/iconAudio.gif);
}

li.video {
	padding-left: 22px;
	background: url(/edu/images/loit/output/mc/iconVideo.gif) no-repeat 0 2px;
}
#ca li.video {
	background-image: url(/edu/images/loit/output/ca/iconVideo.gif);
}

li.flash {
	padding-left: 22px;
	background: url(/edu/images/loit/output/mc/iconFlash.gif) no-repeat 0 2px;
}
#ca li.flash {
	background-image: url(/edu/images/loit/output/ca/iconFlash.gif);
}

li.transcript {
	padding-left: 15px;
	background: url(/edu/images/loit/output/mc/iconTranscript.gif) no-repeat 0 2px;
}
#ca li.transcript {
	background-image: url(/edu/images/loit/output/ca/iconTranscript.gif);
}
	
/* end list related rules */

/* misc. rules begin */

.opposing2Col {
	width: 450px;
	margin-bottom: 1em;
}
.opposing2ColLeft {
	float: left;
	width: 280px;
}
.opposing2ColRight {
	float: right;
	width: 140px;
}
.opposing2ColLeftFr {
	float: left;
	width: 240px;
}
.opposing2ColRightFr {
	float: right;
	width: 180px;
}

/* commented backslash hack (hide from Mac IE) \*/
.opposing2ColRight,
.opposing2ColRightFr {
	width: auto;	
}
/* end hack */

.opposing {
	width: 681px;
	margin: 15px 0 0 0;
	padding-bottom: 0;
}
.opposing h2,
.opposing h3 {
	margin-left: 16px;
}
.opposing h2 {
	margin-bottom: 0.5em;
}
.opposingLeft {
	float: left;
	width: 450px;
}
.opposingRight {
	float: right;
	width: 220px;
}
.opposingLeftFr {
	float: left;
	width: 380px;
}
.opposingRightFr {
	float: right;
	width: 290px;
}
/* commented backslash hack (hide from Mac IE) \*/
.opposingRight {
	width: auto;	
}
/* end hack */

.bottomBorder {
	border-bottom: 1px dotted #606120;
}
#ca .bottomBorder {
	border-bottom: 1px dotted #606120;
}

.locImage,
.daImage  {
	margin-bottom: 20px;
}



.noBorder {
	border-bottom: 0;
}
.marginBottom {
	margin-bottom: 1.3em;
}
.marginTop{
	margin-top: 1.3em;
}

.contentIndent {
	margin: 0 16px;
}

.contentLeft320 {
	float: left;
	width: 320px;
}
.contentRight280 {
	float: right;
	width: 280px;
}

.content2colLeft225 {
	float: left;
	width: 225px;
}
.content2colRight180 {
	float: right;
	width: 180px;
}

.copyright,
.copyrightHome {
	font-size: 0.9em;
	color: #B3B398;
	margin: 0.8em 0;
	display: block;
}
.copyrightHome {
	margin: 0;
}
.txtSmall {
	margin: 0.8em 0;
	display: block;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

/* see http://rd.ecentricarts.com/css/clearfloat/ for details and html */
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.printDisplay {
	display:none;
}
/* misc. rules ends */