/* Project 014/001 Aboriginal Treaties */

.inner-content h1 
{
padding-left: 0.6em;
padding-right: 0.1em;
}

div

div.right-navigation-image {
width: 100%;
text-align: center;
margin-top: 1px;
margin-bottom: 1px;
background-color: transparent;

}

div.right-navigation-image p{
font-size: 0.85em;
padding: 0.3em 0.5em 1em 0.5em;
margin: 0;

}

div.right-navigation-image img {
margin: 0;
padding: 0;
}

hr
{
height: 1px;
background-color: #cccccc;
color: #cccccc;
border: none;
}

div.box-border
{
margin: 1em; 
border: 1px solid #cccccc;
}

div.box-border p
{
padding: 0.35em;
}

div.main-container
{
	margin: 1em;
}

div.wrapContainer-treaty-gallery
{
	width: 100%;
	margin: 0.5em auto 0.5em auto;
	border-bottom: 1px dashed #cccccc;
	display: table;
}

div.wrapContainer-treaty-gallery-no-border
{
	width: 100%;
	margin: 0.5em auto 0.5em auto;
}

div.wrapContainer-treaty-gallery p, div.wrapContainer-treaty-gallery-no-border p
{
	font-size: 0.85em;
	padding-right: 0.5em;
}

p.image-left-container
{
float: left;
vertical-align: text-top;
margin-left: 0;
padding-left: 0;
}

p.treaty-title
{
	font-weight: bold;
	padding: 0.8em 0 0.2em 0.2em;	
}

/* fix problem for IE and FireFox regardng left alignment of the table -- 
In IE the padding left value does not work as in FireFox, but setting 
margin value works on both IE and FireFox */

table
{
padding-left: 0 !important;
margin-left: 1.2em;
}

/* div expander at the bottom consist of table whose width is set to 100% 
therefore setting the margin left to value > 0 causes it to overflow in IE and the
middle div moves down therefore we have to set this margin 0 again */

div.expander table
{
	margin-left: 0 !important;
}