/***************************************************
SIR JOHN A. MACDONALD 023/013
***************************************************/
body {
background-color: #552222;
}

div.center h1
{
background: #663333 url(/023/013/091/023013-misc03.gif) repeat;
padding: 10px;
margin: 8px;
text-align: center;
border-top: 2px solid #330000;
border-bottom: 2px solid #330000;
display: block;
}

div.center h1 a{
color: #ffffff;
}

div.center h1 a span.normalFont{
font-weight: normal;
font-size: 0.9em;
}


/*************Center Image use only if image is not aloud in banner******************/
div.header-img {
width: auto;
padding: 0;
margin: 0.35em 0 0.5em 0;
}

div.center div.header-img {text-align: center;}

/************* LEFT MENU **************/
/* Top grey border */

ul.nav {
width: 100%;
background-color: #ffffff;
border-top: 25px solid #333;
}

ul.nav li {
background-color: #ffffff;
border: none;
margin: 0;
padding: 0;
display: block;
}

ul.nav li.grey-top-border a, ul.nav li.grey-top-border span{
border-top: 1px solid #eee;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
color: #000000;
}

ul.nav li a.menulink:hover {
color: #fff;
background-color: #663333;
border-bottom: 1px solid #ccc;
border-right: 0;
margin: 0;
padding: 4px 10px 4px 10px;
}

ul.nav li.grey-border-seperator a
{
border-top: 3px solid #333 !important;
border-bottom: 3px solid #333 !important;
}

ul.nav li.change-border-color a
{
border-bottom: 1px solid #333 !important;
}
ul.nav li a.menulink-white, ul.nav li a.menulink-white:link, ul.nav li a.menulink-white:active, ul.nav li a.menulink-white:visited {
background-color: #fff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
color: #000000;
}

ul.nav li a.menulink-white:hover {
color: #fff;
background-color: #663333;
border-bottom: 1px solid #ccc;
border-right: 0;
margin: 0;
padding: 4px 10px 4px 10px;
}



ul.nav li span.on-state {
display: block;
background-color: #663333;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
}



ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
display: block;
background-color: #663333;
/*background-color: #660033;*/
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 4px 10px 4px 10px;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/


ul.nav3 {
width: auto;
margin: 0;
padding: 0;
background-color: #cccc99;
}


ul.nav3 li {
margin: 0;
padding: 0;
display: inline;
font-size: .85em;
border-top-style: none;
border-right-style: none;
border-left-style: none;
width: 125px;
}



ul.nav3 li span.on-state {
display: block;
border-bottom: 1px dashed #ccc;
padding: 7px 3px 7px 20px;
margin: 0px;
background-color: #cccc99;
color: #000;

}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #cccc99;
color: #000;
border-bottom: 1px dashed #ccc;
padding: 7px 3px 7px 20px;
margin: 0; 

}


ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
display: block;
margin:  0;
padding: 7px 3px 7px 20px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
width: 125px;

}

ul.nav3 li a.menulink:hover {
background-color: #cccc99;
border-bottom: 1px dashed #ccc;
margin: 0;
padding: 7px 4px 7px 20px;
color: #000;

}


/*************RIGHT SIDE IMAGE ***************/
div.right-navigation-image {
width: auto;
margin: 0;
padding-top: 0.65em;
padding-bottom: 1.5em;
background-color: #cccc99;
}

div.image-container{
width: 180px;
margin: 0 auto;
padding: 0;
}

div.image-container p{
font-size: 0.85em;
padding: 0;
margin: 2px 0 10px 5px;
}

div.image-container img {
border: 6px solid #fff;
}


/*************END OF RIGHT SIDE IMAGE ***************/


/* modifications  */

div.search-all div#title2 {
background-color: #333;
color: #fff;
}

/* table class */

table.justify {
margin-left: 0;
padding-left: 0;

}

table.compact-type, table.compact-type-no-border
{
padding-left: 0 !important;
margin: 1em 0.2em 1em 0.5em;
}

table.compact-type
{
border-collapse: collapse;
}

table.compact-type th, table.compact-type td, table.compact-type-no-border th, table.compact-type-no-border td
{
text-align: left;
vertical-align: top;
}

table.compact-type th, table.compact-type td
{
padding: 0.75em 0.25em 0.75em 0.25em;
margin: 0;
border: 1px solid #000000;
}

table.compact-type{
font-size: 0.95em;
line-height: 1.2em;
}

table.compact-type-no-border {
font-size: 0.85em;
}

table.compact-type-no-border th, table.compact-type-no-border td
{
padding: 0.5em;
margin: 0;
}

table.compact-type th, table.compact-type-no-border th
{
white-space: nowrap;
}



/**************FOR BOTTOM LINKS****************/
p.bottom-link {
	font-size: 0.85em;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
		
}

p.bottom-link, span.bottom-link-on-state {
	color: #663333;
	font-weight: bold;
	background-color: transparent;

}


p.bottom-link a:link, p.bottom-link a:visited, p.bottom-link a:hover, p.bottom-link a:active, p.bottom-link span.bottom-link-on-state {
	color: #663333;
	font-weight: bold;
	
}


p.bottom-link a:hover {
	text-decoration: none;
}



/*end for bottom links*/


/*For Images within the second column*/


/*IMAGES FOR THE GALLERY PAGES*/


div.gallery-container {
width: auto;
margin-left: 1.2em;
display: table;
margin-bottom: 1.5em;

}

/*div.gallery-container {
width: auto;
margin-left: 1.2em;
display: table;
margin-bottom: 1.5em;
background-color: #cccc99;
}*/

/*div.gallery-image-container {
width: 176px;
margin: 0 0 0 10px;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}*/

div.gallery-image-container {
width: 176px;
/*height: 225px;*/
height: 280px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}

div.gallery-image-container1 {
width: 176px;
height: 140px;
margin: 0 5px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}


div.gallery-image-container img {
border: 3px solid #fff;

}



div.gallery-image-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}

div.gallery-image-container1 p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}

div.gallery-container1  {
width: auto;
margin: 0 0 0 110px;
padding: 0;
text-align: center;
}

/*GALLERY FOR PHOTOGRAPHS*/

div.gallery-photo-container {
width: 176px;
height: 335px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;
border: 1px solid black;
}

div.gallery-photo-container img {
border: 3px solid #fff;

}

div.gallery-photo-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}



/*Galleries Page 7000.1*/

div.galleryPage-container {
width: 375px;
margin-left: 1.2em;
display: table;
margin-bottom: 1.5em;


}

/*div.gallery-page-container img {
border: 3px solid #fff;

}*/


div.galleryPage-container1  {
width: auto;
margin: 0 0 0 110px;
padding: 0;
text-align: center;

}

div.gallery-page-container1 {
width: 300px;
margin: 0 auto;
padding: 0 0 0 0;
/*background-color: #cccc99;*/
/*float: left;
text-align: center;*/

}


div.gallery-page-container1 p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;

}

div.gallery-page-container1 img {
border: 5px solid #cccc99;

}

div.inner-content hr {
color: #cccc99;
width: 200px;
height: 2px;
margin-left: 100px;
margin-bottom: 10px;
border: none;
background-color: #cccc99;

}

/*END of Galleries page 7000.1*/

/*CONTAINER FOR BOOKS GALLERY*/


div.gallery-books-container {
width: 176px;
height: 420px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}


div.gallery-books-container img {
border: 3px solid #fff;

}


div.gallery-books-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;

}

/*CONTAINER FOR ART GALLERY*/


div.gallery-art-container {
width: 176px;
height: 415px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}


div.gallery-art-container img {
border: 3px solid #fff;

}


div.gallery-art-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}

/*CONTAINER FOR PAPER GALLERY*/


div.gallery-paper-container {
width: 176px;
height: 280px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}


div.gallery-paper-container img {
border: 3px solid #fff;

}


div.gallery-paper-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}

/*CONTAINER FOR EPHEMERA GALLERY*/

div.gallery-ephemera-container {
width: 176px;
height: 435px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #cccc99;
float: left;
text-align: center;

}


div.gallery-ephemera-container img {
border: 3px solid #fff;

}


div.gallery-ephemera-container p {
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
}


/*END OF CONTAINER FOR EPHEMERA GALLERY*/




/*FOR COLUMN TWO - IMAGES*/

span.source-image {
font-size: 0.85em;
margin-bottom: 0;
padding-top: 0; 

}


p.caption {
font-size: 0.85em;
margin-top: 0;
padding-top: 0;
}

/*FOR NUMERICAL PAGE NAVIGATION*/

div.page-navigation  {
	font-size: 0.85em;
	text-align: right;
	padding: 10px 35px 10px 0px;
			
}

span.activity {
	font-size: 1.10em;
	text-align: right;
	
}
 

/*TWO IMAGES SIDE BY SIDE*/

div.double-container {
margin-left: 55px;

}

div.container-one  {
width: 150px;
margin: 0 10px 0 0;
padding: 0 10px 0 50px;
float: left;
text-align: center;


}


div.container-one p {
width: 150px;
/*float: left;*/
text-align: left;


}

div.container-two  {
width: 150px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
text-align: center;


}

div.container-two p {
width: 150px;
/*float: left;*/
text-align: left;


}

/*.two-image img {
width: 150px;
border: 1px solid blue;

}

.two-image p {
width: 150px;
text-align: left;
font-size: 0.85em;
padding-left: 10px;
padding-right: 10px;
border: 1px solid green;

}*/

/* CSS to use TABLE (table display)


table {
width: 385px;
margin: 0;
margin-left: 15px;
padding: 0;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
 */

/* FOR GALLERY OF BOOKS PAGE 7030*/

table.full {
width: 570px;
margin: 0;
margin-left: 10px;
padding: 0;
border-top: 1px solid #cccccc;
border: 1px solid #fff;
background-color: #cccc99; 
}


table.full td, table.full th {
border: 1px solid #fff;
padding: 4px;
}

table.full td.cell15perc, table th.cell15perc

{
width: 15%;
}


table.full td.cell20perc, table th.cell20perc

{
width: 20%;
}


table.full td.cell30perc, table th.cell30perc

{
width: 30%;
}


/*FOR CAPTION IN TABLE*/
.tableheading {
text-align: left;
font-weight: bold;
font-size: 1.0em;
margin-left: 12px;
padding-bottom: 5px;
}


/**/
div#procontainer ul.nav{
border-top: none;
}
