/* General CSS for migration of virtual exhibitions */
/*Project ###/### */

/* Change body background colour */

 body
{
background-color: #660000;
} 

/* Change for customized header section */

div.inner-content h1
{
/*border: 1px solid #fff;*/
border: none;
background-color: #333333 !important;		
padding: 10px;
margin: 8px;
color: #fff;
letter-spacing: 1.5px;
}

/* header image */

div.center h1 a span.normalFont
{
font-weight: normal;
font-size: 0.7em;
}

/* LEFT MENU */

ul.nav
{
background-color: #fff;
color: #000;
width: 148px;
}

ul.nav li
{
background-color: #fff;
color: #000;
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: none;
border-left: 1px solid #ccc;
width: 148px;
}

ul.nav li.set-border-botton
{
border-bottom: 1px solid #ccc;
}

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;
color: #000000;
margin: 0;
padding: 7px 10px 7px 5px;
display: block;
border: none;
}

ul.nav li a.menulink:hover
{
background-color: #333333;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

ul.nav li span.on-state {
background-color: #333333;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
width: 133px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited
{
background-color: #333333;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

/************* LEFT MENU - SUB-MENU CLASSES 2010-05-18***************/

ul.nav3
{
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}

ul.nav3 li
{
background-color: #fff;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
width: 100%;
border: none;
}

ul.nav3 li.no-border-botton
{
border-bottom: none;
}

ul.nav3 li span.on-state
{
background-color: #fff;
font-weight: bold;
color: #000000;
padding: 5px 2px 8px 14px; 
margin: 0;
width: 132px;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited
{
margin: 0;
padding: 5px 2px 8px 14px; 
text-decoration: none;
background-color: #fff;
color: #000;
display: block;
width: 132px;
}

ul.nav3 li a.menulink:hover
{
background-color: #fff;
color: #000000;
margin: 0;
font-weight: bold;
padding: 5px 2px 8px 14px;
display: block;
width: 132px;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited, ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:visited
{
background-color: #fff;
color: #000000;
margin: 0;
font-weight: bold;
padding: 5px 2px 8px 14px;
display: block;
width: 132px;
}

/* Proactive disclosure */

div#procontainer ul.nav
{
background-color: #fff;
width: auto;
}

div#procontainer ul li 
{
border: none;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink
{
border: 1px solid #000;
background-color: #fff;
color: #000;
margin-left: 0;
padding: 5px 10px 5px 10px;
}

div#procontainer a.menulink:hover
{
background-color: #000;
color: #fff;
padding: 5px 10px 5px 10px;
}

/* Quote within content */

div.contentQuote {
	border-left: 3px solid #fff;
	padding: 9px 36px 15px 30px;
	font-style: italic;
}

/* Image display on pages within content */

div.image-container img
{
margin: 0 auto;
}

div.image-container p
{
font-size: 0.85em;
padding: 0;
margin: 2px 2px 5px 5px;
}

/* links for anchors within a page */

div.subsectionpage-links
{
font-size: 0.95em;	
}
	
div.subsectionpage-links ul
{
list-style-type: none;
list-style-position: inside;
}
	
div.subsectionpage-links ul li a:link, div.subsectionpage-links ul li a:visited
{
color: #000000;
text-decoration: underline;
}

div.subsectionpage-links ul li a:hover {
	color: #660000;
	text-decoration: underline;
	}
	
.subsectionpage-link-active
{
font-weight: bold;
color: #660000;
}	
	
div.subsectionpage-links dl dd a:link
{
color: #000000;
text-decoration: underline;
}

div.subsectionpage-links dl dd a:visited
{
color: #3333cc;
text-decoration: underline;
}	

div.subsectionpage-links dl dd a:hover
{
color: #3333cc;
text-decoration: none;
border-bottom: 1px dotted #3333cc;
}	

/* gallery on 2000 series of pictures  */

div.gallery-containter-v2-III
{
padding: 0;
margin: 1em auto;
width: 582px;
text-align: left;
display: table;
}

div.img-container-v2
{
padding: 0;
margin: 0;
width: 164px;
text-align: left;
}

div.img-container-v2 a, div.img-container-v2 a:link, div.img-container-v2 a:visited, div.img-container-v2 a:active 
{
border: 1px solid #ccc;
padding: 6px;
display: block;
margin: 0;
}

div.img-container-v2
{
padding: 0;
margin: 0;
width: 170px;
text-align: left;
}

div.img-container-v2 a, div.img-container-v2 a:link, div.img-container-v2 a:visited, div.img-container-v2 a:active 
{
border: 1px solid #ccc;
padding: 9px;
display: block;
margin: 0;
}

div.img-left-v2 p, div.img-right-v2 p
{
font-size: 0.8em;
padding: 2px;
}

div.img-left-v2 p, div.img-right-v2 p
{
font-size: 0.8em;
padding: 2px;
}

/* gallery on 2000 series of picture v4  */

div.img-container-v4
{
padding: 0;
margin: 0;
width: 364px;
text-align: left;
}

div.img-container-v4 a, div.img-container-v4 a:link, div.img-container-v4 a:visited, div.img-container-v4 a:active 
{
border: 1px solid #ccc;
padding: 6px;
display: block;
margin: 0;
}

div.img-container-v4
{
padding: 0;
margin: 0;
width: 370px;
text-align: left;
}

div.img-container-v4 a, div.img-container-v4 a:link, div.img-container-v4 a:visited, div.img-container-v4 a:active 
{
border: 1px solid #ccc;
padding: 9px;
display: block;
margin: 0;
}

div.img-left-v4
{
float: left;
width: 370px;
margin: 12px 12px 5px 12px;
padding: 0;
display: inline;
}

div.img-left-v4 p, div.img-right-v4 p
{
font-size: 0.8em;
padding: 2px;
}

div.img-left-v4 p, div.img-right-v4 p
{
font-size: 0.8em;
padding: 2px;
}

div.gallery-containter-v2-II
{
padding: 0;
margin: 1em auto;
width: 390px;
text-align: left;
display: table;
}

div.img-right-v2
{
float: right;
width: 170px;
margin: 12px 12px 5px 12px;
padding: 0;
display: inline;
}

div.img-left-v2
{
float: left;
width: 170px;
margin: 12px 12px 5px 12px;
padding: 0;
display: inline;
}

div.gallery-containter-v2-I
{
padding: 0;
margin: 1em auto;
width: 400px;
text-align: left;
display: table;
}

div.gallery2000
{
margin: 0px auto 0px auto;
padding: 0px 0 0px 0;
display: table;
}
	
/* gallery for large sized images  */

.gallery-LargImage-container
{
float: left;
width: 395px;
margin-right: 65px;
border: none;
padding: 0;
}

.gallery-LargImage-title
{
font-size: 1.2em;
font-weight: bold;
line-height: 1.3em;
}

.gallery-LargImage-container p
{
font-size: 0.82em;
line-height: 1.3em;
}

.gallery-LargImage-container a, .gallery-LargImage-container a:link, .gallery-LargImage-container a:visited, .gallery-LargImage-container a:active
{
color: #000000 !important;
}

.gallery-LargImage-container a:hover
{
color: #3333cc !important;
}

.gallery-LargImage
{
border: 1px solid #ccc;
margin: 10px 8px 0 10px;
padding: 8px;
}

/* Image display on right side of page within content of page */

.content-image-container
{
	float: right;
	width: 170px;
	margin: 10px 10px 20px 10px; /*top right bottom left*/
	padding: 10px 0px 10px 0px;
	border: 1px solid #ccc;

}

.content-image-container img {
	padding: 0px 10px 0px 10px; /*top right bottom left*/
}

div.content-image-source
{
	font-size:0.82em;
	padding: 0px 10px 0px 10px;
}
	
/* gallery for medium sized images  */

.gallery-MedImage-container
{
float: left;
width: 186px;
margin-right: 65px;
border: none;
padding: 0;
}

.gallery-MedImage-title
{
font-size: 1.2em;
font-weight: bold;
line-height: 1.3em;
}

.gallery-MedImage-container p
{
font-size: 0.82em;
line-height: 1.3em;
}
.gallery-MedImage-container a, .gallery-MedImage-container a:link, .gallery-MedImage-container a:visited, .gallery-MedImage-container a:active
{
color: #000000 !important;
}

.gallery-MedImage-container a:hover
{
color: #3333cc !important;
}

.gallery-MedImage
{
border: 1px solid #ccc;
margin: 10px 8px 0 10px;
padding: 8px;
}

/* Styles for Gallery pages numerical page navigation */

#page-list-container
{
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}

#page-list-container-bottom
{
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}

/* Gallery pages - for numerical page navigation */

ul.page-list2
{
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 10px;
}

ul.page-list2 li
{
display: inline;
}

ul.page-list2 a, ul.page-list2 a:link, ul.page-list2 a:active, ul.page-list2 a:visited
{
font-size: 0.9em;
text-decoration: none;
font-weight: bold;
display: block;
float: right;
/*width: 22px;*/
/*width: 14.5px;*/
width: 33px;
background-color: white;
color: black;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.page-list2 span
{
color: #999999;
font-size: 0.9em;
text-decoration: none;
display: block;
float: right;
/*width: 22px;*/
/*width: 14.5px;*/
width: 33px;
background-color: white;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.page-list2 a:hover
{
background-color: #cccc99;
color: black;
}

/* End Gallery page navigation */

/* For page navigation on pages needing prev next */

div.page-navigation
{
font-size: 0.85em;
padding: 10px 10px 10px 0px; /*top right bottom left*/	
text-align: right;
vertical-align: bottom;
}

/* End prev next page navigation */

/* gallery for small sized images */

div.gallery-SmalImage-container p
{
font-size: 0.85em;
padding: 2px;
margin: 5px 5px 5px 15px;
width: 125px;
} 

div.gallery-SmalImage-container
{
padding: 0;
margin: 5px 0px 5px 10px;
width: 125px;
text-align: left;
}

div.gallery-SmalImage-container img
{
border: 1px solid #ccc;
padding: 9px;
display: block;
margin: 0;
} 

/* For PHP page display */
div.item_display_container
{
width: 100%;
display: table;
}

div.item_display_container div.item_display_key
{
float: left;
}
div.item_display_container div.item_display_key strong
{
padding: 15px;
}

div.item_display_container div.item_display_text
{
float: left;
}

div.page_turning_container
{
display: table;
padding-left: 15px;
width: 100%;
}

/*album pages*/
div.alice-album div.image_container
{
padding-left: 15px;
}

div.album_container, div.return_link_album
{
padding-left: 15px;
}

div.caption-inner div.column73prct p.photoinfo
{
display: block ;
padding-top: 5px;
}

/* End PHP page display */

/*End*/