/* Author: Neil McGregor */
/* Date: 26-3-13 */
/* Version: 1.1 */
/* Contact:  contact @ elthistory.com */
/* */
/* */

    
    html, body 
    {
       height: 100%;
    }
	
	hr 
	{
  	   border:0;
  	   border-top: 2px solid #4D4DFF;
  	   height: 1;
  	   background: #4D4DFF;
  	   margin-left: 0;
   	   margin-right:auto;
	}	
    
    h2
    {
       font-size:1.5em; 
    }
    
    h3
    { 
       font-size:1.1em;
    }

    h4
    { 
       font-size:.8em;
    }

    #wrapper 
    {
        min-height:100%;
        margin-bottom:-36px;
        width:100%;
		margin:0px auto;
		font-family: "Arial";
	}
	
	#wrapper div 
    {
	    float:left;    
	}  	
    
    #left 
    {
  		width:15%; 
        position:fixed;
  	}
	
  	#left div 
    {
		text-align:left;
  	}    
    
    #left_tip
    {
        font-size:small;
    }
    
	#right 
    {
        width:84%;
        height:100%;
        margin: 90px 40px 40px 15%;
        padding-left:1%;
	}
	
	#right a
	{
        color:#4D4DFF;
        text-decoration:none;
    }

    a.anchor
    {
        display: block; 
        position: relative; 
        top: -100px; 
        visibility: hidden;
    }
    
	#right div 
    {
        float:none;
	}
	
    #right-top
    {
        margin: 0 0px 0px 15%;
        width:85%;
        position:fixed;
        background-color:white;
        z-index:9999;
        top:0;
    }
    
    #right-top div
    {
        float:right;
    }

    #headersearchbox
    {
        margin-right:12%;
        margin-top:2%;
    }
         
    #right-middle
    {
        margin: 80px 0px 0px 0px;
        clear:both;
        width:98%  
    }
    
    #right-middle div
    {
        width:31%;
        float:left;
    }

    #right-middle-books
    {
        margin-left:2%;
        clear:both;
        width:98%;  
        vertical-align:top;
        border-bottom:13px;
        margin-bottom:10px;
    }
    
    #right-middle-books div
    {
        margin-left:2%;
        clear:both;
        width:98%;  
    }
    
    #right-middle-books img
    {
        vertical-align:top;
    }
	
    #right-bottom
	{
        margin-left:2%;
        width:98%  	        
	}
    
    #right-bottom div
    {
        width:33%;
        float:none;
    }
    
    #right-bottom li
	{
        width:90%
    }
        
    #right-section
    {
        clear:both;
        float:left;
        margin-left:2%;
        width:98%; 
    }
    
    #right-section div
    { 
        float:left;
        width:31%;    
    }
    
    #footer 
    {
        display:block;
        background-color:white;
        color: #888888;
        opacity:0.85;
        position:fixed;
        bottom:0px;
        border: 0, 0, 0, 0;
        height:20px;
        width:100%;
        line-height:15px;
    }
    
    #clearfooter 
    {
        clear:both;
        height: 30px;
    }

    #thistimehistory
    {
        margin-left:2%;
        clear:both;
        width:98%;
        text-align:center;        
    }
    
    #thistimehistory div
    {
        margin-left:2%;
        clear:both;
        width:98%;  
    }

    form input[type="text"] 
    {
        height: 22px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        border: 1px solid #4D4DFF;
    }

    form input[type="image"] 
    {
        position:relative;
        left:-8px;
        top:6px;
        height: 22px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        background-color: #4D4DFF;
        border: 1px solid #4D4DFF;
    }
    
	#nav div 
    {
        float:none;
        display:block;
	}
    
    #nav-login
    { 
        text-align:center;
    }

    #nav-menu-options-current
    {
        background: lightblue;
        color: black;
    }
    	
    .nav-menu-options
    {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 5px auto 10px 18px;
        padding-top: 0px;
        list-style-type: none;
    }
    
    .nav-menu-options li {
	    PADDING-BOTTOM: 0px;
    }

    .nav-menu-options li A
    {
        padding-right: 1px;
        display: block;
        padding-left: 1px;
        font-weight: bold;
        padding-bottom: 3px;
        margin-left: -3px;
        color: black;
        padding-top: 3px;
        border-bottom: #ececec 1px solid;
        text-decoration: none;
    }
    
    .nav-menu-options A:visited {
	    COLOR: black;
    }
    
    .nav-menu-options A:hover
    {
        background: darkblue;
        color: white;
        text-decoration: none;
    }
    
    .submenu-div
    {
        display:none;
    }
    
    .sub-menu-options
    {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 5px auto 10px 18px;
        padding-top: 0px;
        list-style-type: none;
        font-size:70%;
       
    }
    
    .sub-menu-options A {
	    PADDING-RIGHT: 1px; 
	    DISPLAY: block; 
	    PADDING-left: 1px; 
	    FONT-WEIGHT: bold; 
	    PADDING-BOTTOM: 3px; 
	    MARGIN-left: -3px; 
	    COLOR: black; 
	    PADDING-TOP: 3px; 
	    BORDER-BOTTOM: #ececec 1px solid; 
	    TEXT-DECORATION: none
    }

    .news-alert
	{
   	 	left: 20%;
    	position: relative;
    	font-weight: bold;
    	font-style: italic;
    	width: 70%;
	}
    
    .news-stories
	{
   	 	left: 5%;
        margin-left:5px;
    	position: relative;
        font:menu;
    	width: 95%;
        float:left;
	}
    
    .news-stories div
    { 
      width:33%;
      float:left;
    }

    .news-stories-alt
	{
   	 	left: 5%;
    	position: relative;
        font:menu;
    	width: 95%;
        float:right;
	}
    
    .news-stories-alt div
    { 
      width:33%;
      float:right;
    }
    
    .indentQuote
    {
      margin-left:5%;
      margin-right:5%;
    }
    
    .articleFig
    {
      display:block;
      margin-left:auto; 
      margin-right:auto;
    }

    p.help_para
    {
        width:90%;
        margin-bottom:5px;
    }
    
    p.help_title
    { 
        width:90%;
    }
    
    table.data_table
    {
        border-width: 1px;
	    border-spacing: 1px;
	    border-style: solid;
        width:90%;
    }
    
    table.data_table th
    {
        font-weight:bold;
    }
    
    table.data_table td
    {
        border-width:1px;
        border-spacing: 1px;
	    border-style: solid;
    }
    
    .tagStyle
    {
       font-size:80%;
    }

/* browser & search_result pages */
    
    .year_row
    {
        	    
    }

    .year_div
    {
    	background: darkblue;
        color: white;
        width:10%
    }
    
    .tag_div_header
    {
	    background: darkblue;
        color: white;
	    width:30%;
        text-align:center;
    }
    
    .tag_only_div_header
    { 
        background: darkblue;
        color: white;
	    width:90%;
    }
    
    .tag_div
    {
	    background: white;
        color: black;
	    width:30%;    
    }
    
    .event_div a:link
    {
     text-decoration:none; 
     color:black;
    }

    .event_div a:active
    {
     text-decoration:none; 
     color:black;
    }
    
    .event_div a:hover
    {
     text-decoration:none; 
     color:black;
    }
    
    .event_div a:visited
    {
     text-decoration:none; 
     color:black;
    }

    .source_heading_div
    {
     font-size:larger; 
    }    
/* help pages */  
    
    #answer_div
    { 
      page-break-after:always;
    }
    
/* popups' code */
    
    #tooltipleft 
    {
     position: relative; 
    }
    
    #tooltipleft a span 
    {
     display: none;
     color: #FFFFFF; 
     font-size:smaller;
    }
    
    #tooltipleft a:hover span 
    {
     display: block; 
     position: absolute; 
     width: 250px; 
     background-color:lightblue; 
     height: 70px; 
     left: 100px; 
     top: -20px; 
     color: #FFFFFF; 
     padding: 5px; 
    }

    #tooltipright 
    {
     position: relative; 
    }
    
    #tooltipright a span 
    {
     display: none;
     color: #FFFFFF; 
     font-size:smaller;
    }
    
    #tooltipright a:hover span 
    {
     display: block; 
     position: absolute; 
     width: 250px; 
     background-color:lightblue; 
     height: 70px; 
     left: -100px; 
     top: -20px; 
     color: #FFFFFF; 
     padding: 5px; 
    }

    #tooltip 
    {
     padding: 4px;
     background-color: #eee;
     border: 1px solid #000;
     text-align: left;
     font-size: 13px;
     z-index:999;
    }

    span.tip 
    {
     border-bottom:0px solid blue;
     color:blue;
     display:none;
    }