@import url("reset.css");
@import url("fonts.css");


/*  GLOBAL
--------------------------------------------------------------------*/
.clearfix:after, .content:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix, .content {display:inline-block;}
.clearfix, .content {zoom:1; display:block;}


/*  CMC Header and Footer
--------------------------------------------------------------------*/
/******START MAIN_PARENT ***********/
#menu-top {
    position:absolute;
    top:71px;
    left: 50%;
    margin-left: -482px;
    width: 1000px;
    z-index:11;
    font-family:AvenirLTStd85Heavy,Arial;
    font-size:14px;
    text-transform:uppercase;
}
#menu-top li {
    position: relative;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    list-style: none;
}

#menu-top li a {
    color: #333;
    text-decoration: none;
    display:block;
    float: left;
    height:30px;
    padding-left:10px;
}
#menu-top li .bg-item-left {
    float: left;
    height:30px;
    width: 10px;
}

#header .logo, #header .logo_f {
    float: left;
    margin-top: 15px;
    margin-left:15px;
}

#header .war_logo, #header .war_logo_f {
    float: left;
    margin-top: 10px;
    margin-left:15px;
}

#header .bg-left, #header .bg-center, #header .bg-right {
    height: 100px;
}

#header .bg-left {
    background-color: #F9F7EB;
    float: left;
}

#header .bg-center {
    position: absolute;
    left: 49%;
    top: 0px;
    width: 960px;
    margin-left: -475px;
}

#header .bg-right {
    background-color: #D7D4C6;
    width: 50%;
    float: right;
}

#header .search-form {
    float: right;
    margin-top: 25px;
}

#header .search-form .search-input-bg, #header .search-form .search-input-bg input, #header .search-form .search-input-bg-f, #header .search-form .search-input-bg-f input {
    width: 192px;
    height: 27px;
}

#header .search-form .search-input-bg input {
    line-height: 27px;
    text-indent: 5px;
    background: transparent url("/headers/images/search_text.png") 6px 5px no-repeat;
    font-family: AvenirLTStd85Heavy, Arial;
    font-size: 14px;
    color: #666666;
}
#footer {
    position: relative;
    clear: both;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px;
}
#footer .bg-left, #footer .bg-center, #footer .bg-right {
    height: 99px;
    margin-bottom:10px;
}

#footer .bg-left {
    width: 49%;
    float: left;
}

#footer .bg-right {
    width: 49%;
    float: right;
}

#footer .bg-center {
    position: absolute;
    left: 49%;
    top: 10px;
    z-index: 10;
    width: 960px;
    margin-left: -460px;
}
#footer .icons, #footer .box-right {
    margin-top: 45px;
}
#footer .icons {
    float: left;
}
#footer .icons a {
	width: 39px;
	height: 39px;
	display: block;
	float: left;
	margin-left: 5px;
	text-indent: -10000px;
	background: url("/headers/images/icons.png") 0 0 no-repeat;
}
#footer .icons a.twitter-btn {
	margin: 0;
	background-position: 0 0;
}
#footer .icons a.twitter-btn:hover {
	background-position: -39px 0;
}
#footer .icons a.facebook-btn {
	background-position: 0 -39px;
}
#footer .icons a.facebook-btn:hover {
	background-position: -39px -39px;
}
#footer .icons a.rss-btn {
	background-position: 0 -78px;
}
#footer .icons a.rss-btn:hover {
	background-position: -39px -78px;
}
#footer .icons a.mobile-btn {
	background-position: 0 -117px;
}
#footer .icons a.mobile-btn:hover {
	background-position: -39px -117px;
}
#footer .icons a.flickr-btn {
	background-position: 0 -157px;
}
#footer .icons a.flickr-btn:hover {
	background-position: -39px -157px;
}
#footer .icons a.youtube-btn {
	background-position: 0 -196px;
}
#footer .icons a.youtube-btn:hover {
	background-position: -39px -196px;
}


#footer .box-right {
    float: right;
    margin-right: 20px;
}
#footer .box-right img {
    margin-left: 10px;
}
#footer .box-bottom {
    margin:10px auto;
    padding:0 15px;
    width:930px;
}
#footer .box-bottom span {
    float: left;
}
#footer .box-bottom img {
    float: right;
}



#header .search-form .search-input-bg-f input {
    line-height: 27px;
    text-indent: 5px;
    background: transparent url("/headers/images/search_text_f.png") 6px 5px no-repeat;
    font-family: AvenirLTStd85Heavy, Arial;
    font-size: 14px;
    color: #666666;
}
#header .submit-btt {
    margin-right: 5px;
}
#header .submit-btt, #header .submit-btt .right, #header .submit-btt .center, #header .submit-btt .left {
    float: left;
}
#header .submit-btt .left {
    padding-left: 4px;
    background: transparent url("/headers/images/bg_btt_search_left.png") top left no-repeat;
	left:2px;
}
#header .submit-btt .right {
    padding-right: 4px;
    background: transparent url("/headers/images/bg_btt_search_right.png") top right no-repeat;
}
#header .submit-btt .center {
    background: transparent url("/headers/images/bg_btt_search_center.png") top left repeat-x;
}
#header .submit-btt .left:hover {
    background-image: url("/headers/images/bg_btt_search_left_hover.png");
}
#header .submit-btt .right:hover {
    background-image: url("/headers/images/bg_btt_search_right_hover.png");
}
#header .submit-btt .center:hover {
    background-image: url("/headers/images/bg_btt_search_center_hover.png");
}
#header .hover .left {
    background-image: url("/headers/images/bg_btt_search_left_hover.png");
}
#header .hover .right {
    background-image: url("/headers/images/bg_btt_search_right_hover.png");
}
#header .hover .center {
    background-image: url("/headers/images/bg_btt_search_center_hover.png");
}
#header .submit-btt input, #header .submit-btt button {
    font-family: AvenirLTStd85Heavy, Arial;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    height: 30px;
    margin-top:-1px;
    padding: 0 5px;
    border: none;
    background-color: transparent;
}


/******END MAIN_PARENT ***********/
/******START MICROSITE ***********/
#header {
	background: #F9F6EA;
	position:relative;
}
#header .bg-left, #header .bg-center, #header .bg-right {
	height: 70px;
}
#header .logo, #header .logo_f {
	margin-top: 10px;
}
#header .search-form {
	margin-top: 20px;
}
#header .menu-text {
	font-family: AvenirLTStd85Heavy, Arial;
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	margin: 6px 15px;
}
#header .search-form .menu-text ul li {
	display: block;
	float: right;
	margin: 0px 3px;
}
#header .menu-text #menu-top{
	display: block;
    float: left;
    margin: 0px;
    top: -6px;
    left: 7px;
    position: relative;
    width: 450px;
    z-index: 1;
}
#header .menu-text #menu-top li a {
    height: 44px;
}
#header .menu-text #menu-top li.hover a {
	background: url("/headers/images/bg_menu_top_item_hover.png") no-repeat scroll left top transparent;
}
#header .menu-text #menu-top li.hover .item a {
	background: none;
}
#header .menu-text #menu-top .item .text {
	width:150px;
	text-transform:none;
}
#header .menu-text #menu-top li.hover .bg-item-left {
	background: url("/headers/images/bg_menu_top_item_hover.png") no-repeat scroll right top transparent;
	height: 44px;
}
#header .menu-text #menu-top .sub-box{
	top: 44px;
}
#header .menu-text #menu-top .sub-box .center {
	width: 200px;
}
#header .menu-text .sidearrow {
	background: url("/headers/images/icon_arrow_left.png") no-repeat scroll left transparent;
}
#header .menu-text #menu-top .sub-box .dark-line {
    height: 0px;
}
#header .bg-center {
    background: transparent url("/headers/images/bg_header.png") 156px 0px no-repeat;
}
.bg-center .logo {
	background: url('/headers/images/logo.png') top center; 
	width: 278px;
	height: 42px;
}
.bg-center .logo_f {
	background: url('/headers/images/logo_f.png') top center; 
	width: 278px;
	height: 42px;
}

#footer {
    clear: both;
    margin-bottom: 10px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#footer .bg-left, #footer .bg-center, #footer .bg-right {
    height: 99px;
    margin-bottom: 10px;
}
#footer .bg-left {
    background: url("/headers/images/bg_footer_left.png") repeat-x scroll 0 0 transparent;
    float: left;
    width: 49%;
}
#footer .bg-right {
    background: url("/headers/images/bg_footer_right.png") repeat-x scroll 0 0 transparent;
    float: right;
    width: 49%;
}
#footer .bg-center {
    background: url("/headers/images/bg_footer_center.png") no-repeat scroll 100px 0 transparent;
    left: 49%;
    margin-left: -460px;
    position: absolute;
    top: 20px;
    width: 960px;
    z-index: 10;
}
#footer .icons, #footer .box-right {
    margin-top: 45px;
}
#footer .box-right {
    margin: 50px 20px 0 0;
}

#footer div#footertext {
    background: url("/headers/images/footer_text.png") repeat scroll center center transparent;
    float: left;
    height: 36px;
    margin-left: 10px;
    padding: 0;
    width: 173px;
}

#footer div#footertext-f {
    background: url("/headers/images/footer_text_f.png") repeat scroll center center transparent;
    float: left;
    height: 36px;
    margin-left: 10px;
    padding: 0;
    width: 173px;
}

#footer .box-right .donate {
    background: url("/headers/images/btt_donate.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 33px;
    width: 72px;
}

#footer .box-right .donate-f {
    background: url("/headers/images/btt_donate_f.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 33px;
    width: 72px;
}

#footer div#footercanada {
    background: url("/headers/images/canada.png") repeat scroll center center transparent;
    float: right;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 78px;
}

#footer .box-right button {
	display: block;
	float: left;
	position:relative;
	background: #D96609;
    border:none;
	font-family: "AvenirLTStd85Heavy", Arial;
	font-size:14px;
	text-transform:uppercase;
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
	height:36px;
    overflow:visible;
	padding-bottom:2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #882200 0px 2px 3px;
	-moz-box-shadow: #882200 0px 2px 3px;
	box-shadow: #882200 0px 2px 3px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9B359), to(#D96609));
	background: -webkit-linear-gradient(#F9B359, #D96609);
	background: -moz-linear-gradient(#F9B359, #D96609);
	background: -ms-linear-gradient(#F9B359, #D96609);
	background: -o-linear-gradient(#F9B359, #D96609);
	background: linear-gradient(#F9B359, #D96609);
	-pie-background: linear-gradient(#F9B359, #D96609);
	behavior: url(/wp-content/themes/main-parent/PIE.htc);
}

#footer .box-right button:hover {
	position:relative;
	background:#BA5807;
	color:#E9CD9E;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow:inset #5E2D04 0px 2px 3px;
	-moz-box-shadow:inset #5E2D04 0px 2px 3px;
	box-shadow:inset #5E2D04 0px 2px 3px;
	-pie-background: linear-gradient(#5E2D04, #D96609);
	behavior: url(/wp-content/themes/main-parent/PIE.htc);
}

.copyw a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:0; margin-top:10px; color:#333; text-decoration:none}

/******END MICROSITE ***********/
.cmcheader { height: 70px; margin:auto; background-image:url(/confederationdress/images/cmc/cmcheaderbkg.jpg); }
.cmcheaderlogo { margin:auto; width:960px; height:70px; background-image:url(/confederationdress/images/cmc/cmcheaderlogo.jpg) }
.cmcheaderlogo-f { margin:auto; width:960px; height:70px; background-image:url(/confederationdress/images/cmc/cmcheaderlogo_f.jpg) }
.cmccontent { margin:auto; width:960px; padding: 40px 0; }
.cmcfooter { height: 99px; margin:auto; background-image:url(/confederationdress/images/cmc/cmcfooterbkg.jpg); }
.cmcfooterbrand { margin:auto; width:960px; height:99px; background-image:url(/confederationdress/images/cmc/cmcfooter.jpg) }
.cmcfooterbrand-f { margin:auto; width:960px; height:99px; background-image:url(/confederationdress/images/cmc/cmcfooter_f.jpg) }
.cmclanguage { width: 90px; text-align:center; padding: 24px 0 0 857px;}
.cmclanguage a, .cmclanguage a:visited { color:#666; font-size:.8em; text-decoration:none; font-weight:bold; }
.cmclanguage a:hover { text-decoration: none; color:#000;}


/*  LAYOUT
--------------------------------------------------------------------*/
body {color:#222; margin:0; padding:0; font:14px Georgia, Times, serif;}
a {color:#248a8e;}
p {padding:0 20px 15px 0; margin:0; line-height:1.6em;}

h1, h2, h3, h4 {font-family:Georgia, serif;}

h1 {font-size:24px; color:#7eaca3; padding:20px 0 15px; margin:0;}
h1.alternate {font-size:30px; color:#375555; height:230px; margin:40px 200px 0 0;}
h2 {font-size:14px; padding:0; margin:0;}
h3 {font-size:14px; color:#777; padding:5px 0 5px; margin:0;}

hr.bgCircle {clear:both; display:block; height:10px; background:url('/confederationdress/images/bgCircle.png') repeat-x top left; border:0; margin:0; padding:0;}

div#page {width:956px; margin:0 auto; overflow:hidden;}
    div#header2 {position:relative; border-top:3px solid #fff;}
    div#header2 hr.bgCircle {position:absolute; left:0; bottom:-9px; width:100%;}
    div#header2 a#logo {display:block;}
    div#header2 a#logo img {display:block;}
    div#header2 table#nav {background:#7eaca3; margin:0; padding:0; overflow:hidden; width:100%; height:auto; clear:both;}
    div#header2 table#nav td {text-align:center; vertical-align:middle; padding:0;}
    div#header2 table#nav td a {font-family:'LmRomanBold', Georgia, serif; display:block; font-size:13px; line-height:1.1em; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; padding:10px 13px 12px;}
    div#header2 table#nav td.active, div#header2 table#nav td.active:hover, div#header2 table#nav td:hover {background:#333;}
    
    div#content {min-height:500px; padding:0 0 40px; background:#fcfaf3 url('/confederationdress/images/bgContent.jpg') no-repeat 0 -50px;}
    div#content.women {background:#fcfaf3 url('/confederationdress/images/bgWomen.jpg') no-repeat 0 0;}
    div#content.men {background:#fcfaf3 url('/confederationdress/images/bgMen.jpg') no-repeat 0 0;}
    div#content.children {background:#fcfaf3 url('/confederationdress/images/bgChildren.jpg') no-repeat 0 0;}
    div#content.working {background:#fcfaf3 url('/confederationdress/images/bgWorking.jpg') no-repeat 0 0;}
    div#content.play {background:#fcfaf3 url('/confederationdress/images/bgPlay.jpg') no-repeat 0 0;}
    div#content.teachers{background:#fcfaf3 url('/confederationdress/images/bgPlay.jpg') no-repeat 0 0;}
    div#content.thedelineator {background:#fcfaf3 url('/confederationdress/images/bgDelineator.jpg') no-repeat 0 0;}
    div#content.introbiblio {background:#fcfaf3 url('/confederationdress/images/bgBibliographie.jpg') no-repeat 0 0;}
    
        div#contentLeft {float:left; width:300px; min-height:200px;}
        div#contentLeft h3 {text-transform:uppercase; color:#7eaca3; border-bottom:4px double #7eaca3;}
        
        div.sideCatalogues, div.sideDress360, div#sideArchives {margin:0 0 30px 10px;}
        div.sideCatalogues {margin-bottom: 30px;}
        div.sideDress360 {margin-top:25px;}
        
        div#contentLeft div.sideCatalogues a {text-decoration:none}
        div#contentLeft div.sideCatalogues img {display:block; width:100px; float:left; margin-right:20px;}
        div#contentLeft div.sideCatalogues h3 {margin-bottom:10px}
        div#contentLeft div.sideCatalogues h4  a{float:left; font-size:1.1em; color:#4A7678; margin-bottom:0.3em; margin-top:0.5em;}
        div#contentLeft div.sideCatalogues p {float:left; width:170px; padding: 0 0 0.8em 0; line-height:1.1em; color:#666;}
		div#contentLeft div.sideCatalogues p a {color:#333;}
		div#contentLeft div.sideCatalogues p a span {color:#666}

	div#contentLeft div.contentShare {clear:both;}
	div#contentLeft div.contentShare {margin:10px 10px 0; clear:both;}
	div#contentLeft div.contentShare div.shareFb {margin:15px 0 0 5px;}
	div#contentLeft div.contentShare a {font:14px/35px Georgia, serif; display:block; float:none; text-decoration:none; color:#222; padding:5px 0 5px 45px;}
	div#contentLeft div.contentShare a:hover {text-decoration:underline;}
	div#contentLeft div.contentShare a.addthis_button_email {background:url('/confederationdress/images/iconEmail.png') no-repeat left 5px;}
	div#contentLeft div.contentShare a.addthis_button_print {background:url('/confederationdress/images/iconPrint.png') no-repeat left 2px;}
	div#contentLeft div.contentShare a img {display:none;} /* fix sharethis */


        div.sideDress360 div.hold {background:#e6f0e7; margin:8px 0 0; padding:5px 0 15px; position:relative;}
        div.sideDress360 a {text-decoration:none;}
        div.sideDress360 a span.icon360 {position:absolute; top:10px; left:8px; color:#fff; font-weight:bold; background:#edc53e url('/confederationdress/images/icon360.png') no-repeat top; font-size:14px; padding:45px 10px 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}
        div.sideDress360 img {display:block; margin:0 auto;}
        div.sideDress360 a.link360 {display:block; float:left; margin:10px 5px 0 5px; background:#7eaca3; color:#fff; cursor:pointer; padding:4px 6px 5px; -webkit-border-radius:10px; -moz-border-radius:10px;}
        div.sideDress360 a.active {background:#edc53e;}


/*  Modal Inline
--------------------------------------------------------------------*/
        #page div#description360 {display:none;}
        div#description360 {width:500px; padding-top: 30px;}
        
        div#sideArchives {clear: both}
	    div#sideArchives ul {display:block; margin:5px 0 0;}
        div#sideArchives li {display:block; float:left; margin:4px 3px 0; width:65px; height:90px; overflow:hidden;}
        div#sideArchives li img {max-width:65px;}
        
        div#contentRight div.imgWrap {border: 1px solid #ddd;padding: 6px; position: relative; max-width: 300px; background-color:#fff;}
    	div#contentRight div.imgWrap img {max-width: 300px;max-height: 300px;}
    	div#contentRight div.imgWrap.small img {max-width: 200px; max-height: 250px;}
    	div#contentRight div.imgWrap p {font-size:0.9em; color: #333; line-height:1.2em; max-width:175px; margin:0 auto; text-align:center; padding:0}
        div#contentRight div.imgWrap p span {display:block; font-size:0.8em; color:#999; font-family:Helvetica, Arial, sans-serif; padding-top:0.3em}
    	div#contentRight div.imgWrap.wide p { max-width: none} 
    	div#contentRight div.imgWrap.right {margin: 0 20px 20px 15px; float: right;}
    	div#contentRight div.imgWrap.left {float: left; margin: 0 15px 20px 0;}
    	  div#contentRight div.link_biblio_credit {border-top:1px dotted #C0C0C0;padding-top:10px;margin-top:20px}
        div#contentRight a#biblio { color:#248A8E; text-decoration:underline; margin-right: 20px;  padding-top: 10px; margin-top: 20px; }
        div#contentRight a#biblio:hover {text-decoration:underline;}
        
        div#contentRight {float:right; width:630px; padding-top:0px;}
    	div#contentRight p {padding:0 20px 10px 0; margin-top:5px;}
    	div#contentRight ul {padding:0 0 5px 30px;}
    	div#contentRight ul li {list-style-type:disc; padding:5px 10px 10px 0;}
    	div#contentRight p  a.modal {padding:0 15px 0 0; cursor:pointer; color:#248A8E; text-decoration:underline; background: url('/confederationdress/images/iconMagGlass.png') no-repeat right center; margin: 0 2px; white-space:nowrap;}
        div#contentRight a.artefact_detail.hidden {display:none}

        div.thedelineator div#contentRight p.description {margin-bottom:30px;}
        div#contentRight div.delineator {float: left; margin:0 40px 30px 0; overflow:hidden;}
        div#contentRight div.delineator h3 {color:#525252; font-size:16px; font-style:italic;}
        div#contentRight div.delineator a {text-decoration:underline;}
        div#contentRight div.delineator p {color: #999;text-decoration:none; margin:0; padding:0;}
    
    div#pfooter {background:#fff url('/confederationdress/images/bgCircle.png') repeat-x top; padding:20px 0 10px;overflow:hidden; clear:both;}
    
    div#forwardnextpage {padding:20px 0 20px 0; margin-right:20px; font-size:1.1em; clear:both;}
    div#forwardnextpage .left {float:left; padding:0 10px 0 30px; background:url(/confederationdress/images/itemPrev.png) left bottom no-repeat; text-decoration:none;}
    div#forwardnextpage .right {float:right; padding:0 30px 0 10px; background:url(/confederationdress/images/itemNext.png) right bottom no-repeat; text-decoration:none; text-align:right;}
    div#forwardnextpage .left span,
    div#forwardnextpage .right span {display:block; text-transform:uppercase; color:#666; font-size:0.8em;}


div#introLinkWrap {background-image: url(/confederationdress/images/bgLarge.jpg)}
h2.introLink a {display:block; float:left; width:238px; height:316px; padding:0 0 10px 1px; background:url(/confederationdress/images/headerPeople.png) no-repeat bottom; text-decoration:none; text-align:center;}
h2.introLink:hover a{background-color: #fdfaf5}
h2.introLink a span{text-transform: uppercase; opacity:.7; color:#222; font-size:16px; margin:280px 0 0; padding:0; display:inline-block; }
/* h2.introLink a span {font-size:.9em;} */
h2.introLink a b {color:#222; padding-right:22px; background:url('/confederationdress/images/linkMore.png') no-repeat right 4px;}
h2.introWomen a{background-position: 4px bottom;}
h2.introMen a{background-position: -236px bottom;}
h2.introChildren a{background-position: -475px bottom;}
h2.introWorking a{background-position: -713px bottom;}

ul#navSidebar {display:block; float:left; width:240px; height:310px; margin:0; padding:0;}
ul#navSidebar li {display:block; text-transform:uppercase;}
ul#navSidebar li.title {padding:15px 0 5px 10px; margin:10px 0 10px; line-height:1.1em !important; font:20px 'LmRomanBold', Georgia, serif; color:#7eaca3; border-bottom:4px double #7eaca3;}
ul#navSidebar li a {font-size:12px; text-decoration:none; color:#222; display:block; line-height:1em; padding: 0.5em 0 0.5em 10px;}
ul#navSidebar li a:hover {text-decoration:underline;}
ul#navSidebar li.active a {font-size:13px; font-weight:bold; color:#ef6765; background:#fcfaf3; line-height:1.1em; padding:.2em 0 .2em 10px; text-decoration:none; margin-bottom:.2em;}

ul#navSidebar li ul {margin-left:11px; display:none;}
ul#navSidebar li.active ul {display: block}
ul#navSidebar li li a {text-transform:none;}
ul#navSidebar li li a:hover {}
ul#navSidebar li.active li a { background: 0; font-size:13px; color:#222; font-weight:normal; margin-left: 2px;}
ul#navSidebar li.active li.active a {color:#000; font-weight: bold; border-left:2px dotted #ef6765; margin-left: 0;}



div#galleryArtefacts {position:relative; display:block; padding:30px 0 0 0; margin:10px 0 10px 0 ; background: #ececdf url('/confederationdress/images/bgLarge.jpg') top right repeat;}
div#galleryArtefacts ul {display:block; float:left; width:620px; height:230px; padding:0; margin:0;}
div#galleryArtefacts ul li {width:620px; float:left; display:block; padding:0; margin:0; height:230px; background:none !important;}
div#galleryArtefacts ul li div.itemArtefact {float:left; width:140px; padding:4px; margin-right:3px; margin-left:3px;}
div#galleryArtefacts ul li div.itemArtefact:hover {border:4px solid #fff; padding:0;}
div#galleryArtefacts ul li div.itemArtefact img {max-width:140px; display:block; max-height:210px; height:210px;}
div#galleryArtefacts div.galleryInfo {position:absolute; top:10px; right:0; font-weight:bold; color:#222; float:right; margin:0 15px 0 0;}
    #viewall, #viewless, #galleryCounter {display:block; float:left; margin:0 0 5px 10px; padding-left:10px;}
div#galleryArtefacts div.galleryInfo div.counter {float:left;}
div#galleryArtefacts div.galleryInfo div.counter a {text-decoration:none; color:#7eaca3;}
div#galleryArtefacts div.galleryInfo div.counter a:hover {color:#248a8e;}
div#galleryArtefacts span#nextArtefact, div#galleryArtefacts span#prevArtefact {display:block; float:left; width:25px; height:20px; background:url('/confederationdress/images/itemNext.png') no-repeat; cursor:pointer;}
div#galleryArtefacts span#prevArtefact {background-image:url('/confederationdress/images/itemPrev.png');}

div#galleryArtefacts span#nextArtefact.inactive,
div#galleryArtefacts span#prevArtefact.inactive {opacity:.3; filter:alpha(opacity=30);}

div#galleryArtefacts div.BottomGallery {position:absolute; display:block; bottom:-10px; left:0; width: 631px; height:10px; background: url('/confederationdress/images/bgContentBottomBorderGallery.jpg') no-repeat;}

/* gallery Archives
--------------------------------------------------------------------*/
div#carrouselDelineator {clear:both;}
div#galleryDelineator {position:relative; display:block; margin:10px 0 10px 0 ; }
div#galleryDelineator ul {display:block; float:left; width:300px; height:145px; padding:0; margin-left: 10px;}
div#galleryDelineator ul li {width:300px; float:left; display:block; padding:0; margin:0; height:140px; background:none !important;}
div#galleryDelineator ul li div.itemDelineator {float:left; width:90px; margin: 0 5px 5px 0; padding:0;}
/*div#galleryDelineator ul li div.itemDelineator:hover {border:1px solid #7eaca3; padding:0; }*/
div#galleryDelineator ul li div.itemADelineator img {max-width: 90px; display: block; max-height: 135px; height: 135px; margin-bottom: 5px;}
div#galleryDelineator div.galleryInfo {font-weight:bold; color:#222; margin:0 15px 0 10px;}
    #viewall2, #viewless2, #galleryCounter2 {display:block; float:left; margin:0 0 5px 5px; padding-left:5px;}
div#galleryDelineator div.galleryInfo div.counter {float:right;}
div#galleryDelineator div.galleryInfo div.counter a {text-decoration:none; color:#7eaca3;}
div#galleryDelineator div.galleryInfo div.counter a:hover {color:#248a8e;}
div#galleryDelineator span#nextDelineator, div#galleryDelineator span#prevDelineator {display:block; float:left; width:25px; height:20px; background:url('/confederationdress/images/itemNext.png') no-repeat; cursor:pointer;}
div#galleryDelineator span#prevDelineator {background-image:url('/confederationdress/images/itemPrev.png');}

div#galleryDelineator span#nextDelineator.inactive,
div#galleryDelineator span#prevDelineator.inactive,
a#fancybox-left.inactive,
a#fancybox-right.inactive {opacity:.3; filter:alpha(opacity=30);}

div#galleryDelineator img {max-width: 90px; max-height: 135px; height: 135px; width: 90px}

div#carrouselDelineator h3 {margin-left: 10px;}

/* Fancybox modal - rewrite of default style included
--------------------------------------------------------------------*/
div#modalArtefact {width:720px; margin:40px 0 0; padding:5px 0 0; border-top:1px solid #7eaca3; overflow:hidden;}
div.modalLeft {float:left; width:330px; min-height:160px;}
div.modalRight {float:right; width:350px; padding:25px 10px 15px; background:#eee; min-height:160px;}
div.modalRight h1 {color:#222; padding-top:0;}
div.modalRight p {line-height:1.6em; padding:5px 0 10px 0;}
div.modalRight p span {font-weight:bold; padding-bottom:8px;}
div.modalRight div.moreInfo {margin-top:10px}
div.modalRight div.moreInfo a {margin-right:3px; overflow:hidden;}
div.modalRight div.moreInfo img {max-height:120px; border: 2px solid #fff; box-shadow:3px 3px 3px #ccc;}

div.modalArtefactImage img, div.modalDelineatorImage img {display:block; width:auto; height:auto; max-width:330px;}
div.modalArtefactImage img.modalArtefactImageViewLarge, div.modalDelineatorImage img.modalDelineatorImageViewLarge,div.modalArchiveLeft img.archivesViewLarge {display:none;}
div.modalArtefactImage img.modalArtefactImageView1Large, div.modalDelineatorImage img.modalDelineatorImageView1Large,div.modalArchiveLeft img.archivesView1Large {display:inline;}
div.modalArtefactThumbs {margin-top:0;}
div.modalArtefactThumbs img, div.modalDelineatorThumbs img {width:auto; height:auto; max-width:70px; max-height:130px; cursor:crosshair;}
div.modalRight .modalArtefactImageViewNumber {display:none; font-weight:normal}
div.modalRight #modalArtefactImageView1Number {display:inline}
div#modalArchive img.delineatorViewLarge {display: none;}
div#modalArchive img.delineatorView1Large {display: inline;}


div#modalArchive {width:720px; margin:40px 0 0; padding:5px 0 0; border-top:1px solid #7eaca3;  overflow:hidden;}
div.modalArchiveLeft {float:left; width:330px;}
div.modalArchiveLeft img {min-width:330px; max-width:330px; max-height:500px;}
div#modalArchive div.modalRight h1 span {display:block; font-size: 14px; color:#666; font-weight:normal;}



div#modalDress360 {width:500px; height:500px; overflow:hidden;}
    div.modalDressHold {margin:0 0 0 -2px;}

#fancybox-wrap {position:fixed;}
a#fancybox-left, a#fancybox-right {height:20px; width:30px; display:block !important; visibility:visible; top:15px;}
a#fancybox-left span, a#fancybox-right span {display:none;}
a#fancybox-right {background:url('/confederationdress/images/itemNext.png') no-repeat left top; left:8%;}
a#fancybox-left {background:url('/confederationdress/images/itemPrev.png') no-repeat left top; left:2%;}
a#fancybox-close {width:34px; height:34px; top:15px; right:0; background:url('/confederationdress/images/modalClose.png') no-repeat left top;}


/*  Play
--------------------------------------------------------------------*/
div#content.play h1 {text-align:center; text-transform:uppercase; font-weight:normal; font-size:36px; color:#b8d6bf; padding-top:50px;}
div#content.play ul {text-align:center; padding:3px 0 0;}
div#content.play ul li {display:inline;}
div#content.play ul li a {font-size:18px; text-transform:uppercase; color:#222; text-decoration:none; margin:0 20px; padding:0 5px;}
div#content.play ul li a:hover {background:#fcfaf3; color:#ee5d5b;}

/*  Teachers
--------------------------------------------------------------------*/
div#content.teachers h1 {text-align:center; text-transform:uppercase; font-weight:normal; font-size:36px; color:#b8d6bf; padding-top:53px;margin-bottom:120px;}
div#content.teachers h1 span {text-transform:uppercase;color:#222;font-size:26px;}
div#content.teachers ul {text-align:center; padding:3px 0 0;}
div#content.teachers ul li {display:inline;}
div#content.teachers ul li a {font-size:18px; text-transform:uppercase; color:#222; text-decoration:none; margin:0 20px; padding:0 5px;}
div#content.teachers ul li a:hover {background:#fcfaf3; color:#ee5d5b;}
div.teachers #contentRight ul li {display:block;text-align:left;line-height:14px}

/* General
--------------------------------------------------------------------*/
sup {vertical-align: 3px;}

/* Wives */

.jmwife {margin-bottom:410px;}
.bron {margin-bottom:270px;}
.smith {margin-bottom:300px;}
.holc {margin-bottom:130px;}


/********* Header and Footer Rebranding May 2014 ***********/

#wpheader {
	background: url("/headers/images/header.png") top center no-repeat;
	height: 99px;
}
#wpheader .bg-left, #wpheader .bg-center, #wpheader .bg-right {
	height: 99px;
}
#wpheader .bg-left {
	float: left;
	background-color: #F9F7EB;
}
#wpheader .bg-center {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#wpheader .search-form {
	position: absolute;
	right: 0;
	top: 15px;
}
#wpheader .menu-text {
	float: left;
	font-family: AvenirLTStd85Heavy, Arial;
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 2px;
	padding-top: 3px;
}
#wpheader .menu-text #menu-top {
	float: left;
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 500px;
	margin: 0;
	z-index: 1;
}
#wpheader .menu-text #menu-top .no-js {
	margin-top: 33px;
}
#wpheader .search-form .menu-text ul li {
	float: right;
	display: block;
	margin: 0;
}
#wpheader .submit-btt input, #wpheader .submit-btt button {
	background-color: transparent;
	border: medium none;
	color: #666666;
	cursor: pointer;
	font-family: AvenirLTStd85Heavy, Arial;
	font-size: 14px;
	height: 30px;
	margin-top: 0;
	padding: 0 5px;
	font-weight:bold;
}
#menu-top li {
	position: relative;
	height: 27px;
	line-height: 30px;
	list-style: none outside none;
}
#wpheader .menu-text #menu-top li a, #wpheader .menu-text #menu-top li a:hover {
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: 'FuturaBT-Bold', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*height: 44px;*/
	padding-left: 10px;
}
#wpheader .menu-text #menu-top li a:hover {
	color: #FFFFFF;
}
#menu-top a, #menu-top a:hover, #menu-top a:active {
	color: #333;
	text-decoration: none;
}
#menu-top li .bg-item-left {
	float: left;
	height: 30px;
	width: 10px;
}
#wpheader .submit-btt {
	font-size: 13px;
	margin-bottom: 7px;
	text-align: right;
	text-transform: uppercase;
}
#wpheader .bg-right {
	float: right;
	width: 50%;
	background-color: #D7D4C6;
}
#wpheader .logo-container{
	padding-top: 25px;
}
#wpheader .logo {
	float: left;
	height: 47px;
	width: 326px;
	background: url("/headers/images/logos/logo-his-en.png") top center no-repeat;
}
#wpheader.fr .logo {
	background: url("/headers/images/logos/logo-his-fr.png") top center no-repeat;
}
/* Wrapper */

#evo-content-wrap {
	margin:  0 auto;
	width: 956px;
}
/* Archive Notice */

div#archived-msg {
	background-color: #B4B5BA;
	background-repeat: repeat-x;
	background-position: top;
}
div#archived-msg p, div#archived-msg p:hover {
	color: #FFFFFF;
	font-family: AvenirLTStd85Heavy, Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 auto;
	padding: 6px 0 6px 75px;
	text-transform: uppercase;
	width: 885px;
}
div#archived-msg p:hover {
	color: #33578c;
}
div.banner p#archived-msg-detail, div#archived-msg p#archived-msg-detail {
	font-weight: normal;
	margin-top: -10px;
}
div#archived-msg p:hover {
	cursor: pointer;
}
div#archived-msg p#archived-msg-title span {
	padding: 0 16px 0 0;
	background: url("../images/icon_arrow_down.png") no-repeat scroll right center transparent;
}
div#archived-msg p#archived-msg-title span.open {
	background: url("../images/icon_arrow_up.png") no-repeat scroll right center transparent;
}
div#archived-msg p#archived-msg-detail {
	text-transform: none;
}
#wpheader .submit-btt.hover {
	background-position: right top;
}
/***** FOOTER STYLES *****/
/* These are included to remove reliance on WordPress CSS */

#wpfooter {
	position: relative;
	width: 100%;
	background-color:#fff;
}
#wpfooter .bg-center {
	background-color: #808284;
	color: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 75px;
	padding-top: 20px;
	position: relative;
	width: 956px;
	z-index: 0;
}
#wpfooter .bg-left {
	float: left;
	width: 49%;
}
#wpfooter .bg-right {
	float: right;
	width: 49%;
}
#wpfooter .quote {
    font-family: 'FuturaBT-Bold',Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 0;
    padding-left: 10px;
    text-transform: uppercase;
}
#wpfooter .quote p {
    margin: 0;
    font-family: 'FuturaBT-Bold',Helvetica,Arial,sans-serif;
}
#wpfooter .icons, #wpfooter .box-right {
	float: right;
	width: 325px !important;
	margin-right: 13px;
}
#wpfooter .icons {
	float: left;
	padding-left: 10px;
}

#wpfooter .icons li {
  display: inline-block;
}
#wpfooter .icons li:before {
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
}
#wpfooter .icons li:first-child:before {
  display: none;
}
#wpfooter .icons a {
  background-image: url('/headers/images/btn-social.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  text-indent: -777em;
  vertical-align: middle;
  width: 40px;
}
#wpfooter .icons a.facebook-btn {
  background-position: 0 0;
}
#wpfooter .icons a.twitter-btn {
  background-position: 0 -40px;
}
#wpfooter .icons a.youtube-btn {
  background-position: 0 -80px;
}
#wpfooter .icons a.flickr-btn {
  background-position: 0 -120px;
}
#wpfooter .icons a.rss-btn {
  background-position: 0 -160px;
}
#wpfooter .box-right-f {
	float: right;
	width:320px;
}
#wpfooter .box-right-e {
	float: right;
	width:320px;
}
#wpfooter .box-right img {
	margin-left: 10px;
}
#wpfooter .box-right button {
	display: block;
	float: left !important;
	position:relative;
	background: #D96609;
	border:none;
	font-family: "AvenirLTStd85Heavy", Arial;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	height:36px;
	overflow:visible;
	padding-bottom:2px;
}
#wpfooter .box-right button:hover {
	position:relative;
	background:#BA5807;
	color:#fff;
}
#wpfooter .box-bottom {
	margin: 10px auto;
	padding: 0 15px;
	width: 930px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#wpfooter .box-bottom span {
	float: left;
}
#wpfooter .box-bottom span a {
	text-decoration:none;
	color:#333;
}
#wpfooter .box-bottom img {
	float: right;
}
#wpfooter .copyright {
	bottom: 48px;
	padding-right: 10px;
    position: absolute;
    right: 0;
}
.bg-center .logo {
	background: url("/headers/images/logos/logo-his-en.png") repeat scroll center top transparent;
	height: 42px;
	width: 278px;
}
#wpfooter div#footertext {
	float: right;
	height: 36px;
	margin-left: 10px;
	padding: 0;
	width: 173px;
}
#wpfooter div#footertext-f {
	float: right;
	height: 36px;
	margin-left: 10px;
	padding: 0;
	width: 173px;
}
#wpfooter div#footercanada {
	background: url("/headers/images/btn-canada.png") no-repeat;
	float: right;
	height: 30px;
	margin: 0 0 10px;
	padding: 0;
	width: 100px;
}
#wpfooter .copyright-text a {
        display: block;
	clear: both;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	float: right;
	text-decoration: none;
}
.bg-center .logo_f {
	background: url("/headers/images/logos/logo-his-fr.png") repeat scroll center top transparent;
	height: 42px;
	width: 278px;
}
div#menu-top.menu-microsite-top-container ul#menu-microsite-top.menu li#menu-item-169.sidearrow {
	position:relative;
}
.center {
	width:960px;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}
.cmcbkg {
	background-color:#F9F6EA
}

#wpheader button#searchsubmit {
    color:#fff;
}

div#wpfooter {
	background-color: #808284;
}
div#wpfooter div.box-bottom span a {
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}