/*General links in text */
a:link 		{color: #169391; text-decoration: underline;}
a:visited 	{color: #006363; text-decoration: underline;}
a:hover 		{color: #003131; text-decoration: underline;}
a:active 	{color: #169391; text-decoration: underline;}

/* Image links; mostly PDF logos and logo links */
a img {
	border: none;
	margin-left: 0.25em;
}

.imgborderlink {
	border: 1px solid #003131;
}

/* Button links: Clearinghouse, Widget bar links */
.boxlink:link, .boxlink:visited {
		display: block;
		font-weight: bold;
		font-size: 11pt;
		padding: 0.5em 0.5em 0.5em 0.5em;
		border: 1px solid #006363;
		background-color: #009C9C;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		}
		
.boxlink:hover {
		border: 1px solid #009C9C;
		background-color: #006363;
		text-decoration: none;
		}

/* All pages basic style */
body {  
	background-color: #FFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	margin: 0;
	padding: 0;
	}
	
.cite:link,
.cite:visited {
	text-decoration: none;
}

.cite:hover {
	text-decoration: underline;
}

/* Used throughout */	
.clear {
	clear: both;
}

fieldset {
	display: block;
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0 0 0.5em 0;  
	padding: 0.5em 0 0 0;
	border: 1px solid #BFBAB0;  
	background-color: #BEDADC;
	background-image: url(images/form-gradient.png);  
	background-repeat: repeat-x; 
	}
	
fieldset ul {  
	padding: 0;	
    margin: 0;	
	list-style: none;
	float: left;
	}

fieldset li {  
	padding-bottom: 0.25em;
	float: left;  
	clear: left;
	width: 100%;
}

fieldset label {
	float: left;  
	width: 12em;  
	margin-right: 0.5em;
	text-align: right;
	font-size: 9pt;
}

fieldset label.label2 {
	float: none;
	font-size: 9pt;
	text-align: left;
	}

fieldset label.tag {
	float: left; 
	text-align: left;
	width: 24em;  
	margin-right: 0.2em;
	margin-left: 1em;
	font-size: 9pt;
}

legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
	padding: 0;
	background-color: white;
}

.footnote {
	font-size: 8pt;
	padding-bottom: 1em;
	
}


/* Research Directory & Knowledgebase */
.select {
	width: 15em;
}

.form {
	font-size: 8pt;
}


/* Main page title (after green title bar) */
h2 {  
	font-size: 16pt; 
	font-weight: bold; 
	color: #008080;
	}

/* Subheadings */
h3 {
	font-size: 12pt; 
	font-weight: bold; 
	color: #008080;
	margin-top: 2.5em;
	}

h4 {
	font-size: 10pt; 
	font-weight: bold; 
	color: #008080;
	margin-top: 2.5em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	}

.horizontallines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	border-spacing: 0;
}

.horizontallines td {
	vertical-align:top;
	border-top: 1px solid #CCC;
	padding: 0.5em;
}

/* Images not in links */

img {
	border: 1px solid #003131;
	}
	


/* Language button */
#language  {
			position:absolute;
			top: 151px;
			left: 55px;
			z-index: 3;
		}
		
#language a {
			display: block;
			color: #fff;
			border: 1px solid #003131;
			padding: 0.5em 0.5em 0.5em 0.5em;
			text-decoration: none;
			background-color: #006363;
			}

#language a:hover {
			background-color: #009C9C;
			
			}


/* Menus of links found on Links page */

.links-all { /*Div holding all link boxes */
	clear: both;
}

.linkbox {
	margin: 0;
	padding: 2em 2em 0em 2em;
	float: left;
	font-size: 8pt;
	width: 20em;
}

.linkbox ul {
	list-style: none;
	padding-left: 0em;
	padding-bottom: 2em;
	margin: 0em;
}

.linkbox  a:link,
.linkbox  a:visited	,
.linkbox  a:active {
	display: block;
	text-decoration: none;
	color: #006363;
	padding: 0.2em;
	margin: 0em;
	}
	
.linkbox a:hover {
		background-color: #009C9C;
		color: white;
		text-decoration: none;
		}
		
.linkform {
	padding:0.8em;
	}

.list-a {
	list-style-type: lower-alpha;
	}
	
.list-i {
	list-style-type: lower-roman;
	}

/* CFCJ logo on every page */
#logo {
	position:absolute;
	top: 0.5em;
	left: 1em;
	z-index: 5
	}

/* Main body, left of side menu and below title bar */
#main {
	clear: both;
	min-width: 29em;
	padding: 0.5em 6em 3.5em 14em;
	}

/* Large centered photo; see also img */
#main .photo-large {
	display: block;
	margin: 2em auto 0em auto;
	text-align: center;
	}

#main .photo-label {
	text-align: center;
	font-weight: bold;
	}

#main .photo-caption {
	text-align: center;
	color:#636363;
	font-style: italic;
	font-size: 8pt;
	}

/* Small photo (news, staff portraits), see also img */
#main .photo-small {
	float: right;
	margin: 0.5em 0.5em 0.5em 0.5em;
	}

/* In-page navigation links: News page, N&V Old Issues, Research Directory */
.navigation a:link, 
.navigation a:visited,
.navigation a:active {
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-size: 8pt;
		display: block;
		width: 14em;
		margin: 1em 1em 1em 1em;
		padding: 0.25em 0.5em 0.25em 0.5em;
		border: 0px;
		background-color: #BEDADC;
		}

.navigation a:hover {
		background-color: #009C9C;	
		text-decoration: none;
		}


/* News blog feed */
#newslist {
	padding: 1.5em 2.5em 3.5em 14em;
}

#newslist h3 {
	font-size: 12pt; 
	font-weight: bold; 
	color: #006363;
	margin: 0.3em 0em 0.3em 0em;
}

#newslist small {
	font-size: 8pt; 
	color: #636363;
	margin: 0;
}

#newslist .entry {
	margin: 0;

}

#newslist .post {
		margin: 0.3em 0em 4em 0em;
		clear: left;	
		}

.rightbar-logo {
	text-align: center;
}


/* News & Views link boxes */
.nv {
	font-size: 8pt;
	list-style: none;
}

.nv a:link, .nv a:active {
	text-decoration: none;
	font-size: 10pt;
	color: #009C9C;
	}

.nv a:visited, .nv a:hover {
	text-decoration: none;
	font-size: 10pt;
	color: #006363;
	}

.nv li {
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.nvnews {
	padding-right: 20em;
	font-size: 8pt;
	list-style: none;
}

.nvnews li {
	padding: 0.2em;
}

/*Light blue background for alternate items in lists  */
.odd {
	background-color: #ECF3F4;	
	}

/*Anything approx. half the screen wide */
.onecolumn {
	width: 20em;
}

/*pagedNavigation - Buttons for search result pages*/
.pagedNav {
	font-size: 8pt;
	}
	
.pagedNav .selfLink {
	color: white;
	background-color: #BEDADC;
	padding: 0.3em 0.3em 0.3em 0.3em;
	
}
.pagedNav a {
	color: #169391;
	padding: 0.3em 0.3em 0.3em 0.3em;
	text-decoration: none;
	}

.pagedNav a:hover {
	color:white;
	background-color: #BEDADC;
	}

.print-only {
	display:none;
}

/*Blue bannered publications list */
.publication {
	margin-top: 2em;
	border: 1px solid #BEDADC;
	}
	
.publication .banner {
	background:#ECF3F4;
	padding-bottom: 2em;
	}

.publication .year {
	text-align: right;
	font-size: 8pt;
	padding: 0.5em 2em 0.25em 1em;
	}

.publication .title {
	padding: 0.25em 2.5em 0.25em 1em;
	font-weight: bold;
}

.publication .author {
	padding: 0em 1em 0em 1em;
}

.publication .banner a {
	float:right;
	font-size: 8pt;
	padding: 0em 0.25em 0.5em 1em;
}

.publication .description {
	font-size: 10pt;
	padding: 1em 3em 1.5em 3em;
	border-top: 1px solid #BEDADC;
	}
	
/* Blue-boxed, italicized text.  Used on History page */
.quote {
	margin-top: 1em;
	padding: 1em 3em 1.5em 3em;
	font-size: 8pt;
	font-style: italic;
	border: 2px solid #BEDADC;
	background-color: #ECF3F4;
}

.quote .caption {
	font-style: normal;
	padding-top: 1em;
	}

/*Results for Researchers directory */
.researcher {
	margin-top: 2em;
	}
	
.researcher .banner {
	background:#ECF3F4;
	padding: 1em 1em 1em 1em;	
	border: 2px solid #BEDADC;
	font-size: 8pt;
	}
	
.researcher .name {
	font-size: 10pt;
	font-weight: bold;
}	


/*"Top" button */
.return  {
		clear: both;
		float: right;
		margin: 2em 0.5em 0.5em 0.5em;
		font-size: 8pt;
		list-style-image: url(images/uparrow.png);
		}
		
.return a {
		display: block;
		margin: 1em 1em 1em em;
		padding: 0.25em 0.5em 0.25em 0.5em;
		border: 0px;
		}

.return a:link,
.return a:visited,
.return a:active {
		color: #fff;
		background-color: #BEDADC;
		text-decoration: none;
}

.return a:hover {
		background-color: #009C9C;
		text-decoration: none;
		}
		
.scroll {
		height: 150px;
		overflow: auto;
		border: 1px solid #003131;
}

/* Menu on left side of screen */
#sidebar {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-image: url(images/sidebar-bottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #006363;
	width: 11em;
	padding: 20em 0 6em 0;
	margin: 0;
	color: #FFF;
	border-right: 0.4em solid #003131;
	}

#sidebar ul.main {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar li {
	margin: 0;
	padding: 0;
	}

#sidebar li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.5em 1em 0.5em 0.5em;
	margin: 0;
	z-index:2; 
	}

#sidebar li a:hover,
#sidebar li a.sectionhead:hover {
	background-color: #BEDADC;
	color: #003131;
	z-index:3;
	}

#sidebar #lit {
		background-color: #BEDADC;
		color: #003131;
		border-top: 1px solid #003131;
		border-bottom: 1px solid #003131;
}

#sidebar li a.sectionhead {
	background-color: #009C9C;
	border-top: 1px solid #003131;
	}

#sidebar #sub {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #009C9C;
	border-bottom: 1px solid #003131;
	}
	
#sidebar #sub li a {
	padding-left: 1.5em;
	font-size: 8pt;
	}
	
/* Scroll over text */
#sidebar li a span {
	display: none;
	}

#sidebar li a:hover span { /*the span will display just on :hover state*/
	font-size: 8pt;
    display:block;
    position:absolute;
    top:18em; left:1em; width:11em;
    color:#BEDADC;
	}


/* Used to list projects */
.spaced-list li {
	margin-bottom: 2em;
	}
	
/* Used to list CBA Resolution */
.spaced-list2 li {
	margin-bottom: 1em;
	}

.subject-list { /*Div Subjects */
  padding: 0em 1em 0em 1em;
  margin: 0;
  float: left;
  width: 20em;
  }

/* Legacy compatability with some older News & Views issue in HTML*/
.subtitle {
	font-size: 10pt; 
	font-weight: bold; 
	color: #008080;
	margin-top: 2.5em;
	}
	
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
}

.longtable td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

.longtable th {
	text-align: left;
}

td {
	vertical-align:top;
}

textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	
}

/* Title bar */
#title-grey { /* container */
	line-height: 40pt;
	background-color: #636363;
	border-bottom: 6px solid #003131;
	}
	
#title-grey h1 { /*White page title */
	color: #FFF;
	font-size: 20pt; 
	font-weight: bold;
	margin: 0em 1em 0em 0em;
	padding: 0em 1em 0em 7em;
	background-color: #009C9C;
	background-image: url(images/titlebar-curve.png);
	background-repeat: no-repeat;
	background-position: right top;
	min-width: 12em;
	}


/* Tables of contents for intra-page links */
  .linktoc { /*Div holding ToC ULs on link page*/
  padding: 2em 2em 0em 2em;
  float: left;
  width: 20em;
  font-size: 8pt;
  }

.toc { /* ul */
	list-style-image: url(images/arrow.png);
	padding-top: 1em;
	padding-left: 2em;
	margin: 0em;
	font-size: 10pt;
	}

.toc a:link,
.toc a:visited,
.toc a:active  {
		display: block;
		text-decoration: none;
		color: #006363;
		padding: 0.2em;
		margin: 0em;
	}

.toc a:hover {
		background-color: #009C9C;
		color: white;
		text-decoration: none;
		}

ul.readable li,
ol.readable li {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}

/* News side bar */
#widgetbar {
	float: right;
	padding: 0;
	margin: 3.5em 1em 3.5em 2.5em;
	width: 210px;
	border-left: 1px solid #BEDADC;
	}
	
#widgetbar ul {
	list-style:none;	
	margin: 0;
	padding: 0;
}

#widgetbar li {
	margin: 0.5em 0em 0.5em 1em;
}
	
#widgetbar h2 {
	font-size: 12pt; 
	font-weight: bold; 
	color: #008080;
	margin: 2em 0 0 0;
	}
	
#widgetbar p {
	margin: 0.1em 0em 0em 0em;	
}

#widgetbar ul {
	font-size: 10pt;
}

#widgetbar ul ul {
	list-style: circle;
}

#widgetbar a:link,
#widgetbar a:visited,
#widgetbar a:active {
	text-decoration: none;
	color: #006363;
	}
	
#widgetbar a:hover {
	text-decoration: none;
	color: #009C9C;
	}

#widgetbar .rss-date  {
	color: #888888;
	font-size: 8pt;
	}

#widgetbar .rssSummary  {
	font-size: 8pt;
	color: #444444;
	}
	
#widgetbar .rssSummary:before  {
	display: block;
	}