/*@charset "UTF-8";*/
/* CSS Document */
html, p{ margin:0em; padding:0em;}

.droidsans{font-family: 'Open Sans', sans-serif;}

body{ margin:0em; padding:0em; background:#FFF; text-align:center; font-family: 'Open Sans', sans-serif; font-size:0.8em;}

.showformobile{display:none !important;}

h1, h1.red {font-size:1.4em; text-align:left; color:#818181; font-family: 'Open Sans', sans-serif; font-weight:bold; text-transform:uppercase; padding:0em; margin:0em; line-height:1.8em;}
h1.red{color:#ce2d01;}
h2, h2 a, h3, h3 a {font-size:1em; text-decoration:none; color:#818181; font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding:0px; margin:0px; line-height:1.2em; font-weight:800;}
h2.contentHeading{font-size:1.4em;text-transform:none;margin-bottom:10px;color:#6A9ACB;}
h2.red{margin-top:5px;color:#ce2d01;}
h2.featuredarticleTitle { font-weight:800;}
h3, h3 a {font-size:1.0em;color:#818181;}
h3.listing,h3.listing-section{font-weight:bold;color:#000;font-family: 'Open Sans', sans-serif;line-height:1.2em;margin:0;padding:0;}
h3.listing-section{cursor:pointer;clear:both !important;color:#818181;margin:15px 0 5px 0;}

h4 {font-size:1em; font-family: 'Open Sans', sans-serif;}
h4.homeimage {margin:0;padding:3px 3px 0 3px;color:#fff;}
h5 {font-size:1em; font-family: 'Open Sans', sans-serif;}

p.homecaption{padding:0px 3px 3px 3px !important;margin:0 !important;}
p.homecaption span{color:#fff;}

.clear{clear:both;} /*clear the above float*/

#arrowtext{color:#50657E; vertical-align:middle;}

div.redtextboxfont{color:#ffffff; padding:4px; margin:0em;}

/* Splash page header */
#header1 {width:960px; height:176px; text-align:center; /*background:url('hpimages/splashheader.jpg') no-repeat;*/ position:relative; padding:0px; margin:0em; float:left;}
#splashimage {width:960px; height:394px; text-align:center; background-color:#FFFFFF; position:relative; padding:0px; position:relative; margin:0em; float:left;} 

/* All other pages*/ 
#header2 {width:960px; height:64px; text-align:center;	background:url('http://www.historicplaces.ca/hpcommon/hpimages/en/header.jpg') no-repeat; position:relative; padding:0px; margin:0px 0px 1px 0px; float:left;}
#header2FR {width:960px; height:64px; text-align:center; background:url('http://www.historicplaces.ca/hpcommon/hpimages/fr/header.jpg') no-repeat; position:relative; padding:0px; margin:0px 0px 1px 0px; float:left;}

div.HeaderImage {width:960px; height: 247px; text-align: center; position:relative; padding:0px; position:relative; margin:0px 0px 1px 0px; float:left; overflow:hidden;}

div.imagebox a
{
	display:block;
	position:relative;
	bottom:25px;
	right:15px;
	text-align:right;
	color:#fff; /*note this gets overridden by the textcolour property*/
	font-size:1em;
	text-decoration:none;
}



/* Menu */
#nav1 {display:block;width:960px; background:url(http://www.historicplaces.ca/hpcommon/hpimages/subnavreplace.gif) 0 0 no-repeat; height:57px; overflow:visible; text-align:center; position:relative; padding:0px;  margin:0px 0px 3px 0px; float:left; border: 0px none;z-index:9000;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

	ul.menu{
		padding: 3px 0 3px 14px;
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 1em;
		color: #ccc;
		list-style-type: none;
		width:960px;
		height:57px;
		overflow:visible;
		display:block;
		z-index:9990;
		/*background-color:#ccc;*/
	}

	ul.menu li{
		display: inline;
		margin: 0;
		padding: 4px 0;
		display:block;
		float:left;
		width:16.6%;
	}

    ul.menu li span{cursor:default;}

	ul.menu li a,ul.menu li span{
		text-decoration: none;
		text-align:center;
		padding: 3px 0;
		width:100%;
		margin:0;
		color: #eee;
		font-weight:700;
	}

	ul.menu li a:hover,ul.menu li span:hover{
		color: #89d5f5;
	}

	ul.menu li.selected a,ul.menu li.selected span{ /*selected main tab style */
		color: #89d5f5 !important;
	}

	#tabcontent{ /*2nd level content wrapper*/
		height: 100% /*IE7 beta2 fix*/
	}

	ul.menu li ul
	{
		text-align:left;
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: none;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		font-size: 1em;
		color: #ccc;
		position:absolute;
		background:#666;
		z-index:9999;
		top: 25px;
		/*height:57px;		*/
		border-radius: 3px 3px 8px 8px;
		-moz-border-radius:  3px 3px 8px 8px;
		-webkit-border-radius:  3px 3px 8px 8px;
		-o-border-radius:  3px 3px 8px 8px;
		-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0,.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
        -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0,0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	}

	ul.menu li ul li{
		display: block;float:none;z-index:9999;width:auto;min-width:150px;
		
		
		
	}

	ul.menu li.selected ul{ /*selected 2nd level content*/
		display: block;
	}
	
	ul.menu li ul li a{
		/*border-right: 1px solid #778;*/
		/*color: #89d5f5;*/
		color: #ccc;
		text-align:left;
		padding: 2px 10px;
		display: block;
		/*float: left;*/
		text-decoration: none;
	}

	ul.menu li ul li a:hover{
		color: #c4f4ff !important;
	}
	
	#breadcrumb{position:absolute;z-index:9991;text-transform:lowercase;color:#999;top:30px;left:15px;}
	
	#breadcrumb a{color:#999;text-decoration:none;}
	#breadcrumb a:hover{color:#ccc;text-decoration:underline;}
	

	.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix{
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	/* Handle menu widths and submenu offsets*/
	
	li#register{width:15%;}
	li#register ul{left:45px;}
	
	li#heritage{width:25%;}
	li#heritage ul{left:200px;}
	
	li#partners{width:15%;}
	li#partners ul{left:428px;}
	
	li#interact{width:17%;}
	li#interact ul{left:595px;}
	
	li#more{width:12%;}
	li#more ul{left:735px;}
	
	li#contact{width:12%;}
	li#contact ul{right:3px;}
	
	
	/*ul#subregister{}
	ul#subheritage{left:100px;}
	ul#subpartners{left:470px;}
	ul#subinteract{left:600px;}
	ul#subcontact{}
	ul#submore{right:3px;}*/

/**Menu**/
dl{margin:0 0 10px 0;padding:0;}
dl.indent{margin:0 0 10px 10px;padding:0;}
dl dt{margin:0 0 0 10px;padding:0;}
dl dd{margin:0 0 0 20px;padding:0;}

/* page 4c */
div.leftimagebox{ width:500px; height:auto; position:relative; float:left; margin:0em; padding:0px; text-align:left;}
div.rightimagedescription{ width:400px; height:auto; position:relative; float:left; margin:0em; padding:10px; text-align:left;}

/*image descriptions text*/
#bodytextwhite {text-align:right; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:normal; line-height:1.1em; margin:-30px 0px 0px 0px; padding: 0px 40px 0px 0px;}
#bodytextwhitesplash {text-align:right; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:normal; line-height:1.1em; margin:-50px 0px 0px 0px; padding: 0px 40px 0px 0px;}
#bodytextblack {text-align:right; color:#000000; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:normal; line-height:1.1em; margin:-30px 0px 0px 0px; padding: 0px 40px 0px 0px;}

/* containers */
#splashcontainer {text-align:center; width:960px; height:100%; margin:10px auto;}
#container {text-align:center; width:960px; height:100%; margin:10px auto;}

#content {text-align:left; width:959px; margin:0px 0px 0px 0px; color:#030303; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:normal; line-height:1.5em; position:relative; padding:0px; float:left;z-index:2;}

#maincontent {width:960px; /*height:100%;*/ position:relative; float:left; margin:0px 0px 0px 0px; padding:0px; text-align:left; background:661px #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/main-back.gif');}

div.leftcontainer {text-align:left; width:644px;  height:auto; min-height:800px; margin:0; padding:5px 15px 10px 10px; float:left; /*background:right #f2f2f2 repeat-y url('hpimages/box_19_2.jpg');*/}
div.rightcontainer {text-align:left; width:271px; height:auto; min-height:800px; margin:0px; padding:5px 10px 10px 10px; float:left; /*background:right #f2f2f2 repeat-y url('hpimages/box_19.jpg');*/}

/* bottom shadows */
div.leftcontainerbottom {width:660px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg') top; padding:0px; margin: 0px 0px 0px 0px; float:left;}
div.rightcontainerbottom {width:287px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px 0px 0px 3px; float:left;}
div.leftcontainercorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg') top; padding:0px; margin:0px 0px 0px 0px; float:left;}
div.rightcontainercorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:0px 0px 0px 0px; float:left;}

/* mid-page shadows */
div.leftcontainerdivbox {width:661px; height:9px; position:relative; background:#ffffff repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px -10px; float:left;}
div.rightcontainerdivbox {width:286px; height:9px; position:relative; background:#ffffff repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px -10px; float:left;}
div.rightcontainerdivbox2{width:288px; height:9px; position:relative; background:#ffffff repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px -10px; float:left;}
div.rightcontainerdivbox3{width:287px; height:9px; position:relative; background:#ffffff repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px -10px; float:left;}
div.leftcontainerdivcorner {width:5px; height:9px; position:relative; background: no-repeat url('http://www.historicplaces.ca/hpcommon/hpimages/box_23_8h.jpg'); padding:0px; margin:0px -11px 0px 9px; float:left;}
div.rightcontainerdivcorner {width:5px; height:9px; position:relative; background: no-repeat url('http://www.historicplaces.ca/hpcommon/hpimages/box_23_8h.jpg'); padding:0px; margin:0px -14px 2px 9px; float:left;}

#leftcontainertextbox {width:644px; height:auto; position:relative; padding:10px; margin:0px -10px; float:left;}
div.rightcontainertextbox {width:268px; height:auto; position:relative; padding:10px; margin:0px -10px; float:left;}

/* Page 2 and Page 8  */
div.fullwidthcontainer {width:961px; height:auto; position:relative; float:left; margin:0em; padding:0px; text-align:left; z-index:101;}
div.fullwidth {width:940px;	height:auto; position:relative; background:right #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg'); padding:10px; margin:0em; float:left; text-align:left;}
div.fullwidthbottom {width:955px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:-5px 0 0px 0; float:left;}
div.fullwidthcorner{width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-5px 0 0px 955px; float:left;}
div.fullwidthdivcorner {width:5px; height:8px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23_8h.jpg'); padding:0px; margin:-5px 0 0px 955px; float:left;}

/*  Page 2 */
div.featuredarticlecontainer{width:668px; height:auto; position:relative; float:left; margin:0em; padding:0px; z-index:101;}
div.featuredarticle{width:668px; height:auto; position:relative;float:left; margin:0em; padding:0px; text-align:left; z-index:102;}
div.featuredarticlelabel {width:654px;	height:auto; position:relative; background:right #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg'); padding:5px; margin:0em; float:left; text-align:center;}
div.featuredarticlebox {width:644px;	height:368px; position:relative; background:right #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg'); padding:10px; margin:0em; float:left; text-align:left;}
div.featuredarticlebottom {width:659px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:-3px 0px 3px 0px; float:left;}
div.featuredarticlecorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-8px 0px 3px 659px; float:left;}

div.maincontent{width:480px;float:left; height:auto;}
div #verticalSpacer{border-left: 1px solid gray; float:left; width:1px; height:100%; margin:0px 5px 0px 5px; min-height:300px;}
div.standardsandguidelines{width:152px;float:right; height:auto; position:absolute; right:10px; text-align:center; padding:0px;}
div.standardsandguidelines img{border:0px;}
div.SGTopBanner
{
    position: relative;
    background-image: url('http://www.historicplaces.ca/hpcommon/..hpimages/SGTop.gif');
    background-repeat: no-repeat;
    height:90px;
    width:153px;
}
h2.SGheader
{
    margin: -40px 0px 0px;
    position: absolute;
    width: 100%;
}

div.smallboxcontainer {width:334px; height:auto; position:relative; float:left; margin:0em; padding:0px; text-align:left; z-index:102;}
div.smallboxcontainer2{width:290px; height:auto; position:relative; float:left; margin:0em; padding:0px; text-align:left;}

#searchboxcontainer {width:336px; height:auto; position:relative; float:left; margin:0em; padding:0px; text-align:left;}
#standardsboxcontainer {width:336px; height:auto; position:relative; float:left; margin:0em; padding:0px; }

div.smallbox {width:314px; height:150px; position:relative; background:right #f3f3f3 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19_2.jpg'); padding:10px; margin:0em; float:left; text-align:left;}
div.smallbox img{border:0;}
div.smallbox2 {width:272px; height:75px; position:relative; background:right #f3f3f3 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg');	padding:10px; margin:0em; float:left; text-align:left;}

div.leftbox{background:#f3f3f3 url('http://www.historicplaces.ca/hpcommon/hpimages/leftbox_back.jpg') no-repeat 1px 0;padding-top:5px;height:148px;}
div.rightbox{background:#f3f3f3 url('http://www.historicplaces.ca/hpcommon/hpimages/rightbox_back.jpg') no-repeat -1px 0;padding-top:5px;height:148px;}

#searchbox {width:316px; height:auto; position:relative; background:right #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg'); padding:10px; margin:0em; float:left; text-align:left;}
#standardsbox {width:316px; height:52px; position:relative; background:right #f2f2f2 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg'); padding:10px; margin:0em; float:left; text-align:left;}

div.smallboxbottom {width:325px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:-5px 0 3px 0; float:left;}
div.smallboxbottom2 {width:287px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:-5px 0 3px 0; float:left;}
div.searchboxbottom {width:332px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px 0px 4px 0px; float:left;}
div.standardsboxbottom {width:332px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:0px 0px 0px 0px; float:left;}

div.smallboxcorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-8px 0 3px 325px; float:left;}
div.smallboxcorner2 {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-8px 0 3px 287px; float:left;}
div.searchboxcorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-9px 0px 0px 331px; float:left;}
div.standardsboxcorner {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-5px 0px 3px 331px; float:left;}

div.smallbox3containerLeft{width:142px; position:relative; float:left; padding:0px; margin:0px;}
div.smallbox3containerRight{width:142px; position:relative; float:left; padding:0px; margin-left:5px;}
div.smallbox3 {width:125px; height:75px; position:relative; background:right #f3f3f3 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19.jpg');	padding:10px; margin:0em; float:left; text-align:left;}
div.smallboxbottom3 {width:140px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_22.jpg'); padding:0px; margin:-5px 0 3px 0; float:left;}
div.smallboxcorner3 {width:5px; height:5px; position:relative; background:repeat-x url('http://www.historicplaces.ca/hpcommon/hpimages/box_23.jpg'); padding:0px; margin:-8px 0 3px 140px; float:left;}

/*  Search  */
#search {width:948px; height:30px; text-align:right; float:left; padding:0px; margin:0em; position:relative;}
div.searchbutton {position:relative; margin:0px; padding:0px; float:right;}

.searchfieldheader {color:#607890; font-family: 'Open Sans', sans-serif; font-size:0.9em; position:relative; margin:0px; padding:2px; float:right;}	
.searchfield,.advsearchfield {color:#607890; font-family: 'Open Sans', sans-serif; font-size:0.9em; position:relative; margin:0px; padding:2px;}
.activefield{border:solid 2px #ce2d01 !important;}


/* multi-image BOXES  */
div.imagearea1 {width:960px; height:260px; position:relative; padding:0px; margin:2px auto 0 auto; float:left; text-align:left;}
div.imagearea2 {width:664px; height:258px; position:relative; padding:0px; margin:0 0 5px -4px; float:left; text-align:left;}

div.redbox2container {width:217px; height:258px; position:relative; float:left; margin:0em; padding:0px; text-align:left;}

div.placebox{width:222px; height:264px; position:relative; background:right #f3f3f3 repeat-y url('http://www.historicplaces.ca/hpcommon/hpimages/box_19_2.jpg');	 padding:0px; margin:0px 0px 0px -1px; float:left; color:#ffffff;}

/*div.redtextbox {width:201px; height:auto; position:relative; background:bottom url('hpimages/redtextboxbottom.jpg') no-repeat; padding:0px; margin:0em;	float:left;}*/
div.redtextbox2 {width:216px; height:75px; position:relative; background-color:#bb2411; padding:0px; margin:0px 0px 0px -1px; float:left; color:#ffffff;}
div.redtextbox2image {width:216px; height:186px; position:relative; background:#ffffff top url('http://www.historicplaces.ca/hpcommon/hpimages/fairfeild2.jpg') no-repeat; padding:0px; margin:0px 0px 0px -1px; float:left; color:#ffffff;}
div.redtextbox2image img{border:0;}
div.redtextbox2bottom {width:216px; height:4px; position:relative; background:bottom url('http://www.historicplaces.ca/hpcommon/hpimages/redtextboxbottom222.jpg') no-repeat; padding:0px; margin:-1px 0px 0px -1px; float:left; color:#ffffff;}
/*div.bluetextbox {width:201px;	height:auto; position:relative; background:bottom url('hpimages/bluetextboxbottom.jpg') no-repeat; padding:0px; margin:0em; float:left;}
div.slatetextbox {width:201px; height:auto; position:relative; background:bottom url('hpimages/slatetextboxbottom.jpg') no-repeat; padding:0px; margin:0em; float:left;}*/


/* Page 2 images at bottom of page */

/*blue box white text box */
div.promptsheader {width:268px; height:auto; position:relative; padding:10px; margin:10px -10px; float:left; background-color:#50657e; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:11pt; font-weight:bold; line-height:24pt; text-transform:uppercase;}

/* red box white text box */
div.sidebarheaderbox {width:268px; height:auto; position:relative; padding:10px; margin:0px -10px 10px -10px; float:left; background-color:#627890; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:11pt; font-weight:bold; line-height:24pt; text-transform:uppercase;}

/* Search results table */
div.resultsbox {width:auto; height:auto; position:relative; padding:0px 10px; margin:0 0 0 -10px; float:left;}

/* Home Page */
div.bluetextbox, div.redtextbox, div.slatetextbox
{
	margin:0;padding:0;
	width:188px;
	height:258px;
	float:left;
	
	background-image:url(http://www.historicplaces.ca/hpcommon/hpimages/home/image-bottom-shadow.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.imagespacer
{
	margin:0;padding:0;
	height:258px;
	width:4px;
	float:left;
	background:url(http://www.historicplaces.ca/hpcommon/hpimages/home/image-right-shadow.gif) top left no-repeat;
}

p.imagetitle
{
	font-weight:bold;
	font-family:Georgia;
}

div.bluetextbox
{
	background-color:#6a9acb;
}

div.redtextbox
{
	background-color:#bb2411;
}

div.slatetextbox
{
	background-color:#627890;
	/*width:189px;*/
}

div.largeimageleftcontainer {text-align:left; width:515px;  height:auto; min-height:200px; margin:0px;  float:left; }
div.largeimagerightcontainer {text-align:left; width:400px; height:auto; min-height:200px; margin:0px; padding:5px 10px; float:left; vertical-align:bottom}

div.bluetextbox img, div.redtextbox img, div.slatetextbox img
{
	display:block;
}

div.bluetextbox p, div.redtextbox p, div.slatetextbox p
{
	color:#fff;
	font-size:1em;
	padding:5px;
	
}

/* Related Pages list */

ul.related
{
	list-style:none;
	margin:0;
	padding:0;
}

ul.related li a
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

ul.related li a:hover
{
	text-decoration:underline;
	
}

ul.related li img
{
	float:left;margin:0 10px 5px 0;
}

a.relatednext, a.relatedprev
{
	float:right;
	margin-right:5px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.relatednext:hover, a.relatedprev:hover
{
	text-decoration:underline;
}

a.relatedprev
{
	float:left;
}


/* Search Results */
div.resultbox
{
	width:634px;
	border-bottom:1px solid #c0c0c0;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	vertical-align:bottom;
	height:10em;
}

hr.resultseparator
{
	width:400px;
	height:10px;
	font-weight:bold;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	
}

div.resultbox a.map
{
	float:left;
	margin:5px 10px 50px 5px;
	display:block;
}

div.resultbox div.resulttext
{
	width:560px;
	float:left;
}

div.resultbox div.resulttext a
{
	color:#000;
	color:#ce2d01;
	text-decoration:none;
}

div.resultbox div.resulttext a:hover
{
	text-decoration:underline;
}

div.resultbox img.thumb
{
	border:1px solid #b0b0b0;
	margin:10px;
	/*position:relative;*/
	float:right;
	bottom:10px;right:10px;
}

/* For all pages*/
#footer {width:960px; height:50px; text-align:center; background:url('http://www.historicplaces.ca/hpcommon/hpimages/footer.gif') no-repeat; position:relative; padding:0px; margin:-1px 0px 0px 0px; float:left;}

div.socialmedialist{float:left;  position:relative; height:30px; width:250px;; margin-top:8px; margin-left:20px;}
#socialmedia{list-style-type: none; margin: 0px 0px 0px 0px;padding:0; float:left; }
#socialmedia li{ list-style-type: none; display:inline;}
#socialmedia img{margin-left:0px; margin-right:5px; border:none;}

div.topcontainer{height:90px;}
div.socialcontainer{height:20px;width:140px;margin:0;padding:0 0 0 0;}
div.socialcontainer a{margin: 0 2px;}

#footerlinks
{
	position:relative;
	text-align:center;
	top:15px;
	width:400px;
	float:left;
}

#footerlinks a
{
	text-transform:uppercase;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

#footerlinks a:hover
{
	text-decoration:underline;
}

p
{
	font-size:1em !important;
	line-height:1.5em !important;
	padding:5px;
	margin-bottom:10px;
}

p span
{
	font-size:1em;
	color:#000;
}

p.textwhite span{color:#fff ! important;}

div.tempFixFormat
{
	padding:5px;margin:0;font-size:1em;
}

img.greyarrow
{
	border:none;
	margin-right:8px;
	
	float:left;
}

div.listing
{
	padding-left:20px;
	padding-right:20px;
	min-height:20px;	
}

div.listing p{padding:0;margin:10px 5px 5px 5px;}
div.listing h3
{
	margin-top:20px;
	margin-bottom:5px;
	}

/** Map **/

#map_results, #map_search
{
	width:634px;
	height:300px;
	margin: 0 0 0 4px;
	border:1px solid #666;
	overflow:hidden;
}

#map_place
{
	margin: 5px 0 5px -2px;
	
	border:1px solid #666;
	overflow:hidden;
	height:142px;
	width:270px;
	position:relative;
	clear:both;
}

div.mapPopup
{
	padding: 10px;
	width: 300px;
	
	text-align: left;
	/*overflow:hidden;*/
}

div.mapPopup img
{
	border:1px solid #666;
	float:left;
	display:block;
	margin-right:10px;
}

div.mapPopup a
{
	color:#ce2d01;
	font-weight:bold;
	font-size:1em;
	line-height:1.5em;
	
	margin:-6px 0 0 0;
	padding-bottom:2px;
	text-decoration:none;
}

div.mapPopup a:hover
{
	text-decoration:underline;
}

div.mapPopup p
{
	margin-top:0;margin-left:58px;padding-top:0;
}


/* Map Controls */

#map_control
{
	/*background-color:#607890;*/
	/*color:#fff;*/
	margin:0 0 20px 4px;
	/*border:1px solid #000;*/
	border-top:none;
	height:25px;
	padding:3px;
	width:628px;
	
}

input.searchButton
{
	font-family: 'Open Sans', sans-serif;
	background:url(http://www.historicplaces.ca/hpcommon/hpimages/button-back.png) 0 0 repeat-x;
	color:#000;
	padding:4px 8px;
	height: 30px;
	font-weight:normal;
	border:none;
	cursor:pointer;
	margin: 0px;
	outline: 0px;
	vertical-align: top;
	width: 109px;
	text-align:center;
}

input.transparent
{   
    background:transparent;
    border:1px solid #fff;
    color:#fff;
    font-weight:bold;
    width:85px;
    margin:5px 0 0 0;
}
span.buttonWrap
{
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #EEE;
	background-image: none;
	background-origin: padding-box;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: separate;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	color: black;
	display: block;
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	line-height: 12px;
	text-align: -webkit-center;
	width: 109px;
	margin:0px auto;
}

input.disabled{color:#ccc;
			   cursor:default;}

/*#map_control input
{
	width:80px;
	height:25px;
	background-color:#fff;
	color:#4d4d4d;
	font-weight:bold;
	
}*/

#map_control input:disabled
{
	
	
}

div#radiusDiv,div#geolocDiv
{
	padding:5px;
}

div#radiusUI,div#geolocUI
{
	
	border:1px solid #000;
	cursor:pointer;
	text-align:left;
	background: #fff url(http://www.historicplaces.ca/hpcommon/hpimages/droparrow.gif) no-repeat top 57;
	/*background-position: 2 57 !important;*/
}

div#radiusText,div#geolocText
{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	border:1px solid;
	border-top-color:#737373;
	border-left-color:#737373;
	border-bottom-color:#d0d0d0;
	border-right-color:#d0d0d0;
	background-color:#fff;
	
	font-weight:bold;
	width:55px;
	padding:0 4px;
	
}

div#geolocText{width:35px;}



div#radiusListUI
{
	display:none;
	background:white;
	padding:0;
	border:1px solid #000;
	/*height:140px;*/
	width:55px;
}

ul#radiusList
{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#radiusList li
{
	padding:2px 2px 0 4px;
	display:block;
	cursor:pointer;
}

ul#radiusList li:hover
{
	background-color:#ffeac0;
}
/**Map Controls**/

/* Pager */
table.pagertable
{
	font-size:1em;
	margin:0 auto;
}

table.pagertable tr td
{
	padding:0 3px;
}

table.pagertable tr td a
{
	text-decoration:none;
	font-weight:bold;
	color:#607890;
	margin:0 4px;
}

table.pagertable tr td a:hover
{
	text-decoration:underline;
}

table.pagertable tr td a.pagerbutton
{
	color:#ce2d01;
}

table.pagertable tr td a.disablepagerlink
{
	color:#ce2d01;
}
/**Pager**/

div.notfoundmessage
{
	width:80%;
	margin:10px auto 20px auto;
	border:1px solid #ce2d01;
	background-color:#ffe4e1;
	padding:5px;
}

div.notfoundmessage p
{
	color:#ce2d01;
	margin:0;
}

div.notfoundform
{
	width:80%;	
	margin:10px auto 20px auto;	
}

#sitemap ul.toplist
{
	list-style-type:none;
	margin:0;
}

#sitemap ul.toplist li.topitem ul
{
	list-style-type:none;
	margin:0;
	padding-left:30px;
}

#sitemap ul.toplist li.topitem ul li
{
	list-style-type:none;
	margin:0;
}

p.footerText{margin:9px -5px 0 0;float:right;font-size:0.95em !important;}

/* Utility Classes - important */
.invisible{visibility:hidden !important;}
.textwhite{color:#fff !important;}
.textblack{color:#000 !important;}
.textred{color:#ce2d01;}
.textgrey{color:#4d4d4d;}
.textright{text-align:right !important;}
.textcenter{text-align:center !important;}
.bold{font-weight:bold;}
.nounderline{text-decoration:none !important;}
.clear{clear:both !important;}
.noborder{border:0;}
.block{display:block;}
.camelcase
{
	text-transform:capitalize !important;
}

.nomargin{margin:0 !important;}
.nopad{padding:0 !important;}

.pad5{padding:5px !important;}
.pad10{padding:10px !important;}
.pad20{padding:20px !important;}
.padtop5{padding-top:5px !important;}
.padtop10{padding-top:10px !important;}
.padright10{padding-right:10px !important;}
.padbottom15{padding-bottom:15px !important;}
.padleft5{padding-left:5px !important;}
.padleft10{padding-left:10px !important;}
.padleft15{padding-left:15px !important;}
.padleft20{padding-left:20px !important;}

.margin5{margin:5px !important;}
.margintop-15{margin-top:-15px !important;}
.margintop-5{margin-top:-5px !important;}
.margintop5{margin-top:5px !important;}
.margintop10{margin-top:10px !important;}
.margintop15{margin-top:15px !important;}
.margintop20{margin-top:20px !important;}
.marginright10{margin-right:10px !important;}
.marginbottom-5{margin-bottom:-5px !important;}
.marginbottom15{margin-bottom:15px !important;}
.marginbottom10{margin-bottom:10px !important;}
.marginbottom20{margin-bottom:20px !important;}
.marginbottom30{margin-bottom:30px !important;}
.marginbottom40{margin-bottom:40px !important;}
.marginleft5{margin-left:5px !important;}
.marginleft10{margin-left:10px !important;}
.marginleft20{margin-left:20px !important;}
.marginleft30{margin-left:30px !important;}
.marginleft40{margin-left:40px !important;}

span.highlight{background-color:Yellow;color:#000;}
.bottomleft{position:absolute;left:15px;bottom:15px;}
.bottomright{float:right;margin-top:10px;}
.autoheight{height:auto !important;}
.showwithjs{display:none;}
.floatleft{float:left !important;}
.floatright{float:right !important;}
.imageborder{border:1px solid #999 !important;}

.arrowlink{font-family: 'Open Sans', sans-serif;font-size:1em;font-weight:bold;color:#787878;text-decoration:none;display:block;vertical-align:middle;clear:both;height:17px;margin:4px 0 8px 0;}
.arrowlink img{margin:2px 7px 0 0;float:left;border:none;}
/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
	/** { background: transparent !important; color: #222 !important; text-shadow: none; }
	  a, a:visited { color: #444 !important; text-decoration: underline; }
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
	  
	  p, h2, h3 { orphans: 3; widows: 3; clear:both;}
	  h2, h3{ page-break-after: avoid;}
	  h3{display:block;}
	  div.listing p{clear:both;}*/
  /*@page { margin: 0.5cm; }*/
	#content,#footer,div.topcontainer{clear:both !important;}

	div,p,span{line-height:1.8em !important;}

	#container{width:100%;float:none;}
	#content{width:100%;float:none;height:auto;min-height:200px;}
		#maincontent{width:100%;float:none;height:auto;min-height:200px;}
			div.leftcontainer{width:100%;clear:left;float:none;height:auto;min-height:200px;}
				/*div.leftcontainer div{clear:both;}*/
				div.imagearea2{width:100%;margin:0 0 20px 0;padding:0;clear:right;}
				div.placebox{float:left !important;clear:none;margin-right:1%;}
				#leftcontainertextbox{clear:left;}
				div.rightcontainer{width:100%;float:none;clear:both;height:250px;min-height:200px;vertical-align:top;overflow:hidden !important;}

				#map_place{margin:20px 5% 100px 0 !important;float:left;overflow:hidden !important;page-break-inside:avoid;}
				div.sidebarheaderbox{margin:0 0 10px 0 !important;padding:0 !important;float:none;line-height:normal;width:60%;}
				/*ul.related{width:60%;}
				ul.related li{width:100%;}*/
				/*div.rightcontainer div{width:90%;}*/
  
	#header2,#header2 img{width:100%;}
	div.fullwidth{width:98%;}

	div.leftcontainerbottom,div.rightcontainerbottom,div.leftcontainercorner,div.rightcontainercorner,
	div.leftcontainerdivbox,div.rightcontainerdivbox,div.rightcontainerdivbox2,div.rightcontainerdivbox3,
	div.leftcontainerdivcorner,div.rightcontainerdivcorner,div.fullwidthbottom,div.fullwidthcorner,div.fullwidthdivcorner,
	div.socialcontainer,#nav1,#search,#footer,ul.menu,.noprint
	{display:none !important;}
	
}