/* STYLES FOR PNDRI PAGES */

/* GLOBAL CLASSES */

BODY, .body {
	background-color: #ffc;
	font-size: 16px;
	font-family: serif;
}

body#splash	{
	color: #fff;
	background-color: #069;
}

#skipnav {display: none}

td,dl,dt,dd,blockquote,div,.div,.body	/* explicitly declared to overcome inheritance problems in N4 */ {
	margin-top: 0px;
	margin-bottom: 0px;
}

TD {text-align: left}

td.body {background-color: transparent}

P,.P, UL, OL {
	margin-top: 0px;
	margin-bottom: 9px;
}

LI /* explicitly declared to overcome inheritance problems in N4 */ {
	margin-top: 0px;
	margin-bottom: 0px;
}

LI.bold {
	margin-top: 9px;
}

TH {
	text-align: left;
	vertical-align: bottom
}

/* GLOBAL LINK STYLES */

A:link {color: #710}
A:active {color: #cC6}
A:visited {color: #ab7f78	/* c48276 */ /*  #309 */}

#splash a {color: white}

#e-laser #nav-deck a:visited {color: #710}

A:hover,A:active {text-decoration: none;}

A.inactive,
A.inactive:visited	/* links that need to be grayed out; gray is yellowish 60-20-60 (HSB), vs. 0-0-60 (#999), vs. 60-20-100 (yellow) */ {
	color: #99997A;
	text-decoration: underline
}

A.thispage, .sidebar li.thispage a			/* links that apply to the current page */ {
	font-weight: bold;
}

A.thishome, .sidebar li.thishome a			/* links that apply to the current page */ {
	font-weight: bold;
}

/* NAVIGATION */

#e-laser #nav {
	background-color: #CC9;
	font: normal 12px/1.4 verdana, arial, helvetica, sans-serif;
}

#e-laser #nav-deck {
	background-color: #996; 
	color: #000;
	font: normal 11px/1.25 verdana, arial, helvetica, sans-serif;
}

/* GLOBAL MODIFIERS *//* use with all elements (mostly block-level) to adjust size, white space, etc. */

p.first		{margin-bottom: 0px}
p.middle		{margin-bottom: 0px; text-indent: 16px;}
p.last		{text-indent: 16px;}

.smallserif	{						/* smaller font sizes */
			font-size: 14px;
			font-family: serif;}		
.small, .small li		{						/* smaller font sizes */
			font-size: 12px;
			font-family: verdana, arial, helvetica, sans-serif;}		
.smaller, .smaller li, .caption	{						/* smallest font size in general use (not safe to go any smaller) */
			font-size: 11px;
			font-family: verdana, arial, helvetica, sans-serif;}
.smallest, .smallest li	{						/* smallest font size, for exceptional cases only */
			font-size: 10px;
			font-family: verdana, arial, helvetica, sans-serif;}

.large		{font-size: 16px;}		/* larger font sizes */
.larger		{font-size: 18px;}		/* larger font sizes */
.largest	{font-size: 22px;}		/* larger font sizes */

.thick		{margin-top: 12px;}		/* extra amounts of white space above */
.thicker	{margin-top: 14px;}
.thickest	{margin-top: 18px;}

.thin		{margin-top: 6px;}		/* smaller amounts of white space above */
.thinner	{margin-top: 3px;}
.thinnest	{margin-top: 2px;}

.indent		{margin-top: 0px; text-indent: 16px;}	/* first line indented by a small amount */

.inset		{margin-left: 16px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 28px;}
.insetless	{margin-left: 10px;}

.bold		{font-weight: bold}		/* make it bold */
.normal, body .normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */
.gray		{color: #99997A}		/* make it gray (gray is yellowish 60-20-60 (HSB), vs. 0-0-60 (#999), vs. 60-20-100 (yellow)) */

.pndri-red				{color: #710}
.bg-pndri-red			{color: #710}

.pndri-blue				{color: #069}
.bg-pndri-blue			{color: #069}

.green					{color: #366}					/* PNRI green */
.orange					{color: #C60}					/* PNRI orange */

.yellow					{color: #CCF}					/* pale yellow */
.bg-yellow				{background-color: #CCF}

.khaki					{color: #CC9}
.bg-khaki				{background-color: #CC9}

.darkkhaki				{color: #996}
.bg-darkkhaki			{background-color: #996}

.olive					{color: #663}					/* darker than khaki */
.bg-olive				{background-color: #663}

.darkolive				{color: #660}					/* darker than olive */
.bg-darkolive			{background-color: #660}

.verydarkolive			{color: #330}					/* darker than darkolive */
.bg-verydarkolive 	{background-color: #330}

.black					{color: #000}
.bg-black				{background-color: #000}

.venetianred			{color: #933}
.bg-venetianred		{background-color: #933}

.serif		{font-family: serif}
.times		{font-family: "Times New Roman", Times}
.sans-serif {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;		/* 12px in sans approximates 16px in serif */
}
.nowrap, .phone		{white-space: nowrap}
.wrap			{white-space: normal}
.left			{text-align: left}
.center		{text-align: center}
.right		{text-align: right}
.justify		{text-align: justify}
.strike		{text-decoration: line-through}
.hide, .hidden	{visibility: hidden}
.relative	{position: relative}
.absolute	{position: absolute}
em em			{font-style: normal}
.block		{display: block}

/* HEADERS */

H1,H2,H3,H4,.H4,H5,.H5,H6,.H6	/* explicitly declared to overcome inheritance problems in N4 */ {
	font-family: verdana, arial, helvetica, sans-serif;
	margin-bottom: 0px;
}

H1			/* not used on current design */ {
	font-size: 20px;
}

H2			/* page heading of welcome page(s) */ {
	font-size: 18px;
}

H3			/* page heading of major subsection pages */ {
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 3px;
}

#sectionhead h3.head {
	color: #069;
}

H4			/* page heading of secondary subsection pages; major subheads */ {
	font-size: 14px;
	margin-top: 8px;
}

H4.head		/* page heading of major subsection pages */ {
	margin-top: 12px;
	margin-bottom: 4px;
}

H4.e-laser, H4.e-laser1 {
	margin-top: 9px;
	margin-bottom: 4px;
	background-color: #CC9;
	padding: 8px;
}

H4.e-laser1 {
	margin-top: 0px;
}


IMG.head		/* page heading of major subsection pages */ {
	margin-top: 6px;
	margin-bottom: 3px;
}

H5,.H5		/* subheads only */ {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 1px;
}

H5.e-laser {
	margin-top: 0px;
	margin-bottom: 4px;
	background-color: #CC9;
	padding: 8px;
}

H6, .H6, TH			/* lowest-level subheads, or above H3 or H4, if needed */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	/* text-transform: uppercase; */
	margin-top: 14px;
}

H6.sidebar, H6.sidebar2		/* use H6.sidebar before links in sidebar, H6.sidebar2 between links in sidebar */ {
	/* text-transform: none; */
	letter-spacing: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
}

H6.sidebar2		/* use H6.sidebar2 between links in sidebar */ {
	margin-top: 14px;
}

H6.normal			/* lowest-level subheads, or above H3 or H4, if needed */ {
	letter-spacing: 0px;
}

H3.backtotop, H4.backtotop, H5.backtotop, H6.backtotop /* where subhead needs to be just below "back to top" link */ {
	margin-top: -2px;
}

DIV.backtotop	/* for "back to top" link above H4,H5 headers - vertical spacing needs to be adjusted */ {
	margin-top: 14px;
	margin-bottom: 6px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
}
	
/* BLOCK ELEMENTS, LISTS, etc. */

table#byline {
	margin-top: 6px;
}

DL {
	margin-top: 9px;
	margin-bottom: 9px;
}

DT, DD {
	margin-top: 0px;
	margin-bottom: 0px;
}

DT {
	font-weight: bold;
	margin-top: 6px;
}

DD {
	margin-left: 20px;
}

PRE, .pre	/* no space before or after */ {
	font-family: "courier new", courier, monospace;
	font-size: 12px;
}

UL.sidebar LI {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

UL.nobullets, OL.nobullets, UL.flush {
	list-style: none;
}

UL.flush, dl.flush dt, dl.flush dd {
	margin-left: 0; padding-left: 0;
}

LI.top {
	padding-bottom: 0.5em;
}

dl.events dt		{font: bold 12px verdana, arial, helvetica, sans-serif; margin-top: 12px;}
dl.events dd		{font: normal 12px verdana, arial, helvetica, sans-serif; padding-top: 2px}
/* dl.events dd.title	{font: bold 12px verdana, arial, helvetica, sans-serif;} */
dl.events img		{margin: 4px 0}

dl.hotsheet dt			{font: bold 13px/14px verdana, arial, helvetica, sans-serif; margin-top: 12px; color: #330}
dl.hotsheet dd.price	{font: italic 12px/14px verdana, arial, helvetica, sans-serif; padding-top: 2px}
dl.hotsheet dd.details	{}

ol.hotsheet li, ol.hotsheet li em						{font: bold 13px/14px verdana, arial, helvetica, sans-serif; margin-top: 12px; color: #330}
ol.hotsheet ul li, ol.hotsheet li p, ol.hotsheet li li, ol.hotsheet dl, ol.hotsheet td	{font: normal 16px serif; font-style: normal}
ol.hotsheet th											{font: bold 11px/12px verdana, arial, helvetica, sans-serif}
ol.hotsheet td											{vertical-align: top; font: normal 11px/12px verdana, arial, helvetica, sans-serif}
ol.hotsheet li p em										{font: italic 16px serif}
ol.hotsheet li li strong, ol.hotsheet li p strong		{font: bold 16px serif;}
ol.hotsheet li li em, ol.hotsheet li p em				{font: normal 16px serif; font-style: italic}
ol.hotsheet li em, ol.hotsheet li * em					{font-style: italic}
ol.hotsheet p.thanks, ol.hotsheet p.value				{font: bold 13px/14px verdana, arial, helvetica, sans-serif; margin: 0.5em 0}
ol.hotsheet li p.value em								{font: bold 13px/14px verdana, arial, helvetica, sans-serif; font-style: italic}

/* SIDEBAR, FOOTER, etc. */

.sidebar		/* smaller font size: used for header bar links */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
}

DIV.sidebar {
	font-size: 12px;
}

DIV.sidelink2 {
	font-size: 11px;
	margin-left: 12px;
}

.header		/* smaller font size: used for header bar links */ {
	font-size: 12px;
	text-align: right;
}

.lastmod, #footer-main, .topp		/* smaller font size: used for standard author information on bottom left */ {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #a19162;
	/* color: #663; */
}

P.lastmod {
	margin-top: 7px; margin-bottom: 0;
	font-size: 10px;
}

P.copyright {
	margin-top: 2px;
	font-size: 10px;
}

.home		/* smaller font size: used for header bar links */ {
	font-weight: bold;
}

.sublink	/* subsidiary sidebar link: smaller font size, indented */ {
	font-size: 12px;
	margin-left: 12px;
}

.sublink2	/* subsidiary sidebar link, level 2: smaller font size, further indented */ {
	font-size: 12px;
	margin-left: 21px;
}

.sublink3	/* subsidiary sidebar link, level 3: smaller font size, further indented */ {
	font-size: 12px;
	margin-left: 31px;
}

DIV.getacro	/* "get acrobat" text in sidebar */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-right: 20px;
}

.linkinfo	/* to present link information e.g. "(20KB PDF)" in smaller type (use only with default-sized text) */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	white-space: nowrap;
	/* text-transform: uppercase; */
}

.smaller .linkinfo {
	font-size: 10px;
}

.breadcrumb /* currently used only in full-width pages */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 6px;
}

.breadcrumb a 				{white-space: nowrap}
p.breadcrumb a.wrap		{white-space: normal}

#footer-main a				{white-space: nowrap}

/* MISCELLANEOUS */

/* table formatting e.g. forms */
tr.hthick td, tr.hthick th		{padding-top: 1em}
tr.h td, tr.h th					{padding-top: 0.75em}
tr.hthin td, tr.hthin th		{padding-top: 6px}
tr.hthinner td, tr.hthinner th		{padding-top: 3px}
tr.n td, tr.n th					{padding-top: 0}	/* override 'h' e.g. in nested tables */

table.form td.text	{text-align: right}
table.form td.left	{vertical-align: bottom; padding-right: 4px; white-space: nowrap; text-align: right}
table.form td.right	{text-align: left; vertical-align: bottom}
table.form td.top	{vertical-align: top}
table.form div.small	{line-height: 1.1}

table.comp	{
	width: 175px;
	height: 125px;
	border: 1px solid #996;
}

table.comp td.comp {
	vertical-align: middle;
	text-align: center;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #996;
	background-color: #cc9;	
}

table#board-calendar {
	margin-top: 4px;
	border-top: 1px solid #DDDDA3;
	border-left: 1px solid #DDDDA3;
}

table#board-calendar tr.header th {
	border-bottom: 4px solid #660;
}

table#board-calendar td, table#board-calendar th {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	/* width: 32px; */
	border-right: 1px solid #DDDDA3;
	border-bottom: 1px solid #DDDDA3;
}

table#board-calendar th {
	font-weight: bold;
	letter-spacing: 0;
	/* width: 110px; */
}

table#board-calendar tr.title th, table#board-calendar tr.title td {
	padding-top: 1em;
	vertical-align: bottom;
	border-bottom: none;
}

table#board-calendar tr.details th, table#board-calendar tr.details td {
	padding-bottom: 1em;
	vertical-align: top;
	border-bottom: 2px solid #660;
}

table#board-calendar .smallest {
	font: normal 10px verdana, arial, helvetica, sans-serif;
}

table#board-calendar td.em, table#board-calendar th.em {
	/* background-color: #9CF; */
}

table#board-calendar td em.newdate {
	color: red;
	font-style: normal; font-weight: bold;
}

.date	/* for date immediately above job listings etc.; gray is yellowish 60-20-60 (HSB) */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #99997A;
}

DIV.more, DIV.more2	/* for "more" links, esp. on index.html  */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 2px;
	margin-left: 10px;
}
	
DIV.more2	/* for "more" links, esp. on index.html  */ {
	margin-left: 10px;
}
	
SPAN.more	/* for "back to top" link above H4,H5 headers - vertical spacing needs to be adjusted */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:  11px;
	vertical-align: super;
}
	
P.DIVinset, P.DIVinsetmore {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}

P.DIVinsetmore {
	margin-left: 32px;
}

SPAN.abstract {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 32px;
	margin-top: 0px;
	margin-bottom: 6px;
}

P.abstract {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 32px;
	margin-top: 0px;
	margin-bottom: 6px;
}

BLOCKQUOTE.abstract {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 28px;
	margin-top: 1px;
	margin-bottom: 8px;
}

BLOCKQUOTE.abstract2	/* not currently used; but nest inside BLOCKQUOTE.abstract in publications lists, if needed */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 12px;
	margin-top: 1px;
	margin-bottom: 8px;
}

INPUT.button, button.button	/* makes Submit, Reset buttons green, to match nav bar graphics */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFC;
	background-color: #069;
}

.required {
	color: #F30
}

.comp		/* use for grey tables which stand in for to-be-supplied photos etc. */ {
	font-size: 12px;
	background-color: #CCC;
	color: #99997A;
}

EM.H6, EM.new			/* small caps on CSS browser; italic otherwise */ {
	font-style: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

EM.new			/* red small caps on CSS browser; italic otherwise */ {
	color: red;
	background-color: yellow;
	padding: 0px 3px;
}

.red		/* make it red */ {
	color: #C00;
}

IMG {
	border: none;
}
/* 
IMG.link {
	border: none;
}
 */
IMG.green	/* to give photos, etc., a coloured border (border attribute must be > O) */ {
	background-color: #366;
	border-color: #366;
}

IMG.orange	/* to give photos, etc., a coloured border (border attribute must be > O) */ {
	background-color: #C60;
	border-color: #C60;
}

DIV.collage	/* use with images that need to be precisely located, overlapped, etc. */ {
	position: relative;
}

A.collage	/* use with images that need to be precisely located, overlapped, etc. */ {
	position: relative;
}

DIV.e-laser {
	background-color: #CC9;
}

.byline	/* for photo, art credits */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #663;
}

TABLE.img_right DIV {
	padding-top: 8px;
	padding-left: 12px;
}

.serif {
	font-family: serif;
}

sup, sub {
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: text-top;
	font-size: 11px;
}

sub {
	vertical-align: text-bottom;
}

sub.smaller {
	font-size: 10px;
}

sub.smallest {
	vertical-align: -10%;
	font-size: 8px;
}

/* list styles for publications pages */
UL.pubs LI		{margin-bottom: 6px}
UL.pubs LI A	{white-space: nowrap}

/* layout styles for staff pages */
TABLE.staff DIV.backtotop	{float: right; line-height: 12px; margin: 0px; white-space: nowrap}
TABLE.staff H5.backtotop	{width: 215px; margin-bottom: 0px}
TABLE.staff DIV.details, TABLE.staff DIV.img	{margin-bottom: 12px}
TABLE.staff DIV.img	{font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif}

/* EXPERIMENTAL */

@media print {

	DIV.story	/* ensure e-Laser stories print correctly on IE */
		{
		font-size: 16px;
		line-height: 18px;
		/* color: red; */
		}

	#data	#wrapper {
		margin-left: -100px;
	}

	#data #header, #data .sidebar, #data .breadcrumb, #data h4, #data button, #data #footer  {
		display: none;
	}

	#data .sidebar {
		width: 0;
	}

	#data #board-calendar {
		display: block;
		/* margin-left: -100px; */
	}

}