/* MAIN DIV DEFINITION FOR ELEMENT LAYOUTS */
body {
	background-color: #363032;
	color: #000000;
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
}


#text p{

	font-size: 1em;

}

#right_top p{

	font-size: 1em;

}

li.copy p{

	font-size: 1em;

}



#images {
 	float: left;
	position: relative;
 	padding: 8px 10px 8px 10px;
}

#image_caption {
	position: relative;
	top: -27px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 0.9em;
}

.image_caption {
	position: relative;
	top: -27px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 0.9em;
}

#image_caption p{
	font-size: 1em;
}

#image_caption p {
	position: relative;
	top: 14px;
	margin-bottom: 14px;
}

*:first-child+html #image_caption p {top: 24px;} * html #image_caption p {top: 24px;}

#image_caption_0 {
	position: relative;
	top: -10px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 1.3em;
}

#image_caption_1 {
	position: relative;
	top: -8px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 1.3em;
}

#image_caption_2 {
	position: relative;
	top: -8px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 1.3em;
}

#image_caption_3 {
	position: relative;
	top: -8px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 1.3em;
}

#image_caption {
	position: relative;
	top: -27px; 
	width: 200px; 
	padding-left: 15px; 
	color: #363032; 
	line-height: 1.2; 
	font-size: 1.3em;
}



.image_caption p {
	font-size: 1em;
}

.image_caption p {
	position: relative;
	top: 14px;
	margin-bottom: 14px;
}

*:first-child+html .image_caption p {top: 24px;} * html .image_caption p {top: 24px;}

#text {
	float: left;
	width: 210px;
	position: relative;
	left: 5px;
	min-height: 436px;
	/*fix for IE6*/
	height: auto !important;
  	height: 436px;

}

#main_container {
	/*position: relative;*/
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E8E8E8;
	height:auto;
}

#top_banner {
	background-image: url(../images/common/bg_main_top_banner_new.gif);
	width: 752px;
	height: 72px;
	background-repeat:no-repeat;
}

#logo {
	padding-left: 20px;
	margin-top: 20px;
	float: left;
	width: 211px;
	height: 44px;
}

#menu_top {
	position: relative;
	float: left;
	height: 36px;
	background-color: #f47d1d;
	border-top: #fef2e8;
	padding-left: 106px;
	padding-top: 33px;
	z-index: 5;
}

#continue_btn {
	float:left;
	width:300px; 
	height:15px; 
	padding: 5px 0px 0px 0px;
	font-size: 1.5em !important;

}

#continue_btn a {
	color: #959595;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

#continue_btn a:hover {
	color: #333333;
}




#main_content {
	float: left;
	width: 484px;
	color: #000000;
	background-color: #ffffff;

}

#main_content_topband {
	width: 751px;
	height: 20px;
	background-color: #d1d1d1;
	padding-top: 4px;
	text-align: left;
	padding-left: 21px;
	font-weight: bold;
	font-size: small;
}

#menu_artifact {
	background-color: #e8e8e8;
	width: 123px;
	float: left;
	color: #000000;
	padding-top: 10px;
	min-height: 426px;
	/*fix for IE6*/
	height: auto !important;
  	height: 426px;
}

#menu_artifact_header {
	padding:0px 10px 5px 10px;
	color:#696969;
	font-weight:bold;
}

.menu_artifact_copy {
	padding:0px 10px 8px 13px;
	color:#98979d;
	font-size:9px;
}

#artifact
{
	position: relative;
	width: 103px; 
	height:	83px;
	padding: 10px;
}

#nav_page {
	float: left;
	padding-right: 25px;
	margin-top: 20px;
	width: 459px;
	height: 22px;
	background-color: #d1d1d1;
	color: #000000;
	text-align: right;
	border-top: 1px solid #ffffff;
}

#footer {
	background-color: #363032;
	/*height: 16px;*/
	width: 752px;
	margin-left: auto;
	margin-right: auto;
}

/*#footer_left {
	float: left;
	width: 145px;
	height: 23px;
	background-image:url(../images/common/footer_bottom_left.gif);
	background-repeat: none;
}

#footer_right {
	float: left;
	width: 123px;
	height: 23px;
	background-image:url(../images/common/new_footer_bottom_right.gif);
	background-repeat: none;
}*/

#footer_note {
	width: 752px;
	background-color: #363032;
	float: left;
	color: #989797;
	text-align: right;
	font-size:xx-small;
	padding-top: 4px;
}
#footer_note_fr {
	width: 752px;
	background-color: #363032;
	float: left;
	color: #989797;
	text-align: right;
	font-size:xx-small;
	padding-top: 4px;
}

* html #footer_note_fr {font-size: 0.8em;}

.cleared {
	clear: both;
	line-height: 0px;
}

/* LAYOUTS FOR MAIN INTRO */
#main_container_index {
	width: 752px;
	margin-left: auto;
	margin-right: auto;
}

#flash_intro_left {
	width: 387px;
	height: 503px;
	float: left;
	background: url(../images/en/new_bata_intro.jpg) no-repeat;
}
#flash_intro_left_fr {
	width: 387px;
	height: 503px;
	float: left;
	background: url(../images/fr/new_bata_intro.jpg) no-repeat;
}
#flash_intro_left p, #flash_intro_left_fr p {
	padding: 12px 20px 0px 20px;
}
div#flash_intro_left p.js_warning, div#flash_intro_left_fr p.js_warning p.description {
	font-size: 1.3em;
}


.description {
	font-size: 1.3em;
}




div#flash_intro_left a, div#flash_intro_left_fr a{
	color: #c80d1f;
	font-size: 1.5em;
}

#right_content {
	float: left;
	width: 364px;
	height: 503px;
	background-color:#FFFFFF;
}

#right_top_home {
	float:left;
	width:364px;
	padding:0 0 13px 0;
	background:#FFFFFF url(../images/common/intro_top_right.gif) no-repeat;
}

#culture_ca {
	float:left;
	margin:0;
	padding:14px 0 0 24px;
}

#canadian_heritage {
	float:left;
	margin:0;
	padding:7px 0 0 24px;
}

#bata_shoe_museum {
	float:left;
	margin:0;
	padding:6px 0 0 33px;
}


#right_text {
background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.1em;
	padding:14px 15px 13px 15px;
	line-height: 17px;

}

* html #right_text {line-height: 16px; padding:11px 24px 13px 24px;}

#flash_notice {
	float: left;
	font-size: xx-small;
	color: #666666;
	padding-top: 6px;
	padding-left: 14px;
}

#right_bottom_home {
	float:left;
	width:364px;
	height:126px;
	/*z-index: -1;
	position:relative;*/

}

#right_bottom_corner {
	float:left;
	width:364px;
	height:21px;
	margin:0;
	padding:0;
	font-size:9px;
	background:#FFFFFF url(../images/common/intro_bottom_right.gif) no-repeat;

}
#right_bottom_corner span{

	padding:0 0 0 24px;
	color:#b3b3b3;
}

#right_bottom_corner a {
	text-decoration:underline;
	color:#b4b4b4;
}
#right_bottom_corner a:hover {
	text-decoration:underline;
	color:#363032;
}

#menu_intro {
	position: relative;
	/*_top: -7px;*/
	height: 38px;
	background-color: #f47d1d;
	border-top: #fef2e8;
	padding-left: 40px;

}

#select_story_index {
	float: left;
	width: 203px;
	padding-left: 40px;
	position: absolute;
}

/* LAYOUTS FOR SUBMENU INTRO */

/* defines right content area on landing pages  */
#landing_container {
	float:left;
	width: 752px;
	background-color:#ffffff;
}

#right_subcontent {
	background-color: #ffffff;
	width:324px;
	float: left;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 25px;
	min-height: 429px;
	/*fix for IE6*/
	height: auto !important;
  	height: 429px;

}

#right_top {
	float: left;
	width: 316px;
	height: auto;
}

#right_bottom {
	float:left;
	width: 316px;
	height: 123px;
	padding-bottom: 10px;
border: medium double rgb(250,0,255);
}


/* WARNINGS */
#flash_warning {
	margin-left: 22px;
	width: 350px;
	padding-top: 47px;
}

/* New Photo Widgets */
ul.photo-large {
	width:222px; 
	list-style:none;
}

ul.photo-large li.top {
	width:222px;
	height:10px;
	overflow:hidden;
}

ul.photo-large li.icon {
	position:relative; 
	width:16px; 
	bottom:12px; 
	left:197px;
}

* html ul.photo-large li.bottom {
	margin-top:-2px;
}

ul.photo-large li.bottom {
	width:212px; 
	margin-bottom:-13px; 
	padding:0 0 12px 10px; 
	background:transparent url(../images/common/frames/large/photo_bottom_large.gif) bottom left repeat-y;
}

ul.photo-medium {
	width:174px; 
	list-style:none;

}

ul.photo-medium li.top {
	width:174px; 
	height:9px;
	overflow:hidden;
}

ul.photo-medium li.icon {
	position:relative; 
	width:16px; 
	bottom:13px; 
	left:147px;
}

ul.photo-medium li.bottom {
	width:159px; 
	margin-bottom:-13px; 
	padding:0 0 12px 13px; 
	background:transparent url(../images/common/frames/medium/photo_bottom_medium.gif) bottom left repeat-y;
}

.photo-sm-container {
	width:109px; 
	padding:0 0 0 8px;
}

.photo-sm-top {
	width:109px; 
	height:7px;
	overflow:hidden;
}

.photo-sm-icon {
	position:relative; 
	width:16px; 
	bottom:11px; 
	left:85px;
}

.photo-sm-bottom {
	width:101px; 
	margin-bottom:-13px; 
	padding:0 0 11px 8px; 
	background:transparent url(../images/common/frames/small/photo_bottom_small.gif) bottom left repeat-y;
}

/* Right Bottom Container */
ul.right_bottom {float:left; width:316px; height:123px; margin:0; padding:0; list-style:none;}
ul.right_bottom li {float:left; width:174px; margin:0; padding:0; display:inline;}
ul.right_bottom li.copy {width:132px; height:100%; position:relative; font-size:0.9em;}
ul.right_bottom li p {position:absolute; padding-left:10px;padding-bottom:10px; bottom:0; left:0;}


/*LANDING PAGE FLASH STYLING, INCLUDING WARNING MESSAGES*/
#flash_tradition_innovation, div#flash_perfect_pair, div#flash_our_boots, div#flash_chronicles, div#flash_styling {
	width: 378px;
	height: 475px;
	float: left;
}



div#flash_tradition_innovation p, div#flash_tradition_innovation a, div#flash_perfect_pair p, div#flash_perfect_pair a, div#flash_our_boots p, div#flash_our_boots a, div#flash_chronicles p, div#flash_chronicles_riches a {
	padding: 15px 15px 0px 15px;
	display:block;
}

div#flash_tradition_innovation p.js_warning, div#flash_perfect_pair p.js_warning, div#flash_our_boots p.js_warning, div#flash_chronicles p.js_warning {
	font-size: 1.3em;
}

div#flash_tradition_innovation a, div#flash_perfect_pair a, div#flash_our_boots a, div#flash_chronicles a {
	color: #c80d1f;
	font-size: 1.5em;
}

div#flash_tradition_innovation {
	background: url(/images/common/tradition_innovation/000_landing_page/tradition_innovation.jpg) no-repeat;
}

div#flash_perfect_pair {
	background: url(/images/common/perfect_pair/000_landing_page/perfect_pair.jpg) no-repeat;
}

div#flash_our_boots {
	background: url(/images/common/our_boots/000_landing_page/our_boots.jpg) no-repeat;
}

div#flash_chronicles {
	background: url(/images/common/chronicles/000_landing_page/chronicles.jpg) no-repeat;
}

/* Classes for Teachers Resources CSS */
#full-bleed {float:left; width:464px; margin:0; padding:8px 10px 8px 10px;}

#full-bleed P{
	font-size: 1em;
}

#full-bleed li{
	font-size: 1em;
}

ul.print {float:right; width:200px; padding-top:13px;list-style:none;}
ul.print li {margin:0; padding:0; display:inline;}
ul.print li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/print.gif) 0 0 no-repeat; padding:1px 0 10px 20px;}
ul.print li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

ul.print2 {float:right; width:200px;padding-bottom:13px; padding-top:13px;  list-style:none;}
ul.print2 li {margin:0; padding:0; display:inline;}
ul.print2 li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/print.gif) 0 0 no-repeat; padding:1px 0 10px 20px;}
ul.print2 li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}


ul.print_pdf {float:right; width:140px; padding-top:13px; list-style:none;}
ul.print_pdf li {margin:0; padding:0; display:inline;}
ul.print_pdf li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/download.gif) 0 0 no-repeat; padding:1px 0 10px 20px;}
ul.print_pdf li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

ul.print-bottom {float:left; padding-top:13px; list-style:none;}
ul.print-bottom li {margin:0; padding:0; display:inline;}
ul.print-bottom li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/print.gif) 0 0 no-repeat; padding:1px 0 10px 20px;}
ul.print-bottom li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

ul.download {padding:5px 0 5px 0; list-style:none;}
ul.download li {margin:0; padding:0; display:inline;}
ul.download li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/download.gif) no-repeat; padding:1px 0 10px 20px;}
ul.download li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

ul.adobe {padding:15px 0 5px 0; list-style:none;}
ul.adobe li {margin:0; padding:0; display:inline;}
ul.adobe li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/pdf.gif) no-repeat; padding:1px 0 10px 20px;}
ul.adobe li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

ul.adobe-list {padding:15px 0 5px 0; list-style:none;font-size:.7em;}
ul.adobe-list li {margin:0; padding:0; display:inline;}
ul.adobe-list li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/pdf.gif) no-repeat; padding:1px 0 10px 20px;}
ul.adobe-list li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

/* ul.adobe-list {margin:0; padding:10px 0 0 0; list-style:none;}
ul.adobe-list li {margin:0; padding:0; display:inline;}
ul.adobe-list li a {color:#989797; font-weight:bold; text-decoration:underline; background: url(../images/common/icons/pdf.gif) no-repeat; padding:1px 0 10px 20px;}
ul.adobe-list li a:hover {color:#696969; font-weight:bold; text-decoration:underline;}

*/

ul.list-activities {margin:0; padding:10px 0 15px 0; list-style:none;}
ul.list-activities li {margin:0; padding:0 0 5px 0;}
ul.list-activities li a {color:#989797; text-decoration:underline; background: url(../images/common/icons/arrow_right.gif) 0 2px no-repeat; padding:0 0 10px 10px;}
ul.list-activities li a:visited {color:#989797; text-decoration:underline;}
ul.list-activities li a:hover {color:#696969; text-decoration:underline;}

ul.back-to-top {margin:0; padding:10px 0 15px 0; list-style:none;}
ul.back-to-top li {margin:0; padding:0;}
ul.back-to-top li a {color:#989797; text-decoration:underline; background: url(../images/common/icons/arrow_top.gif) 0 5px no-repeat; padding:0 0 10px 15px;}
ul.back-to-top li a:visited {color:#989797; text-decoration:underline;}
ul.back-to-top li a:hover {color:#696969; text-decoration:underline;}

table.worksheet {float:left; width:464px; margin:10px 0 10px 0; padding:0; border-top:1px solid #696969; border-left:1px solid #696969;}
table.worksheet tr {margin:0; padding:0;}
table.worksheet tr.img {margin:0 auto; padding:0; text-align:center; border-bottom:none;}
table.worksheet td {width:230px; margin:0; padding:10px; border-right:1px solid #696969; border-bottom:1px solid #696969;}
table.worksheet th {width:230px; margin:0; padding:10px; border-right:1px solid #696969; border-bottom:1px solid #696969;}
table.worksheet td.none {border-bottom:none;}

table.shoe {float:left; width:464px; margin:10px 0 10px 0; padding:0;}
table.shoe tr {margin:0; padding:0;}
table.shoe tr.img {margin:0 auto; padding:0; text-align:center;}
table.shoe td {width:230px; margin:0; padding:0 10px 10px 0;}
table.shoe th {width:230px; margin:0; padding:0 10px 10px 0;}

table.flags {float:left; width:464px; margin:10px 0 10px 0; padding:0;}
table.flags tr {margin:0; padding:0;}
table.flags tr.img {margin:0 auto; padding:0; text-align:center;}
table.flags td {width:230px; margin:0; padding:0 10px 10px 0;}
table.flags th {width:230px; margin:0; padding:0 10px 10px 0;}

ul.ideas-list {float:left; width:464px; margin:0; padding:0; list-style:none;}
ul.ideas-list li {float:left; width:120px; margin:0; padding-right:25px;}
ul.ideas-list li ul {margin:0; padding:0;}
ul.ideas-list li ul li {margin:0; padding:0; list-style:none;}

li.activity {margin:10px; padding:0; list-style-type: disc;list-style-position: inside;}

ul.shoe-list {margin:0; padding:0 0 10px 0; list-style:none;}
ul.shoe-list li {display:inline;}

.img-container {margin:0; padding:10px 0 20px 0;}

ul.dene-list {float:left; width:145px; padding-bottom:20px;}
ul.dene-list li {}
ul.dene-list li.title {padding-bottom:5px; font-weight:bold; font-size:12px; list-style:none;}

ul.close-list {float:right; margin:0; padding:15px 0 0 0; list-style:none;}
ul.close-list li {float:left; margin:0; padding:0; display:inline;}
ul.close-list li a {background:url(../images/common/icon_close.gif) 0 2px no-repeat; padding-left:15px;}

/* Misc. */
.right {text-align:right;}
.center {text-align:center;}
hr {margin-bottom:15px; border-top:1px solid #696969;}
.list-none {list-style:none;}