html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family: calibri, verdana;
	font-size:100%;
}


#container {
min-height:100%;
position:relative;

}


H1 {background-color:#016a86;
color:white;
position:relative;

padding:0.25em;
font-size:160%;
}


.top_bar {
position:fixed;
top:0;
left:10%;
color:gray;
width:75%;
padding:0.75em;
height:2.5em;
z-index:1000;
background-color:white;
}

.logo {
position:absolute;
top:0.5em;
z-index:15;}


#IndexTitle {position:absolute; right:2em; top:1.75em;right:3em;color: #016a86;}

#cpoutput {
position:relative; 
top:3.5em;
left:10%;
width:75%;
}



#indexabout {
	width:52%;
	float:left;
	padding: 0.2em;
	}

#indexthumb {
	width:37%;
   	float:right;
   	}

#indexthumb img {
    height: auto; 
    width: auto; 
    max-width: 500px; 
    max-height: 500px;
}



@media only screen and (max-width: 800px)
{
    #indexabout, #indexthumb
    {
        display: block; 
        float: none; 
        width: 99%;
        padding: 1em;
    }
	
	#IndexTitle {display:none !important;}  
}


.indexhead_focus {color: red; }
.indexhead, .indexhead a {font-size: 100%;color: blue; text-decoration:none;}
.indexhead {position:absolute; left:7em; top:1.8em;}




table {border-collapse:collapse;}
th {cursor:pointer;background-color:navy;color:white;}
td {font-size:80%; margin:0pt;border:1pt solid silver;}