@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} */
/*HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
/* ==============================================================================*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0;
	/*color:#828267;*/
}

.container {
	max-width:98%;
	background-color:#FFF;
	display:block;
	margin:auto;
}


ul, ol, dl {
	
	margin-left:2%;
	margin-right:2%;
}

ul {list-style: outside disc; }

ul li {
	padding-bottom:10px;
}

li {
	padding-bottom:10px;

}

ol.ref {
	list-style-type:decimal;
}


ul.papers {
	list-style:outside disc; 
	color=#000;
	margin-bottom: 15px;
}

ul.papers li {
	line-height:1.5;
	min-height:25px;
	padding-bottom: 10px;
}


p {
	margin-top: 0;	
	/*padding-right: 3%;
	padding-left: 3%; */
	text-align: justify;
}

 h2, h3, h4, h5, h6,{
	
	/*text-align:left;*/
 }

h1 {
	clear:left;
	/*font:"Arial-narrow", Arial, Helvetica;*/
	text-align:center;
	font-size:200%;

 }

blockquote{
	margin-left:2%;
	margin-right:2%;
}

a:link {
	color:#000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #000;
	text-decoration: underline;
}


/*section#Header */
header {
	max-width:100%; 
	background-color:#B2AC88; /*FFF;*/
	overflow:auto;
	color:#FFF;
	text-align:center;
	min-height:35px;
	padding-top:5px;
	padding-bottom:5px;	
} 

.headertext {
	background-color:#B2AC88;
	font-size:4em;
	color:#4D4D4D;
	text-align:center;
	min-height:35px;
	/*width:720px;*/
	max-width:100%;
	padding-top:15px;
	padding-bottom:5px;
	/*display:block;
	margin:auto;*/
}

 
.headpic {
	max-width:100%;
	background-color:#828267;
	/*padding-top:15px;
	padding-bottom:5px;*/
	display:block;
	margin:auto;
}

.pcaption {
	max-width:100%;
	font-size:90%;
	text-align:center;
	color:#4d4d4d;
	background-color:#828267;
}

/*Flexbox menu*/
.topflexmenu {  
 /* border: 5px solid rgb(111,41,97);
  border-radius: .5em;*/
/*  margin-top:3px; */
  /*margin-bottom:2px;*/
  background-color:#B2AC88;
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: center;
} 

.navitem{
	text-align:center;
	font-size:120%;
  	width: 150px;
	 /* height: 100px;*/
  	padding: 10px;
  	color:#000;  
  	background-color: #B2AC88;
  /*border: 1px solid #000;*/
}

.navitem a index, navitem a:visited {
	font-family:Arial, Helvetica, sans-serif; 	text-decoration: none;
	width:100px;
	color:#000;
	background:#B2AC88;
}


.navitem a:hover{
	text-decoration:none;
	color: #333;
}


#tcmenu {
	display:none;
}

/*	
.sidebar1 {
	float: left;
	width: 25%;
	background: #FFF;
	padding-top: 2em;
	
}

.navbox {
	max-width:100%;
	border:solid  #d9d8aa;
	font-size:90%;
}

.navboxsmall {
	display:none;
	width: 96%;
	border:solid  #d9d8aa;
	font-size:90%;
}

.nav {margin-top:0;
background-image:url(f8f0cftile.jpg);
background-repeat:repeat;

}

section#content {
	/*padding-top:30px;
	padding-bottom:30px;
}*/



/*
.fullcontent {
	background-color:#f8f0cf;
	padding: 10px 0;
	max-width: 100%;
	 
}  */



#content {
	max-width:1060px;
	background-color:#FFF;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:3%;
	padding-right:3%;
	display:block;
	margin:auto;
	/*padding: 10px 0;
	width: 72%;
	float: left;*/
}

.cheading {
	text-align:center;
	font-size:large;
}


.heading {
	height:25px;
	background-color:#d9d8aa;
	padding-left:50px;
	padding-top:7px;
	margin-bottom:10px;
	}


.content ul, .content ol { 
	padding: 0 15px 15px 70px; 
}

.contentblockhead {
	background-color:#828267;
	/*font-size:3em;*/
	color:#FFF;
	/*font-weight:bold;*/
	text-align:center;
	min-height:50px;
	/*width:720px;*/
	max-width:100%;
	padding-top:15px;
	padding-bottom:5px;
	display:block;
	margin:auto;
}


.contentblockitem {
	text-align:left;
	display:block;
	margin:auto;
	/*width:720px;*/
	max-width:100%;
	border-bottom: solid thin #828267;
	padding-bottom:15px;
	padding-top:15px;
}



.navtop {
	text-align:center;
}


.backtop{
	text-align:right;
	font-size:small;
	padding-right:10px;
	padding-bottom:10px;
}



.window {
	border:ridge;
	border-color:#828267;
	margin:20px;
	padding-top:15px;
	
}


.contentpic {
	max-width:100%;
	display:block;
	padding:15px 0 15px 0;
	margin:auto;
	
	}
	
.inlinepic{
	float:left;
	padding-right:15px;
}


.inlinepicrt{
	float:right;
	padding-left:15px;
}

.caption{
	font-size:85%; 
	text-align:center;
	padding-bottom:10px;
	
}

#ref {
	font-size:16px;}

.search {
	padding-right:50px;
	padding-left:50px;
}



.listtxt{
		margin-left:0;
		margin-right:40px;
		text-align:justify;
		padding-left:0;
}
	
	
.blocklisttxt{
		margin-left:-40px;
		padding-left:0;
}	
	
.leftlist {
	margin-left:6%;
	padding-left:0;
	width:350px;
	float:left;
}

.rightlist {
	width:350px;
	float:left;
}


.leftlistsl {
	width:230px;
	float:left;
	margin-left:10px;
}

.centrelistsl{
	width:230px;
	float:left;
	margin-left:20px;
	
	
}
.rightlistsl {
	width:210px;
	margin-left:20px;
	float:left;
}

	
.footnote {
	font-size:x-small;
}	





li.subcatheader{
	border-bottom:solid 1px #828267;
	background: #d9d8aa;
	color: #FFF;
	padding: 5px 5px 5px 15px;
}

li.lastitem {
	border-bottom: 1px solid #828267;
	}
	
	
ul li.subnavfirst{
	border-top:none;
	}	
ul.subnav{
	padding-left:15px;
	list-style:none;
	}
	
ul.subsubnav{
	padding-left:20px;
	list-style:none;
}

/* sidebar link styling */
	
ul.papers a:link, ul.papers a:visited {
	padding: 10px 5px 10px 15px;
	text-decoration: none;
	background: #FFF;
	color: #828267;
}

ul.papers a:hover, ul.papers a:active, ul.papers a:focus { 
	background: #828267;
	color: #FFF;
}
 
.listresp {
	padding-top:10px;
	padding-bottom:15px;
   	float:left;
   	width:100%;
   	background:#f8f0cf;
   	overflow:hidden;
   	position:relative;
}
 
.listresp ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0 0 0 5%;
   	padding:0;
   	position:relative;
   	left:50%;
   	text-align:center;
} 

.listresp ul li {
   	display:block;
   	width:230px;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	right:50%;
   	text-align:left;
}

.listresp ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#f8f0cf;
   color:#56703e;
   text-decoration:none;
   line-height:1.3em;
}

.listresp ul li a:hover {
	background:#828267;
   	color:#f8f0cf;
}



/* ~~ The footer ~~ */
.footer {
	max-width:100%;
	padding: 10px 0;
	background: #FFF;
	/*position: relative; */ 
	clear: both; 
}

.backtop{
	/*text-align:right;
	font-size:96%
	padding-right:4%;
	padding-bottom:10px;*/
	position:fixed;
	bottom:0;
	right:0;
}


.disclaimer{
	font-size:95%;}

#datestamp{
	text-align:center;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:5px;
	font-size:x-small;}
	

	
	
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
