/*SPNHC 2009*/
/*2009-07-07 by Russ Brooks*/
/*PRIMARY*/
html, body {color:#000;
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
margin-top: 0px;
margin-bottom: 0px; }
p, li {line-height:1.2em;
margin: 0px 0px 0px 0px; }
.invisible {display: none; }
.small {font-size: 0.8em; }

#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

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

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


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

body#level1 #main, body#level2 #main, body#level3 #main, body#level4 #main, body#level5 #main {}

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

/**/

/*body#level3 #path, body#level4 #path, body#level5 #path {
     padding:0 0px; }*/
/**/
/* Sidebar is for whole left column*/
#sidebar {float:right;
margin: 50px 0px 0px 0px;
width: 380px;
color: #000000;
background-color: #cee4c1;
font-size: 1em;}

#sidebar p.sidepar {float:right;
margin: 10px 10px 10px 10px;
width:350px;
color: #000000;}

#sidebar p.sideparwhite {float:right;
padding: 10px 10px 10px 20px;
margin: 10px 0px 10px 0px;
width: 350px;
background-color: #ffffff;
color: #000000;}

#sidebar p.sidepartight {float:right;
margin: 0px 10px 0px 0px;
width: 350px;
color: #000000;}

#sidebar h2.sidepar {float:right;
margin: 10px 10px 0 10px;
width: 350px;
color: #996600; }

#sidebar h2.sidepartight {float:right;
margin: 10px 10px 0px 0px;
width: 350px;
color: #996600; }

#sidebar h3.sidepar {float:right;
margin: 10px 10px 0 10px;
width:340px;
color: #000000; }

#sidebar .sideparbox {
width:340px;
color: #000000; }

#sidebar .whitemenu {
color: #FFFFFF; }

#sidebar .header3 {
font-size:1.1em;
font-weight: bold;
color: #000000; }

/**/

/*MENU*/
#menu a, a:link {
color: #ffffff;
text-decoration:none; }
#menu a:visited {
color: #cccc66;
text-decoration:none; }
#menu a:hover {
color: #ffff00;
text-decoration:underline; }
#menu p {clear:both;
margin:0;
padding: 10px 10px 10px 10px;
color: #ffffff; }
#menu {clear:both;
float:left;
background-color: #666666;
padding: 0px 0px 0px 0px;
font-size: 90%;
width: 1020px;}

#active {
background-color: #ffcc00;
}
#active a, a:link {
color: #000000;
text-decoration: none; }
#active a:visited {
color: #333333;
text-decoration: none;}
#active a:hover {
color: #666666;
text-decoration: underline; }

/*SUBMENU*/
#submenu a, a:link {
color: #000000;
text-decoration: none; }
#submenu a:visited {
color: #333333;
text-decoration: none; }
#submenu a:hover {
color: #666666;
text-decoration: underline;}
#submenu p {clear:both;
margin:0;
padding: 10px 10px 10px 10px;
color: #333333; }
#submenu {clear:both;
float:left;
background-color: #cccccc;
padding: 0px 0px 0px 0px;
font-size: 90%;
width: 1020px;}

/*These empty spans are used to hide text which is printed instead of background graphics*/
header h2 span, #index dt span, #content h2 span, a span, #content .section li:first-child:before,#themes li:first-child:before {display:none; }
/**/

/*Content*/

#content {width:1020px;
float:left;
background: #ffffff;}
#container {width: 620px;}
#containerwide {width: 980px;}
#photo700 {margin:0 0 0 30px;}
#content h1 {margin: 12px 15px 0px 30px;
width: 530px;
font-size:1.7em;
font-style:italic;
color: #669933; }
.splashh1 {margin: 0px 10px 0px 0px;
font-size:1.5em;
font-style:italic;
color: #009966; }
#content h2 {margin: 1em 20px 0px 30px;

font-size: 1.3em;
color: #ffffcc; }
#content h2.tight {margin:0 30px;
color: #990099; }
#content a, a:link {color:#0033cc;
text-decoration: underline; }
#content a:visited {color:#3366ff;
text-decoration: underline; }
#content a:hover {color:#000066;
text-decoration: underline; }
a img {border:0; }
#content h3 {margin: 12px 15px 0px 30px;
font-size:1.1em;
color: #FFFFFF; }
#content h3.tight {margin: 0 30px;
font-size:1.1em;
color: #FFFFFF; }
#content h4 {margin: 12px 15px 0px 30px;
font-size:1.0em;
color: #FFFFFF; }
#content p {margin: 12px 15px 0px 30px;}
#content p.tight {margin: 0px 15px 0px 30px;}
#content p.grey {margin: 12px 15px 0px 30px;
background:#f0f0f0; }

#content ul {padding: 0; margin: 12px 15px 0px 30px; }
#content li {margin-left:20px; }

#content a.glossary {
color:#FFFFFF;
background:#6699cc;
text-decoration: none; }
#content a:visited.glossary {
color: #cccccc;
background:#6699cc;
text-decoration: none; }
#content a:hover.glossary {
background:#6699cc;
text-decoration: underline; }

#content .feature {display:block; background:#006699;}
#content div.feature {border:2px solid #ffffff; width:600px; padding: 0 0 0 0px; margin: 30px 0px 0px 30px;}
#content .feature p {color:#ffffff;}
#content .feature li {color:#ffffff;}
#content .feature img {float:right; padding:10px; margin: 10px 10px 20px 10px;}

/* Photo Caption */

#content .photocaption {width:210px;
float:right;
margin: 10px 10px 20px 10px;
color: #669933;
/*border: 1px solid;*/
 }

#content .photocaption img {
border: 2px solid #fff;
 }
 
#content .photocaption p {font-size: 90%;
/*width: 300px;*/
padding: 0em 8px 1.3em 8px;
margin:0;
line-height:1.3;
color: #669933; }

/* End of Photo Caption */

/* no border left aligned indented image (puijila in Inuktitut */

#sidebar p {margin:0px 15px 0 15px;
/*width:100px;*/ }

#sidebar sidephotocaption p {font-size: 90%;
/*width: 300px;
padding: 0em 8px 1.3em 8px;*/
margin:0;
line-height:1.3;
color: #ffffff; }


/*In Page Nav - used for linking to "level 4"  content pages, usually on Gallery pages*/



/*FOOTER*/
#footer a, a:link {
color: #ffff99; }
#footer a:visited {
color: #cccc66; }
#footer a:hover {
color: #ffff00; }
#footer p {clear:both;
margin:0;
padding: 0px 0px 0px 10px;
color: #ffffff; }
#footer {clear:both;
float:left;
background-color: #666666;
padding: 20px 0px 0px 0px;
font-size: 90%;
width: 1020px;}


/*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: 1.2em; }
#content p.indent {padding-left:30px;
display:block;
/*width:650px;*/}
#content p.indent1 {padding-left:50px;
display:block;
width:650px; }
.nature {color: #ccffff;
font-weight:bold; }
.latin {font-style:italic; }
.smalltight {/*     font-size: 95%;
*/
     margin-top: 0px !important;
margin-bottom: 0px !important;
font-family:  Arial, Helvetica, sans-serif; }
.warning {background:#FFFF00;
color:#FF0000; }
/*For the Skip Nav link at the top of each page*/
.accessibility {display:none; }
/*PAGE SPECIFIC STYLES - INDCATE PAGE*/

/*Used in calexibit page*/
.min {
	font-size: .80em;
}

.pdf {
font-size: 80%;
display: block;
}

.date {
font-size: 80%;
font-weight: bold;
}

.white {
color:FFFFFF;
}

/*SPECIALITY*/

img {border-color: #ffffff ;}