/*Museum 2006 - many styles are from exhibits*/
/*Created 2006-09-25 by Anne Botman*/
/*Updated 2008-02-04 by Jana Gillis*/
/*PRIMARY*/
html, body {color:#000;
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em; }
p, li {line-height:1.3em; }
a, a:link {color:#0066CC; }
a:visited {color:#005AB3; }
a:hover {color:#3399FF; }
a img {border:0; }
.invisible {display: none; }

/**/
/*Clear forces an element to come below a floating element; both clears left and right*/
.clear {clear:both; }
#clear {clear:both; }

/**/
/*PAGE HIERARCHY: Level, Page, Header, Main, Sidebar, Index, Content, Path, Footer*/
/* */
/* Level is part of Body, Main and Index */
/**/
#page {margin:0 auto;
width:800px; }

/**/
/*PULL DOWN SITE INDEX*/
/*sibox contains the pulldown form -- height is required to fix problem in Netscape 7*/
#sibox {width: 800px;
height: 1px; }
#siteindex {float:right;
margin:8px 0; }

/**/
/* HEADER*/
#header {width: 800px;
clear:both; }
#hdrleft {width: 300px;
height: 47px;
float: left;
margin: 0px;
padding: 0px; }

#hdrleft img.ltop {margin: 0px;
padding: 0px;
width: 300px;
height: 47px; }

#hdrright {width: 500px;
height: 47px;
float: right;
margin: 0px;
padding: 0px;
background-image: url(/graphics/navbars/musbg_47.gif);
background-repeat: no-repeat; }

#hdrright img.rtop {margin: 0px;
padding: 0px; }

#hdrright ul {display:block;
float: right;
margin: 0px;
padding: 0px; }

#hdrright li {display: inline;
list-style:none;
padding: 0px 8px 0px 22px; }

#hdrright li a {font-size: .85em;
font-weight: 700;
text-decoration: none;
color: #fff;
padding: 0px 0px 0px 5px; }

/**/
/*Main -- controls the menu page  background colour, the footer line colour and the sidebar background colour*/
#main {border: 1px #009966 solid;
border-width:0 0 3px;
clear:both;
display:block; }


/*The gallery related page graphics for Index titles*/
#index dt a.muse {background-image: url(/museum/images/index_mus_e.gif); }
#index dt a.musf {background-image: url(/museum/images/index_mus_f.gif); }


body#level1 #main, body#level2 #main, body#level3 #main, body#level4 #main, body#level5 #main {background: #fff url(/museum/images/sidebarbg.gif) no-repeat; }

body#redirect {background: #fff; }

/*This somehow clears the rest of the content block to the footer level?*/
#main:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

/**/
/*Path breadcrumbs*/
#path {float: left;
margin: 0px;
padding: 0px 15px 15px 220px;
font-size: 90%; }
#path a:link {text-decoration: none; }

#path a:visited {text-decoration: none;
color: #005AB3; }

#path a:hover, #nextprev a:active {text-decoration: underline;
color:#3399FF; }

/*body#level3 #path, body#level4 #path, body#level5 #path {
     padding:0 0px; }*/
/**/
/* Sidebar is for whole left column*/
#sidebar {float:left;
width:200px;
color: #006633; }

#sidebar h3 {font-size: 1em;
margin: 0;
padding:10px 0 2px 15px;
font-weight: bold; }

#sidebar .hilite ul, #sidebar .photocaption ul {padding: 0;
margin:0; }

#sidebar .hilite li, #sidebar .photocaption li {
margin: 0px 18px 0 33px;
list-style-type: disc;
line-height: 1.3;
padding: 0px 0px .5em 0em; }

#sidebar ul, li {
line-height: 1.3em;
 }
 
#sidebar p.tight {margin: 0px 2px 0px 2px;}

/* lifted from special exhibitions for Varley press release */
#sidebar #equote2 {font-size: 150%;
font-family:Georgia, Times, serif;
font-style:italic;
/*width value was added to overcome italics problem in IE - italics broke the column: see http://www.positioniseverything.net/explorer/italicbug-ie.html*/
width: 190px;
margin: 0px;
margin-top:40px;
padding: 0px; }
#sidebar #equote2 p.qtxt {margin:0px 10px 0px 10px;
padding: 20px 0px 0px 5px;
line-height: 1.2em;
text-indent: 2em; }
#sidebar #equote2 p.qauthor {padding-top: 20px;
text-align: right;
padding-right: 50px; }

/**/
/*These empty spans are used to hide text which is printed instead of background graphics*/
h1 span, #header h2 span, #index dt span, #content h2 span, a span, #content .section li:first-child:before,#themes li:first-child:before {display:none; }
**/
/*Index Box - Levels 1-4*/
dl #index {background: #11B5B2;
padding-bottom:8px;
padding-top:0px;
margin-top:0px; }

#index dt {/*     height:32px;
*/
     background: #0066CC;
float:left; }

/*Index box title*/
#index dt a {height:32px;
width:200px;
display:block;
margin:0; }

/*Non-gallery related pages index title graphics - index, natcap, etc.*/
#index dt a.plaine {background-image: url(/exhibits/_images/index_e.gif); }
#index dt a.plainf {background-image: url(/exhibits/_images/index_f.gif); }

/*The gallery related page graphics for Index titles*/
#index dt a.musse {background-image: url(/museum/images/index_muss_e.gif); }
#index dt a.mussf {background-image: url(/museum/images/index_muss_f.gif); }


/*Index box link styles*/
#index dd.first {padding-top:8px; }
#index dd ul li a.first:link {padding-top:4px; }
#index dd.last {padding-bottom:0px; }
#index dd ul li a.last:link {padding-bottom:0px; }
#index dd {background: #11B5B2;
font-size:13px;
font-weight:700;
padding:0 8px;
margin:0;
clear:left; }
#index dt+dd a {padding:4px 4px 2px 4px; }

/*REGULAR*/
#index dd a {color:#fff;
display:block;
padding:3px 4px;
text-decoration:none; }
#index dd a:hover {text-decoration:underline; }
#index dd ul {list-style-type:none;
margin:0;
padding:0; }
#index dd li a, #index dd li a:link {font-size:12px;
padding: 3px 16px 3px 16px;
margin:0;
color: #fff; }
#index dd li a:visited, #index dd li a:hover {/*orange - not used?*/
     color: #ff8000; }
	 
/*ACTIVE - dark teal and light teal*/
#index dd.active a {background:#D4F7F7; }
#index dd.active a, #index dd.active a:link, #index dd.active li a, #index dd.active li a:link {/*dark teal*/
     color:#2E6B6A; }
#index dd.active a:visited, #index dd li a:visited, #index dd.active a:hover, #index dd li a:hover {/*medium teal*/
     color: #439d9c; }
/*WHITE - white and pale yellow*/
#index dd.white a {background:#11B5B2; }
#index dd.white a, #index dd.white a:link, #index dd.white li a, #index dd.white li a:link {color:#fff !important; }
#index dd.white a:visited,  #index dd.white li a:visited, #index dd.white a:hover,  #index dd.white li a:hover {color: #ffffCB !important; }
/*HERE - black and no underline - used in dd and li*/
#index dd.here a {background:#D4F7F7; }
#index dd a.here {color: #214D4C; }
#index dd li.here a, #index dd.here a, #index dd.here a:link, #index dd.here li a, #index dd.here li a:link, #index dd.here a:visited,  #index dd.here li a:visited, #index dd.here a:hover,  #index dd.here li a:hover {color:#214D4C !important;
text-decoration: none; }
/**/
/*Content*/

#content {width:600px;
float:right; }
#content h1 {margin: 12px 0px 0px 20px;
font-size:1.7em;
font-style:italic;
color: #009966; }
#content h2 {margin: 1em 20px 0px 20px;
font-size: 1.4em;
color: #990099; }
#content h2.tight {margin:0 20px;
font-size: 1.4em;}
#content h2.switch {
color: #009966; }
#content h3 {margin: 1em 20px 0px 20px;
font-size:1.1em;
color: #009966; }
#content h3.tight {margin: 0 20px;
font-size:1.1em;}
#content h4 {font-size:1em;
color:#990099;
margin: 1em 20px 0px 20px;}
#content h4.tight {margin: 0 20px;}
#content h4.switch {
color: #009966; }

#content p {margin: 12px 15px 0px 20px; }
#content p.tight {margin: 0px 15px 0px 20px; }
#content ul, ol {padding: 0;
margin:0; }
#content li {margin-left:46px; }

/* used on Puijila press release to align photos side by side */
.puijilabox {
	display: block;
	margin-top: 0px;
	margin-left: 20px;
	width: 574px;
}

.puijilalf {
	display: block;
	width: 200px;
	margin-left: 0px;
	float: left;
}

.puijilart {
	display: block;
	width: 200px;
	margin-left: 30px;
	float: left;
}

/* used on press room page to align text side by side */
.prblock {
	display: block;
	margin-top: 0px;
	margin-left: 20px;
	width: 574px;
}

.prblocklf {
	display: block;
	width: 360px;
	margin-left: 0px;
	float: left;
}

.prblockrt {
	align: center;
	font-weight: strong;
	display: block;
	width: 180px;
	margin-left: 30px;
	background-position: center;
	float: left;
}

/* used on press releases with more than two media contacts ie. genome in Edmonton */
.prmedialf {
	display: block;
	width: 220px;
	margin-left: 0px;
	float: left;
}

.prmediart {
	align: center;
	font-weight: strong;
	display: block;
	width: 220px;
	margin-left: 30px;
	background-position: center;
	float: left;
}

#content .datetime {
font-size: 1em;
font-weight: bold;
color: #000000;
margin: 0px 15px 0px 20px;}

/* added Sept. 10, 2007 by Jana - to be used when the date and time is a heading. It just has different margins. */
#content .datetimehdr {
font-size: 1em;
font-weight: bold;
color: #000000;
margin: 10px 15px -10px 20px;}

/**/
/*In Page Nav - used for linking to "level 4"  content pages - used in press releases*/
#inpagenav {display: block;
float:right;
width:175px;
background:#ecf5f2;
margin: 15px 0px 15px 30px;
color:#009966;
font-size: 90%;
padding: 10px 8px 10px 0px;
/*right padding keeps all levels equal rather than do it in the li*/
     border: 1px #009966 solid; }
#inpagenav ul {list-style-type: none;
margin: 0;
padding: 0; }
#inpagenav li {list-style-type: none;
margin: 0;
padding-top: 0px;
padding-right: 0px;
/*Right padding is handled by div so it's not cumulative*/
     padding-bottom: 6px;
/*space between li items*/
     padding-left: 11px;
line-height: 1.2; 
color:#006633; }

/*space between text rows for text wrapping*/
#pageindex li a, #pageindex li a:link, #inpagenav li a, #inpagenav li a:link {/*display: block;
* Moved block to inpagenav to accomodate pageindex links*/
     color:#009966;
text-decoration: none; }
#pageindex li a:visted, #inpagenav li a:visited {color:#009966; }
#pageindex li a:hover, #pageindex li a:active, #inpagenav li a:hover, #inpagenav li a:active {color:#009966;
text-decoration: underline; }
/*Page Index for targeted links within a page - like on calexhibits */
#pageindex {display: block;
background-color: #D4F7F7;
margin:  20px;
padding: 12px;
text-align: center; }
#pageindex ul {list-style-type: none;
margin: 0;
padding: 0; }
#pageindex li {display: inline;
margin: 0px;
padding: 0px;
/* font-size: 90%;
*/
     line-height: 1.3; }
/*Top of Page arrow*/
div.top a {display:block;
background-image:url(/graphics/style/top_exh.gif);
background-repeat:no-repeat;
float: right;
width: 70px;
height: 50px;
margin: 0px;
padding: 0px;
background-position: left center; }
/**/
/*Next/Prev Navigation - used in Gallery pages*/
#content #nextprev {border-top: 1px #0066CC solid;
font-size: 90%;
margin: 20px 20px 0px 20px;
clear: both; }
#nextprev a:link {text-decoration: none; }
#nextprev a:visited {text-decoration: none; }
#nextprev a:hover, #nextprev a:active {text-decoration: underline; }
#nextprev .prev {float:left;
padding:5px 10px 20px 10px; }
#nextprev .next {float:right;
padding: 5px 10px 20px 10px }
/*Footer*/
#footer a#copyright {float:left;
padding:5px 10px 10px 10px;
text-decoration: none; }
#footer a#comments {float:right;
padding:5px 10px 10px 10px;
text-decoration: none; }
#footer p {clear:both;
margin:0;
padding: 0 10px; }
#footer {clear:both;
font-size: 90%; }


/*PHOTOS AND IMAGE STYLES*/

/* to be used with cinema images on armchair travellers page - Oct. 10, 2007 */
#content .cinephoto img
{width:200px;
float:right;
margin: 5px 5px 5px 5px;
clear: right; }

#content .cinephoto
{display: block;
width:550px;
padding: 5px 5px 0px 0px;
}


/*Main Gallery Photo*/
.photomainmenu {float: right;
margin-bottom: 5px;
width: 580px; }
.photomainex {float: right;
margin-bottom: 20px;
width: 580px; }


/*Photo with no text on white*/
.photowhite {float:right;
clear: right;
margin:1.2em 0 30px 30px; }

/*Photo header with text beside (eg. deferred gifts)*/
.photohdr {float:right;
clear: right;
margin:1.2em 0 10px 10px; }



/*Photo with Caption*/
#content .photocaption {width:185px;
float:right;
margin: 20px 0px 20px 30px;
clear: right;
color: #000;
/* border: 1px solid;
*/ }
#content .photocaption200 {width:200px;
float:right;
margin: 20px 0px 20px 30px;
clear: right;
color: #000;
/* border: 1px solid;
*/ }
#content .photocaption200 p, #content .photocaption p {font-size: 90%;
padding: 0em 8px 1.3em 8px;
margin:0;
line-height:1.3;
color: #0066CC; }

/* closure notice */
#content .notice {color: #000000;
font-size: 100%;
display: block;
background-color: #effbe9;
padding: 6px;}

#sidebar .photocaption {width:200px;
/*float: left;
*/
     margin: 30px 0 0 0px;
padding: 0px;
color: #0066CC; }
#sidebar p, #sidebar .photocaption p, #sidebar .sponsor p, #sidebar .notice p {font-size: 90%;
padding: 0em 15px 0.7em 15px;
margin:0;
line-height:1.3;
text-align: left; }

#sidebar h2 {font-size: 120%;
padding: 0.6em 15px 0em 15px;
margin:0;
line-height:1.3;
text-align: left; }

#sidebar .tight {margin: 0em;
padding: 0.6em 15px 0em 15px; }


/*TWO COLUMNS FOR donations form*/
#content #leftcol {float:left;
width:245px;
display: block;
margin-left: 10px; }
#content #centrecol {float:left;
width:10px;
display: block;
margin-left: 245px; }
#content #rightcol {float:left;
width:245px;
display: block;
margin-left: 255px; }


/*Blue box containing images with a caption - used on donations page for promo*/
#content .blueboxcaption {display: block;
width: 500px;
margin: 1.2em 0px 1.4em 20px;
padding: 0px 20px 1.2em 0px;
background-color: #f3e9f3;
float: left; }

/*SPECIFIC FONT RELATED*/
.super {vertical-align:super;
display:inline !important;
font-size:9px; }
.sub {vertical-align:sub;
display:inline !important;
font-size:9px; }

.pub {font-family: "Times New Roman", Times, serif;
font-size:14px; }

/* added Sept. 10, 2007 by Jana - to be used with armchair cinema movie names. It just has a left margin. */
.pubcinema {font-family: "Times New Roman", Times, serif;
font-size:14px; 
margin: 0px 0px 0px 10px;}


.indent {padding-left:30px;
display:block; }
.indent1 {padding-left:50px;
display:block; }
.nature {color: #008000;
font-weight:bold; }
.latin {font-weight:bold;
font-style:italic; }

/*For the Skip Nav link at the top of each page*/
.accessibility {display:none; }
/*PAGE SPECIFIC STYLES - INDCATE PAGE*/
/*FIP content*/
#fippage {margin:0 auto;
width:700px; }
#fip {font-size: 1.4em;
font-weight: bold;
margin: 0;
padding: 0; }
#fip a.e {display: block;
float: left;
margin: 5px 0;
padding: 5px 0 0 155px; }
#fip a.f {display: block;
float: right;
margin: 5px  0;
padding: 5px 190px 0 0; }
#fip #canada {float:left;
padding:0px;
margin: 15px 0;
clear: both; }
#fip #cmn {float:right;
padding:0px;
margin: 20px 0; }


.min {
	font-size: .80em;
}

.pdf {
color: #666666;
font-size: 90%;
display: block;
background-color: #effbe9;
padding: 5px;
}



th {
font-weight: 800;
padding: 2px;
font-size: 1em; }


.tabletitle2 {
	font-weight: 800;
	font-size: .95em;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tabletxt {
	font-weight: 400;
	font-size: 0.9em;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*End of New table styles - Aug2005*/


.sidemark1 {
	color:				#009966;
	font-size:			2.50em;
	font-weight:		800;
}

.sidemark2 {
	color:				#990099;
	font-size:			2.0em;
	font-weight:		800;
}

.chap1 {
	color:				#009966;
	font-size:			110%;
	font-weight:		800;
}

.chap2 {
	color:				#990099;
	font-size:			110%;
	font-weight:		800;
}



.chap1sb {
	color:				#009966;
	font-size:			90%;
	font-weight:		800;
	word-spacing:		normal;
	letter-spacing:		normal;	
}

.chap2sb {
	color:				#990099;
	font-size:			90%;
	font-weight:		800;
	word-spacing:		normal;
	letter-spacing:		normal;	
}

/* new styles for donations sectiom */

.wnature {
color: #ffffff;
font-weight: 800;
font-size: 115%;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
font-family: Georgia, "Times New Roman", "Times Roman", serif;
}


/* Menus Start */

.indexw {
color: #FFFFFF;
font-size: 100%;
font-weight: 800;
}

.menu {
font-weight: 400;
word-spacing: normal;
letter-spacing: normal;
}

.menub {
font-weight: 800;
word-spacing: normal;
letter-spacing: normal;
}



/* Menus End */

.sidebar {
color: #000000;
font-weight: 400;
word-spacing: normal;
letter-spacing: normal;
line-height: 1.35;
}


a.menulink:link {color: #3D4721;
font-size:  1.0em;
text-decoration: none;
line-height: normal; }

a.menulink:visited {color: #660099;
font-size:  1.0em;
text-decoration: none;
line-height: normal; }

a.menulink:hover {color: #FF0099;
font-size: 1.0em;
text-decoration: underline;
background-color: #CCF0C0;
line-height: normal;
text-transform: inherit; }