/*
	Demo global CSS draft
	December 2003
*/


/* default behaviors for standard elements on all pages */
/* top nav, left nav, footer */
/* also utility physical markup (flush, centered, etc.)*/

/* set text attributes for ALL elements so they can be inherited */
body, p, td, th, li, h1, h2, h3, h4, h5 {
	/* font-size:small; */
	font-size:90%;
	font-family:  Verdana, Arial, Geneva, Times, Helvetica, sans-serif;
	}
/* headers are very dark magenta */
h1, h2, h3, h4, h5 {
	color: #330033;
	}

/* specify header styles here and override in page-level CSS where needed */
/* 
	(visually identical to H3, but conceptually different/more important)
*/
H1	{
	font-weight: normal;
	font-size:170%;
	margin-bottom:0.3ex;
	}


/* use H2 for right browse bar (when present) */
H2 {
	text-transform: uppercase;
	color: #333366;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 0ex;
	}
/* use H3 for headers in left nav bar */
H3 {
	font-weight: bold;
	margin-top: 2ex;
	margin-bottom: 0.1ex;
	}

/* use H4 and H5 for headers in body text */
H4 {
	text-transform: uppercase;
	color: #333366;
	font-weight: bold;
	font-size: 80%;
	margin-top:2ex;
	margin-bottom: 0.2ex;
	}
H5 {
	font-weight: bold;
	margin-bottom: 0.1ex;
	}



/* basic body behavior */
BODY {
	/*background-image: url(bodytext_bg.gif);
	background-repeat: repeat-y; */
	background-color: white;
	/* flush margins on all 4 sides to mitre background propertly */
	margin: 0px;
	}



TD, TH	{
	vertical-align:top;
	padding: 0px;
	}
/* default para USED TO follow text very closely */
P	{
/*	margin-top:2px;*/
	margin-top:3ex;
	margin-bottom:0ex;
	}
/* like original default <p> -- no space before */
.p	{
	margin-top:0.1ex;
	}
/*  default to gold triangular bullet */
ul	{
	margin-left: 0.5em;
	padding-left:0.5em;
	margin-top:0.2ex;
	margin-bottom:0.0ex;

	}
li	{
	list-style-image: url(images//bulletblu.gif);
	margin-top:0.5ex;
	font-size:80%;
	}
li.leftnav {
	list-style-image: url(images/bulletmag.gif);
	margin-top:0.5ex;
	margin-bottom:0.5ex;
	}

.skiplink {
	display:none;
	}

/* default links are dark magenta */

A:link {
	color:#660066;
	text-decoration:underline;
	}
A:visited {
	color:#660066;
	text-decoration:underline;
	}
A:hover {
	color:#660066;
	text-decoration:underline;
	}

/* 
	class definitions by semantic purpose 
	-- independent of section
*/


.detail {	
/* use for source for research bookmark, date on featured research, event location/time etc. */
	font-size: 80%;
	color: #302030;
	}

.super {
/* use for TM etc in headers*/
	position:relative;
	bottom:1.5ex;
	font-size: 50%;
	}
.super {
/* use for TM etc in body text*/
	position:relative;
	bottom:1.5ex;
	font-size: 60%;
	}
/* gutter around images */
.figure {
	margin-top:01.ex;
	text-align: center;
	padding-top:1.5ex;
	padding-bottom:1.5ex;
	}


.global {
/* small darkmag text for footer, etc. */
	margin-top:2px;
	font-size: 80%;
	color: #333366;
	}
/* global nav modifiers */
A.global:link {
	color: #333366;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}
A.global:visited {
	color: #333366;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}
A.global:hover {
	color: #333366;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}

.major {
/* emphasized link (view all...) */
	font-size: 80%;
	margin-top:2px;
	font-weight: bold;
	}



/* class definitions by area w/in page */


.topnavblock {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 112px;
	background-color:#EEDDEE;
	}

/* 
	darker mag stripe across bottom of top nav block
	establish it first, then layer things on top of it
	so we can use width 100%
*/
.topnavblockstripe {
	position:absolute; /* relative to parent .topnavblock! */
	left: 0px;
	top: 86px;
	width:100%;
	height:25px;
	background-color:#BBA8BB;
	}

.usertoolblock {
	padding-right: 12px;
	padding-top: 12px;
	text-align: right;
	}

.srchbox {
	position:relative;
	top:-2px;
	background-color:#DFC8DF;
	border-style:solid;
	border-width:1px;
	border-color: #663366;
	padding-left:0.3em;
	padding-right:0.3em;
	padding-top:3px;
	padding-bottom:3px;
	}





/* prevent user tools (search, etc.) from overwriting logo */
.topnavprotect {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 112px;
	z-index: 8;
	}


/* for mortising */
.mainblock {
	position:absolute;	/* relative to window */
	left:0px;
	top:112px;
	width:100%;
	}

.footerblock {
	margin-left:1em;
	margin-right:1em;
	margin-top:75px;
	margin-bottom:75px;
	}

/* use em dash for horiz values so that relationships survive font size changes */
.bulletnavitem {
/* real LIs just don't line up right across browsers */
	text-indent: -0.8em;
	margin-left: 1em;
	margin-top: 4px;
	margin-bottom: 6px;
	}
/* indent paragraphs to align with bulleted item */
.bulletindent {
	margin-left:1em;
	}
A.leftnav:link {
	color:#330033;
	text-decoration:none;
	}
A.leftnav:visited {
	color:#330033;
	text-decoration:none;
	}
A.leftnav:hover {
	color:#330033;
	text-decoration:underline;
	}

/* white bar goes all the way to the edge of left nav bar */
.leftselect {
	margin-right:-1em;
	background-color:white;
	}
/* but text of selected item shouldn't */
.leftselect2 {
	margin-right:1em;
	}

/*
	logoblock:
	safest way to ensure logo images mortice properly is to hard-code each.
	these positions are relative to the overall topnavblock, not to the window!
*/
.logoblock1 {
	position:absolute;
	left: -1px;
	top: 0px;
	width: 416px;
	height: 86px;
	/*background-image: url(images/nav/logo.gif);*/
	}
.logoblock2 {
	position:absolute;
	left: -1px;
	top: 86px;
	width: 129px;
	height: 26px;
	/*background-image: url(images/nav/logo.gif);*/
	}
.logoblock3 {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 92px;
	height:86px;
	}


/* search is colored like user tools, but bold and not sized down */
A.search {
	color:#663366;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	}
A.search:link {
	text-decoration:none;
	}
A.search:visited {
	text-decoration:none;
	}
A.search:hover {
	text-decoration: underline;
	}

.topnavbar {
	position: absolute;
	z-index:8;
	padding:0px;
	left:128px;	/* just to right of swirls below logo fill object */
	top:84px;	/* below logo */
	height:26px;
	/* only one can be active at a time -- ensure inactive color fills area */
	/*
	background-color:#8DA9A9; 
	background-color:yellow; 
	*/
	}

/* table with top level nav items, etc. */
.topnavtable {
	padding: 0px;
	margin-top:1px;
	margin-left:1px;
	/*cell-spacing: 0px; in CSS2, but not widely supported yet */
	}

.topnavbaroutline {
	position:relative;
	top: 2px;
	left: 2px;
	height:1px;
	width:100%;
	background-color:#E3E3E3;
	}

/* topnav is colored like user tools, but bold */
A.topnav:link {
	color:#330033;
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	}
A.topnav:visited {
	color:#330033;
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	}
A.topnav:hover {
	color:#330033;
	font-weight:bold;
	text-decoration:underline;
	font-size:80%;
	}
.topnavactiveblock {
	/*position:relative;*/
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF8FF;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-width: 1px;
	border-left-color: #EFE8EF;

	}
.topnavinactiveblock {
	/*position:relative;*/
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#BBA8BB;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-width: 1px;
	border-left-color: #DFD8DF;
	}


/* user tools: login/out, my account, contact us */
.usertools {
	color:#330033;
	margin-top:2px;
	font-size: 85%;
	}
A.usertools:link {
	color:#330033;
	font-size: 85%;
	}
A.usertools:visited {
	color:#330033;
	font-size: 85%;
	}
A.usertools:hover {
	color:#330033;
	font-size: 85%;
	}


/* utility classes for physical positioning/coloring */

	/* globally applicable */ 

.barglyph {
/*		 replace | character with gif to silence screen readers
		 put it at same physical location as the character would be
		 in default font for supported browsers */
		 margin-bottom:-0.3ex;
		 }

.center {
	text-align: center;
	}
.left {
	text-align: left;
	}
.vcenter {
	vertical-align:middle;
	}
.bold {
	font-weight:bold;
	}
.nobold {
	font-weight:normal;
	}
.leading {
	margin-top: 8px;
	}
.leadingb {
	margin-top:2px;
	margin-bottom: 8px;
	}
.extraleading {
	margin-top:15px;
	}
.extraleadingb {
	margin-top:2px;
	margin-bottom: 15px;
	}
.extraleading1x5 {
	margin-top:24px;
	}
.extraleading1x5b {
	margin-top:2px;
	margin-bottom:24px;
	}
.extraleading2 {
	margin-top:32px;
	}
.extraleading3 {
	margin-top:64px;
	}
.extraleadingtb {
	margin-top:15px;
	margin-bottom:15px;
	}
.extraleading1x5tb {
	margin-top:24px;
	margin-bottom:24px;
	}
.gutter1 {
	padding-left:5px;
	padding-right:5px;
	}
.gutter2 {
	padding-left:8px;
	padding-right:8px;
	}
.gutter3 {
	padding-left:15px;
	padding-right:15px;
	}
.gutter3b {
	padding-left:5px;
	padding-right:8px;
	}

.flushall {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
.flushtop {
	margin-top:0px;
	}
.indent {
	margin-left:1em;
	margin-right:1em;
	margin-top:6px;
	margin-bottom:6px;
	}
.indentx {
	margin-top:10px;
	margin-bottom:10px;
	}

/* for left navbar */ 

.leftnavBG {
/* 
	background color for leftnav (by cell) 
	note: by cell is the only way we can reliably ensure that the color stretches all the way
	to the bottom of the screen!
*/
	background-color: #E6DEE6;
	width:130px;
	height:600px;
	}





	/* for footer */ 
	/* {none} */