/***************************************************
Anti-Slavery Movement in Canada
***************************************************/


div.center h1
{
border: 1px solid #cccccc;
background-color: #663300;
text-align: center;
padding: 0.5em 0;
margin-bottom: 0; /*This is set to reduce the margin between the index page image and title */ 
}

div.center h1 a
{
/*font-family: Georgia,"Times New Roman",Times,serif;*/
color: #fff;
background-color: transparent;
}

div.center h2, h3, h4 
{
background-color: #ffffff;
color: #000;
}

/* This is set to increase the margin between the h1 and h2 element for all the other pages without header image*/
div.center h2
{
margin-top: 0.5em;
}

div.index-header-img {
margin: 0;
padding: 0;
text-align: center;
}

div.index-header-img img{
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-top: none;
}

/* Left menu */

div.left li.menucontent, div.left div.menucontent, div.left a.menulink 

{
color: #000;
background-color: #ffffcc;
}

.left
{
background-color: #ffffcc;
overflow: hidden;
width: auto;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.left ul.nav
{
list-style-type: none;
background-color: #ffffcc;
float: left;
padding: 0;
margin: 0;
}

.left ul.nav li 
{
color: #000;
padding: 0;
border-bottom: 1px solid #ccc;
background-color: #ffffcc;
clear: left;
}

.left ul.nav li a.menulink, .left ul.nav li a.menulink:link, .left ul.nav li a.menulink:visited, .left ul.nav li a.menulink:active
{
text-decoration: none;
color: #000;
background-color: #ffffcc;
padding: 5px 5px 5px 10px;	
}

.left ul.nav li a:hover.menulink
{
color: #ffffff;
background-color: #663300;
text-decoration: none;
}

.left ul.nav li span.on-state
{
background-color: #663300;
color: #fff;
width: 135px;
}

.left ul.nav li a.linked_on-state:link, .left ul.nav li a.linked_on-state:visited
{
background-color: #663300;
color: #fff;
text-decoration: none;
padding: 5px 5px 5px 10px;
}

div.right-background
{
background: #ffffff url(../091/002025-misc-02.jpg) no-repeat center center;
height: 600px;
width: 192px;
border: 1px solid #ccc;
margin: 0;
padding: 0;
}

div.gallery-container
{
width: 96%;
margin: 1.5em auto 1.5em auto;
padding-bottom: 0.5em;	
border-bottom: 1px dashed #ccc;
display: table; /* FIREFOX FIX FOR EXTRA WHITE SPACE */
}


/* To be used only with the last item in the gallery 
that way it will not have the bottom seperator border */
div.gallery-container-no-border 
{
width: 100%;
padding: 0;
margin: 0;
}

div.gallery-container-no-border div.gallery-container
{
border: none;
}

div.gallery-container-left-portrait
{
width: 49%;
float: left;
text-align: center;
}

div.gallery-container-right-portrait
{
width: 49%;
float: right;
}

div.gallery-container-top-landscape
{
width: 99%;
text-align: center;
margin: 0.5em 0 0.5em 0;
}

div.gallery-container-bottom-landscape
{
width: 99%;
float: left;
padding: 0 0 1em 0;
}

div.gallery-container-right-portrait p, div.gallery-container-bottom-landscape p
{
font-size: 0.85em;
padding: 0.5em;
}

div.gallery-container-left-portrait img {
padding: 0 0 1em 0.5em;
}

div.gallery-container-top-landscape img {
margin: 0;
padding: 0 0.5em 0 0;
}

div.gallery-container-no-border div.gallery-container div.gallery-container-left-portrait img,
div.gallery-container-no-border div.gallery-container div.gallery-container-bottom-landscape
{
padding-bottom: 0;
}

div.gallery-container-top-landscape img.no-padding {
padding: 0;
}

div.gallery-container h3
{
font-weight: bold;
font-size: 0.85em;
color: #000;
background-color: #cccc99;
padding: 0.5em;
margin: 0 0.5em 1em 0.5em;
text-align: center;
border: 1px solid #663300;
}


div.gallery-container .img-caption
{
color: #663300;
font-weight: bold;
}


/*div.gallery-container h3
{
font-weight: bold;
font-size: 0.85em;
color: #000;
background-color: #cccc99;
padding: 0.5em;
margin: 0 0.5em 1em 0.5em;
text-align: center;
border: 1px solid #663300;
}*/

/* modification to avoid top of page link causing the breaking up of the div center border in IE */
div.topPage {
float: none !important;
width: 95%;
margin: 0 auto;
text-align: right;
}

div.topPage a {
font-size: 0.85em;
}

div.topPage div.topPage-alignRightCenter
{
float: right;
width: auto;
text-align: center;
}


/* right navigation image class */
div.right-navigation-image {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 1em;
padding-top: 0;
background-color: #cccc99;
border: 1px solid #ccc;
}

div.right-navigation-index-image {
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #ccc;
}

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

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

div.right-navigation-image img.thumbnails {
margin: 0.5em;
border: 1px solid #663300;
}

/* Horizontal rule */
hr
{
color: #663300;
background-color: #663300;
height: 1px;
border-style: none;
}

@media print
{
h3 {page-break-after: avoid;}

}