/* 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 {
	margin-top: 9px;
	margin-bottom: 0px;
}

UL,OL,LI /* explicitly declared to overcome inheritance problems in N4 */ {
	margin-top: 2px;
	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			/* 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. */

.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	{						/* 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		{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}

/* 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. */

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

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

DT {
	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, UL.smaller LI, UL.smallest LI	/* smaller indentation for smaller lists */ {
	margin-left: -22px;
}

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

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

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

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: #666; /* grey */
	/* color: #a19162; */ /* yellow-ish grey */
	/* color: #663; */
}

P.lastmod {
	margin-top: 7px;
	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; */
}

.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}

/* 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;	
}

.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	/* 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.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;
}

/* 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; */
		}

}