/* -*- css -*- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ------------ Optional Styles ----------- */
/*
   The following styles will only be applied if you voluntarily give the
   appropriate element a specific class .
*/

/* ------------ Text styles ----------- */

.small{
font-size: 80%;
}

.large{
font-size: 120%;
}



/* page formatting options, good for headers */

div.splash {
    min-height: 342px;
}

div.splash img.right {
	float: right;
}

div.splash img.left {
	float: left;
}

/* ---------- Sub Navigation Bar ---------------- */
/*
   To use, put the div '<div class="navcontainer">' around the unordered
   list you want to style.
*/

.navcontainer {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 10px;
}

.navcontainer li {
	display: inline;
	list-style-type:none;
	margin: 0 0 0 0;
	padding-left: 0;
	padding-right: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
}

.navcontainer form {
	display: inline;
}

.navcontainer ul, .navcontainer ol {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.navcontainer .navlist {
        padding-top: 3px;
}


.navcontainer a {
	text-decoration: none;
}

.navlist li a {
	text-decoration: none;
}

.navcontainer a:visited {
	text-decoration: none;
	color: #000099;
}

.navcontainer a:hover {
	text-decoration: underline;
}

.navlist li a:visited {
	text-decoration: none;
	color: #000099;
}

.navlist li a:hover {
	text-decoration: underline;
}

/* ------------ Sortable Table Styling ----------- */

table.sortable a.sortheader {
	display: block;
	white-space: nowrap;
}

table.sortable span.sortarrow {
	color: #000153;
	text-decoration: none;
	display: none;
}

/* ---------- Shaded Table Styling ---------------- */
/*
   To use, put the div '<div class="shadedarray">' around the table
   you want to style
*/
.shadedarray {
	color: #660000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shadedarray table {
	padding: 0;
	border-collapse: collapse;
	border-style: none;
}

.shadedarray tr {
	background-color: #efd9a5;
	border-top: 1px solid #a5adb5;
}

.shadedarray td {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.8em;
	margin: 0;
	font-size: 90%;
}

.shadedarray th {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.7em;
	background-color:  #efd9a5 ;
	color: #000000;
	text-transform: uppercase;
	font-size: 80%;
	text-align: left;
}

.shadedarray a {
	text-decoration: none;
	font-weight: bold;
}

/* ---------- Table with Stripes ---------------- */
/*
   To give a table alternating stripes, give it the class 'stripetable'.
*/

.stripetable {
	border-collapse: collapse;
	border:2px solid black;
	color:black;
}
.stripetable th, .stripetable td {
	padding:2px 5px; border:1px solid #888;
}
.stripetable thead th {
	border-bottom:2px solid black;
}
.stripetable tr:nth-child(odd) {
	background-color:#E2E2D5;
}
.stripetable thead tr:nth-child(odd) {
	background-color:transparent;
}

.stripetable td {}

/* ---------- Basic Image Gallery ---------------- */

div.spacer {height: 1px;
clear: both;}

dl.image_gallery
{
border: 1px solid #000;
width: 160px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

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

.square_space
{
width: 150px;
height: 150px;
}

.image_gallery dt img
{

}

.image_gallery dd
{
margin: 0;
padding: 0;
font-size: 80%;
text-align: left;
height: 6em;
}

/* miscelaneous text formatting options */
.text_right {
	text-align: right;
}

/* inline images that should be aligned to the middle of teh text */
img.center_line {
    vertical-align: middle;
}

/* INTERNAL LINKS */
.ilink.broken,
.iembedContainer.broken .iembedContent,
.iembedContainer .broken {
	color:#D00;
}
.iembedCaption {
	text-align:center;
	font-size:smaller;
}


/********************************/
/*  Drop-down navigation menus  */
/********************************/
/* base list container */
.dropDownNav {
	padding: 0;
	margin: 0;
    list-style: none;
	margin-left: -12px; /* compensate for first li's left margin + padding */
}
h1 + .dropDownNav {
	margin-top: -15px; /* pull up to heading */
	margin-bottom: 25px;
}
/* drop-down containers (sublists of .dropDownNav) */
.dropDownNav .hasSubnav ol,
.dropDownNav .hasSubnav ul {
	display: none;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.97);
    margin: 0;
    padding: 3px 0 .5em;
	border: 1px solid #888;
	border-top-width: 0;
	position: absolute;
	z-index: 1;
	left: -1px; /* line up border with parent's border */
	/* note: clip box-shadow so it doesn't spill over parent li */
	box-shadow: 1px 2px 7px rgba(0,0,0,.45);
	clip: rect(0,9999px, 9999px, -9999px);
	overflow: clip;
}
.dropDownNav > li > ol,
.dropDownNav > li > ul {
	min-width: 100%; /* at least as wide as the top-level item */
}
.dropDownNav .scrolling {
	max-height: 19.7em;
	overflow: auto;
}
.dropDownNav :hover > ol,
.dropDownNav :hover > ul {
	display: block;
}
/* sub-sub lists! */
.dropDownNav .hasSubnav .hasSubnav ol,
.dropDownNav .hasSubnav .hasSubnav ul {
	left: 100%;
	margin-left: -2px; /* overlap parent a bit */
	top: 0;
	border-top-width: 1px; /* parent to left instead of above now */
	overflow: auto;
}
/* all items */
.dropDownNav li {
	position: relative;
	z-index: 998;
	white-space: nowrap;
}
.dropDownNav li > span,
.dropDownNav li > a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 15em;
}
.dropDownNav--noclip > li > span,
.dropDownNav--noclip > li > a {
	max-width: none;
}
.dropDownNav .scrolling li > span,
.dropDownNav .scrolling li > a {
	text-overflow: clip; /* scrollbar over-shrinks content in Safari + FF */
}
.dropDownNav li:hover {
	z-index: 999; /* one above the others! */
}
.dropDownNav .current {
    background-color: #bfcbd9; /* sidebar background, lighter version */
}
/* top-level items */
.dropDownNav > li {
    display: inline-block;
    vertical-align: middle;
	padding: 1px 6px;
	margin: 0 6px;
}
.dropDownNav > .current {
    border-radius: 4px;
}
.dropDownNav > .current:hover {
    border-radius: 0;
    background-color: transparent; /* override .current bg */
}
.dropDownNav > .hasSubnav {
	border-left: 1px solid transparent; /* reserve room so it doesn't wiggle */
}
.dropDownNav > .hasSubnav:hover {
	border-left-color: #888; /* same as submenu border, above */
}
/* items in drop-downs (sublists) */
.dropDownNav .hasSubnav li {
	display: block;
	padding: 0;
	margin: 0;
}
.dropDownNav ul a,
.dropDownNav ol a {
	display: block;
	padding: 0 25px;
}
.dropDownNav .hasSubnav .navHead {
	padding: .5em 25px 0 14px;
}
.dropDownNav .hasSubnav .navHead:first-child {
	padding-top: 0;
}
/* items in drop-downs with pop-outs (sub-sub-lists!) */
.dropDownNav .hasSubnav .hasSubnav::after {
	content: "▸";
	position: absolute;
	right: 2px; /* squeeze into padding space */
	/* vertically centered on line */
	top: 50%;
	margin-top:-.7em;
}


/* performance sidebar */
#performanceSidebar .entry { margin-bottom:.3em; }
#performanceSidebar .more { margin-top:1.4em; }