/* style.css */

body 
{
  font-family: normal arial, verdana;
  font-size:14px;
  background-color: /*#CCCCCC;*/
  text-align: left;
  margin: 20px auto;
  width: 1024px;
  border-style:1em  solid #FFFFFF; /*none;*/
  /*border:0;*/  /* solid #FFFFFF;*/
  height: 100%;
  /* font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color: /*#CCCCCC;*/
  text-align:center;
  margin:0px;
  border-style:none;
  border:0;  /* solid #FFFFFF;*/
  height: 100%;
}


h1 { font-size:20px; color:#000000; margin-bottom:0.6em; }
h2 { font-size:18px; color:#000000; margin-bottom:0.4em; }
h3 { font-size:16px; color:#000000; margin-bottom:0.4em; }
h4 { font-size:14px; color:#000000; margin-bottom:0.4em; }
h5 { font-size:12px; color:#000000; margin-bottom:0.6em; }


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
	margin-top: 150px;
	margin-left: 86px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 800px;
  position: absolute;
  height: 400px;

  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 17px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .pcontent {
	margin:20px;
  max-height: 90%;
  overflow: auto;
}

.pcontent ol
{
	margin-left:30px;
}



a:link, a:visited, a:active, a:hover
{ 
text-decoration:underline;
font-weight:normal;
color:navyblue;     
/*font-size:14px;*/
}

a:active, a:hover
{ 
color:#680000;
}


ul li
{
  margin-bottom: 20px;
  list-style-type:disc;
}


/* content area */	
#content 
{
background-color:#FFFFFF;
border: none; /*0.5em  solid #000000;  /* :none; content area */
width: 810px; 
margin-left: 195px;
margin-top: 100px; /* top */
position:absolute;
float:left;
text-align:left;
}

a.anchor{display: block; position: relative; top: -110px; visibility: hidden;}


div.author
{
  font-size: 0.8em;
  margin-left: 1em;
  margin-top: 0.1em;
  margin-bottom: 0.2em;
}

/* Boxes */
div.title
{
  color: #FFFFFF;
  display:block;
  padding: 0.5em 0.8em 0.5em 0.8em; 
  font-size: 1.2em;
}

div.maintitle
{
  color: #000000;
  display:block;
  padding: 0.5em 0.8em 0.5em 0.8em; 
  font-size: 1.5em;
}

div.content
{
  color: #000000;
  display:block;
  padding: 0.6em 0.96em 0.6em 0.96em; 
  line-height: 1.3;
}

/* Horizontal boxes */

div.bbox /*blue*/  
{
  color:#000000;
  background-color: #e2ebe9;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border: none;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.bbox div.title
{
  background-color: #0f60bd; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-top-right-radius:15px;
}

div.mbox /* magenta */ 
{
  color:#000000;
  background-color: #ffe9ef;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border: none;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.mbox div.title
{
  background-color: #be3c67; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-top-right-radius:15px;
}

div.obox /* orange */ 
{
  color:#000000;
  background-color: #fefcb9;/*#fef8b1;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border: none;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.obox div.title
{
  background-color: #fe9900; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-top-right-radius:15px;
}


div.cbox /* compstat 2018 colors */ 
{
  color:#000000;
  background-color: #A1D9D6;/*#fef8b1;/*#cfe3f4; /*#e5eecc; /*#fefcb9;*/
  margin:0px;
  border: none;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.cbox div.title
{
  background-color: #00494F; /*#11607f;/*#a41976;/*#fe9900;*/
  border-top-left-radius:15px;
	border-top-right-radius:15px;
}


/* Vertical Boxes */

div.bboxv /* blue */ 
{
  color:#000000;
  background-color: #e2ebe9;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border-left: 26px #0f60bd  solid;
  border-right: 26px #0f60bd  solid;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.bboxv div.title
{
  color: #0f60bd; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}

div.bboxv div.content
{
  padding-top: 0em; 
}


div.mboxv /* magenta */ 
{
  color:#000000;
  background-color: #ffe9ef;/*d7c2c7;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border-left: 26px #be3c67 solid;
  border-right: 26px #be3c67 solid;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.mboxv div.title
{
  color: #be3c67; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}

div.mboxv div.content
{
  padding-top: 0em; 
}

div.oboxv /* orange */ 
{
  color:#000000;
  background-color: #f9f6ae;/*fefcb9;/*fef8b1;/*#cfe3f4; /*#e5eecc;*/
  margin:0px;
  border-left: 26px #fe9900 solid;
  border-right: 26px #fe9900 solid;
  clear:both;
  margin-bottom: 1.5em;
  border-radius: 15px;
}

div.oboxv div.title
{
  color: #fe9900; /*#11607f;/*#a41976;*/
  border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}

div.oboxv div.content
{
  padding-top: 0em; 
}

div.narrow
{
	font-family:"Arial Narrow","Helvetica Narrow",Tahoma;
}


						/* top area */

#title 
{
  top: 0em;
  margin-left: 10px;
  width: 1000px;
  height: 100px;	/* top */
  background-color:#FFFFFF;
  color:#000066;
  border-bottom:  0px solid #000000;
  z-index: 999;
}

p.small {line-height: 90%}
p.big {line-height: 150%}


/* message area */	
#message
{
background-color:#FFFFFF;
border: none; /*0.5em  solid #000000;  /* :none; content area */
width: 240px; 
margin-left: 770px;
margin-top: 100px; /* top */
position:fixed;
float:left;
text-align:left;
font-size:12px;
line-height: 1.3;
}


/* footer */
#footer
{
  position: fixed;
  bottom: 0;
  left: 10px;
  width: 1000px;
  height: 20px;
  background-color:#FFFFFF;
  color:#000066;
  border-top: 10px solid #FFFFFF;
  z-index: 999;
}






/* -------------------------------------- */
/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul ul li{float:left;height:1%;}
* html #menuv ul ul li a{height:1%;}
/* End */

/*
#menuh-container
{
position: absolute;
top: 1em;
left: 1em;   
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;*
background-color:  // #8EC0FF #7b7d8e #0000FF;
width:140px;
margin:20px;  
}*/

#menuv		/* position, size, and font of  menu */
{
	border: 5px  solid  #be3c67; /* #000000 */ 
	background-color: #be3c67; /*#999999; #7b7d8e;  block where the menu is*/
	width:160px; 
	/*padding-bottom:100%;*/
	top: 100px; /* top */
	margin-left: 10px;
	float: left;
	text-align: left;
	font-family: normal arial, verdana;
	  border-radius: 15px;
	}

#menuv a
{
  text-decoration:none; 
  display: block; 
  width: 100%; 
}

#menuv a, #menuv a:visited	/* all menus at rest */
{
  color:#FFFFFF; /*  #000000 text color of the menu */
  background-color: /* #99cc99; #2E8B57; 8FBC8F*/
  text-decoration:none;  /* removes underlines from links */
  font-weight:/* bold;*/ 		
}

#menuv ul
{
	padding: 0px; margin: 0px; border: none; outline: none;
  margin-left: 0px;
}

#menuv ul li
{
  color: #000000;
  list-style-type: none;
	padding: 3px;
}

#menuv li.selected a
{
  color: yellow;
  font-weight: /*bold;*/
}

#menuv li:hover				/* all menus on mouse-over */
	{
	color: :#000000;
  font-weight:500;
	background-color:#ef6793; /* #FFFFFF; #f90;  */
	}
		
#menuv ul ul li
{
	position: relative;
	top: 0;
	left: 0em;	/* 8em; distance from  left menu (this should be the same as width value in #menuv [1]) above */
	margin-left: 1em;		
	padding: 0.0em;
	padding-left: 2px;
	width: 104px;		/* li width - margin-left*/
	line-height: 1.1em;
}
#menuv ul ul li a
{
  font-size: 0.8em;
}		

#menuv img
{
  float:right; 
  margin-top:0.4em;
}


#menuv li
{
  display:block;
  text-align:left;
  padding: 3px; /*4px;  2px 2px 10px*/
	/*width: 114;  menuv width - 2*padding*/
  background-color: #be3c67; /*#566D7E; #87AFC7 #7b7d8e #00FFFF #BFBEF3; #F0F8FF; *#737994; color of menu block*/
	margin: 0px;
}		

		/*
#menuv a.parent, #menuv a.parent:hover 	// attaches parent-arrow on all parents 
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
*/
/*
#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: relative;
	top: 0;
	left: 8em;	
	display: none;
	}


div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;		// keeps the menu parts together 
	padding:0;
	width: 8em;		// 8em; width of sub menus  (this should be the same as width value in #menuv [1]) above 
	}
*/


/*
div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block; 
	}
*/


/* -------------------------------------- */
/* CSS right announcement container */