/* optop.css Jase Haysom 13/03/2017 */

/* --- general formatting ----------------------------------------------------------------- */

body 		{
		background-color: #d9e9ce;
		background-image: url('../assets/optop_bg.gif');
		background-size: 100% 100%; 
		background-attachment: fixed;
		margin-top: -10px
		}
div.box		{			/* standard information box */ 
		border-radius: 0px 30px 0px 30px;
		color: #452209;
		width: 840px;
		font:normal 12px Arial;
		text-align: left;
		background-color: lightyellow;
		border: solid green 1px; 
		margin-top: 10px;
		padding: 10px 20px 10px 20px
		}

div.h_box	{			/* header box */ 
		border-radius: 0px 30px 0px 30px;
		color: lightyellow; 
		width: 870px;
		height: 165px;
		font:normal 12px 'times new roman';
		text-align: left;
		border: solid green 1px;
		margin-top: 20px;
		padding: 10px 0px 0px 0px; 
		background-color: lightgray; 
		background-position: left top; 
		background-repeat: no-repeat
		}

span.code	{ /* indicate code, file names and rthe like */
		font-family: "courier new"
		}

p		{
		margin: 5px 0 0 0;	/* standard paragraph */
		text-indent: 3em
		}

hr		{
		width: 85%;		/* standard horizontal divider */
		border: orange thin solid; 
		text-align: center
		}

/* --- drop down menu ----------------------------------------------------------------------- */
td.menu		{
		border-radius: 0px 12px 0px 12px;
		color: brown;
		font-size: 12px;
		background-color: #ffffa0;	
		border: black solid 1px;
		height: 18px;
		text-align: center
		}

a.menu  	{
		text-decoration: none;
		font-style: italic;
        	font-weight: normal;
		padding: 0px 10px 0px 10px;
		color: darkgreen
        	}
a.menu:visited 	{
		text-decoration: none;
		font-weight: normal;
		color: slategray 
	       	}
a.menu:hover	{
		color: darkred; 
		font-weight: normal;
		text-decoration: underline
	    	}
.dropmenudiv	{
		position:absolute;
		top: 0;
		border: black solid 1px; /****/
		/* border-bottom-width: 0; */
		font:normal 12px Arial;
		line-height:18px;
		z-index:100;
		background-color: lightyellow;
		width: 125px;
		visibility: hidden;
		}
.dropmenudiv a	{
		width: auto;
		display: block;
		text-indent: 3px;
		padding: 2px 0;
		text-decoration: none;
		font-weight: normal;
		color: darkgreen;
		}
* html .dropmenudiv a	{ 		/*IE only hack*/
		width: 100%;
		}
.dropmenudiv a:hover	{
		background-color: orange;
		}

/* --- mouseover images --------------------------------------------------------------------------- */
.dropdown {
		position: relative;
		display: inline-block;
		}

.dropdown-content {
		right: 0;
		display: none;
		position: absolute;
		z-index: 1;
		}

.dropdown:hover .dropdown-content {
    	display: block;
		}

.dropbtn {
		background-color: white;
		color: black;
		padding: 2px;
		font-size: 12px;
		border: black solid 1px;
		cursor: pointer;
		}

/* --- download --------------------------------------------------------------------------- */
td.dld_L		{
		font-size: 12px;
		white-space: nowrap;
		height: 22px;
		text-align: left
		}
td.dld_2		{
		font-size: 12px;
		width: 80px;
		background-color: #ffffa0;	
		border: black solid 1px;
		text-align: center
		}
td.dld_3		{
		font-size: 12px;
		width: 80px;
		background-color: #d0ffd0;	
		border: black solid 1px;
		text-align: center
		}

/* ---tables ------------------------------------------------------------------------------ */
table		{
		font:normal 12px Arial;
		color: inherit
		}

/* --- links ------------------------------------------------------------------------------ */
a  	{
		text-decoration: none;
		font-style: italic;
        	font-weight: normal;
		color: darkgreen
        	}
a:visited 	{
		text-decoration: none;
		font-weight: normal;
		color: slategray
	       	}
a:hover		{
		color: darkred; 
		font-weight: normal;
		text-decoration: underline
	    	}