/*links in the standard navigation bar at the top and bottom of the page*/
a.navbar {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration:none;
}

.inset {
	margin-left:13px;
	margin-right:13px;
}

a.navbar:hover {
	text-decoration:none;
	color: #006699;
	background-color: #ffffff;
}

/*text in the standard navigation bar at the top of the page*/
.topnavbar {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 1px;
}

/*left column of the page-- table cell*/
td.leftcol {
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 7px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #006699;
	text-align:left;
}

/*right column of the page-- table cell*/
td.rightcol {
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #006699;
	text-align:left;
}

/* this is different on print stylesheet, where it has no margin*/
div.bibliowrap {
	margin-left: 9px;
}
	

/*bibiography entry from database, on project pages*/
p.biblio {
	font-size: 80%;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: -30px;
	margin-left: 30px;
	margin-bottom:15px;
	text-align:left;
	margin-top:0px;
}

/*standard nav bar BOTTOM of the page-- table cell*/
td.bottomnav {
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#006699;
	background-color:#958D87;
}

/*hanging indent-- for heading/subheadings in left nav column*/
p.hang {
	text-indent: -8px;
	margin-left: 8px;
	margin-bottom: 5px;
	text-align:left;
	margin-top:0px;
}

/*the box with the hottest news item in it*/

td.hotbox {
	background-color:#993300;
	padding-top:6px;
	padding-bottom:6px;
}

/*the news headline in the hot box-- it's a link*/
a.hotnews {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}

/*a text link in the hot box*/
a.hotlink {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

/* text paragraph in the hot box-- same as .bodytext except white*/
p.hottext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 140%;
	text-align:left;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:9px;
	margin-right:9px;
}

/*home page-- table cell w borders top and bottom, to set off a little news item*/
td.linebox {
	background-color:#ffffff;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #006699;
}

/*text inside td.linebox*/
p.inlinebox {
	text-align:left;
	color:#993300;
	margin-top:5px;
	margin-bottom:5px
	background-color:#ffffff;
}

/* main titles of pages-- a paragraph style */
p.title {
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color:#993300;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:9px;
}

/* second level headings-- a paragraph style */
p.subtitle {
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 100%;
	color:#993300;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:16px;
	margin-left:9px;
}

/*
item and itemsub are spans to use at the head of a bodytext paragraph.
item might be used, e.g., for the title of a lecture or publication
itemsub might be used, e.g., for the author or lecturer's name
*/

.item {
	font-size: 115%;
	font-weight:bold;
	color:#006699;
}

.itemsub {
	font-size: 95%;
	font-weight:bold;
	color:#333333;
}

/* span for hot headings for things on home page*/
.announce {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	line-height: 100%;
	color:#993300;
	font-weight:bold;
}

/* the main, default paragraph style */
p.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align:left;
	margin-top:2px;
	margin-left:9px;
	margin-right:9px;
}

ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align:left;
}

ul.tight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* For a table with a bordered first and last rows, and bold first row headings */
table.borderedtable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align: left;
	margin-left: 10px;
	border-bottom: 1px solid #333333;
}
tr#borderedtable_row1 td {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-weight: bold;
}
td#borderedtable_row1_col1 {
	width: 160px;
}

td.space_after {
	padding-bottom:15px;
	padding-right:8px;
}


table.borderedtable ul, table.borderedtable ol {
	/* this is to counteract the previous ul/ol definition of 80% that will conflict
	   with the above definition for the table that says 80% */
	font-size: 100%;  
}

/* For a 3 column table with a bordered first and last rows, and bold first row headings */
table.borderedtable3col {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align: left;
	margin-left: 10px;
	border-bottom: 1px solid #333333;
}
tr#borderedtable3col_row1 td {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-weight: bold;
}
td#borderedtable3col_row1_col1 {
	width: 160px;
}
td#borderedtable3col_row1_col2 {
	width: 170px;
}
td#borderedtable3col_row1_col3 {
	width: 10px;
}
table.borderedtable3col ul, table.borderedtable ol {
	/* this is to counteract the previous ul/ol definition of 80% that will conflict
	   with the above definition for the table that says 80% */
	font-size: 100%;  
}

/* for homepage paragraphs (in td's) next to the arrow bullets*/
p.bodytext4bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align:left;
	margin-top:2px;
	margin-left:4px;
	margin-right:9px;
	margin-bottom:0px;
}

/* for paragraphs in footer, right column*/
p.smallertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 130%;
	text-align:left;
	margin-top:2px;
	margin-right:2px;
}

/* breadcrumb links at top of secondary and deeper pages, above title*/
p.crumbtrail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align:left;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:14px;
	letter-spacing:1px;
}

/* the subject headings, not the anchors, in the left nav bar*/
.leftnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: 120%;
	font-weight: bold;
	color:#006699;
	text-decoration: none;
	text-align:left;
}

/*styles for nav anchors-- WITHOUT UNDERLINES*/
a.leftnava {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	color: #006699;
	text-decoration: none;
	letter-spacing: 1px;
}

a.leftnava:visited {
	color: #006699;
}

a.leftnava:hover {
	color: #993300;
	text-decoration: underline;
}

/*anchors in bodytext-- WITH UNDERLINES*/
a.linkintext {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006699;
}

a.linkintext:visited {
	color: #006699;
}

a.linkintext:hover {
	color: #993300;
	text-decoration: none;
}

/*anchors in bodytext-- WITHOUT UNDERLINES*/
a.linkintextNoul {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006699;
	text-decoration: none;
}

a.linkintextNoul:visited {
	color: #006699;
}

a.linkintextNoul:hover {
	color: #993300;
	text-decoration: underline;
}

/* This style is for non-linked bio names on pages such as the Union Reference Group and Researchers */
.nonlink_name {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006699;
}

/* STYLES FOR THE BIO POPUPS -- STYLES FOR THE BIO POPUPS --  */
/* the main paragraph style in the bio popups*/
p.biotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 150%;
	text-align:left;
	margin-top:0px;
	margin-left:20px;
	margin-right:15px;
}

/* person's name at top of bio popup */
p.biotitle {
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	line-height: 100%;
	color:#006699;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:10px;
	margin-left:20px;
	letter-spacing: 3px;
}

/* little 'Pensions at Work' at very top of bio popup*/
p.biobrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
	letter-spacing:1px;
	color:#993300;
	line-height: 130%;
	text-align:left;
	margin-top:12px;
	margin-left:20px;
}

/* for paragraphs containing 'close window' link on bio popups*/
p.bioclose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	text-align:right;
	margin-top:12px;
	margin-right:15px;
}

/* for formatting terms and definitions on the Glossaries page */
.glossary_term {
	font-weight: bold; 
}
.glossary_defn {
	/* no special formatting */
}

/* for case studies - format the quotations to be indented */
p.bodytext4quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align:left;
	margin-top:2px;
	margin-left:39px;
	margin-right:9px;
}

/* for a list of links that are ~1.5 spaced - use <br> tags between links */
p.bodylinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 185%;
	text-align:left;
	margin-top:2px;
	margin-left:9px;
	margin-right:9px;
}

/* for a list of links that have headings, eg. "Project 4a" or "Case 1", constructed in a table */
table.linkstable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align: left;
	margin-left: 10px;
}
table.linkstable td {
	padding-bottom: 10px;
}

/* for an indented list of links that have headings, eg. "Project 4a" or "Case 1", constructed in a table */
table.linkstableindented {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	text-align: left;
	margin-left: 50px;
}
table.linkstableindented td {
	padding-bottom: 10px;
}

img.bordered  {
	border-color: #000000;
	border-width:2px;
}