/* Build from scratch 2014, 2016 by AN and CPBL */
/* 2021-05: Replacing #BF846F; with #F9F3F1; 
Replacing #F2D6B3; with #f9f3f1; 
*/
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.canvas   {  width: 100%;    background-color:red;
             min-height=100%; /* This is a test dec2016 to extend page to bottom */
          } 
.headerrow  { height: 20px;  padding: 10px 0px 10px 4.25%;  width:95.75%;  background-color:#161426; color: white;}
.footerrow  {display: table;  height: 70px;  width: 100%;  padding-top: 2%; background-color:#161426; color:#f9f3f1; font-family:'Open Sans', sans-serif; font-weight: bold; font-size: 11px; line-height: 2;}
.menurow  { height: 40px; width: 95%;  padding-left:5%;  background-color:#731D3C;
            /*color:#731D3C;
            text-decoration: none; */
             overflow: hidden;
          }

.parent_two_columns {
    display: table;
}
.column1 {
    display: table-cell;
    background-color:#F9F3F1;
    vertical-align:top;
    font-family:'Open Sans', sans-serif; font-weight: normal;
}

.column1_old  { display: table-cell;
            width:75%;  
            float:left;  background-color:#F9F3F1; font-family:'Open Sans', sans-serif; font-weight: normal;}

.primarycont { width: 80%; margin-left: 7%; margin-right: 7%;
               margin-top: 5%; 
               margin-bottom: 15px; min-height: 600px; background-color:#F9F3F1;   overflow-y: hidden; } 
.column2  { display: table-cell;
            width:17%; 
            padding: 4%; font-family:'Open Sans', sans-serif; font-weight: normal;}
.column2_min_width_wrapper { min-width: 150px; }

.twocolumn { display: table; }
.clearFix { clear: both; }
.menuitem,.selectedmenuitem { height: 40px; background-color:#731D3C; color: #ffffff; font-family:'Open Sans', sans-serif; text-transform: uppercase; font-weight: 500;}
.selectedmenuitem { background-color:#44493C; }
/* For both unselected and selected menu items, change colour when mouse hovers over them: */
.menuitem:hover,.selectedmenuitem:hover{   background-color:#54594C; font-style: oblique; }


/*Anchor properties (links) - Global*/
/* AN chose this colour #BF846F;  See https://html-color.codes/hex/bf846f for a darker one, #9a5d45 ,  which I have used instead, below 
2021: darker, still: #583428
*/
a:link {color: #9a5d45;}
a:visited {color: #9a5d45;}
a:hover {color: #4A3163;}
a:active {color: #4A3163;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/*Define HR tag so it looks pretty*/
hr { display: block; height: 2px;
    border: 0; border-top: 1px solid #9a5d45;
    margin: 1em 0; padding: 0; }

/*  Following is for the research page: */
.short_abstract {font-style: italic;}

.publications_section_header {}   /* background-color: #899272;}*/
/* For the navigation menu within pubs */
td.publication-topic-menu-chosen {background-color: none}
td.publication-topic-menu {background-color: none}
td.publication-section-menu-chosen {background-color: none}
td.publication-section-menu {background-color: none}

/* Following are for formatting one publication item */
td.onepublicationleftborder {  background-color: teal; width:5px; }
td.onepublicationleftborderphysics { background-color: #731D3C; width:5px;}
td.onepublicationleftborderenergy { background-color: #3E8A21; width:5px;}

td.workingpaper_econ        {background-color: teal; padding-left:10px; padding-right:10px;}
td.workingpaper_environment {background-color: #3E8A21; padding-left:10px; padding-right:10px; }
td.opinionpiece {background-color: #E84C18; padding-left:10px; padding-right:10px; }
 
td.onepublication {background-color: none; padding-left:5px;}

tr.pubrow {
    outline: thin solid;
	  }


.studenttable td {padding-top:20px; padding-bottom:20px;}

/*
  </style><!-- font-face: arial; font-size: 10px; color:black -->
  <style>
.class_name {definition; definition;}




 overflow: hidden;

height: 100%;
 .row      { width: 960px; margin: 0 auto; background-color:yellow;}
  <body style="background-color: rgb(0, 0, 1); color: rgb(187, 187, 255);"

height: 750px;

box-shadow: 10px 10px 5px #888888;
 overflow: auto; background-color:gray;    box-shadow: 10px 10px 5px #888888; padding: 50px; border: 5px solid red } 
display:inline-block;

overflow: hidden;
*/











nav {
    margin: 1px auto; 
    text-align: center;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    background: #F9F3F1; /* #efefef; */
    /*	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 

   */
    
    padding: 0 5px;
    /*    border-radius: 10px;  
     */
    list-style: none;
    position: relative;
    display: inline-table;
}
nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    
}
nav ul li:hover {
    background: none;
    /*
    background: #4b545f;
      background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
      background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
      background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);

    border-radius: 10px;  
      */
    
}

/*
nav ul li:hover a {
    text-decoration:blink;
}
*/

nav ul li a {
    display: block; padding: 5px 20px;
    color: #757575; text-decoration: none;
}


	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;

		}
			nav ul ul li a {
				padding: 15px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
		











