/* ccm.css Jase Haysom 17/03/2024 -- full menu display version */

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

body 	{
		background-color: #d9e9ce;
		background-image: url(../site/cart_bg.gif);
		background-size: 100% 100%; 
		background-attachment: fixed;
		margin-top: 0px
		}
		
span.first {
		margin-right: -0.3em;
  		float: left;
  		width: 0.7em;
  		font-size: 300%;
  		font-family: Times New Roman;
  		line-height: 80%;
	}	
		
img.ed_cdnhp {
  		float: right;
		shape-outside: polygon(44.53% 19.83%, 44.02% -0.84%, 103.3% -0.95%, 103.66% 100.75%, 12.68% 100.46%, 12.33% 82.73%, 0.31% 82.84%, 0.3% 56.58%, 40.02% 55.63%, 178px 19.9%);
		}

img.ed_wms {
  		float: right;
		shape-outside: polygon(42.6% 7%,  42.6% 22.2%,  1% 24%,  1% 80%,  49.2% 80%,  49.2% 100%,  100% 100%,  100% 0%);
		}
		
div.box	{			/* standard information box */ 
		margin-left: auto;  
		margin-right: auto;
		color: #452209; 
		width: 1000px;     /**/
		height: auto;
		font:normal 12px Arial;
		text-align: left;
		background-color: lightyellow;
		border: solid green 1px; 
		margin-top: 10px;
		padding: 10px 20px 10px 20px
		}
		
div.box_last	{			/* standard last information box */ 
		margin-left: auto;  
		margin-right: auto;
		color: #452209; 
		width: 1000px;     /**/
		height: auto;
		font:normal 12px Arial;
		text-align: left;
		background-color: lightyellow;
		border: solid green 1px; 
		margin-top: 10px;
		padding: 10px 20px 10px 20px;
		border-radius: 0px 0px 30px 30px
		}
		
div.block_hd{ 			/* container for header items */
		background-color: lightyellow; 
		height: auto;
		border: black 1px solid; 
		padding-bottom: 5px;
		border-radius: 30px 30px 0px 0px;
		margin-left: auto;  
		margin-right: auto;
		width: 1040px; 
		margin-top: 5px
		}
		
div.footer{ 			/* container for footer items */
		margin-left: auto;  
		margin-right: auto;
		width: 880px; 
		text-align: center;
		margin-top: 0px
		}
		
div.hdr	{				/* small header boxes */ 
	    margin-left: 00px; 
		float: 	left;
		width: 	244px;
		height:	90px;		
		font:	normal 12px Arial;
		text-align: left;
		background-color: lightyellow;
		border: solid black 1px; 
		margin-top: 0px;
		padding: 10px 20px 10px 20px
		}
		
div.img_hd	{			/* header image */
		border-radius: 1.5rem;
		border: 1px solid black; 
		margin: 5px 12px 05px 00px; 
		float: right;
		color: lightyellow; 
		width: 725px;
		height: 228px;
		background-color: lightgray; 
		background-position: left top; 
		background-repeat: no-repeat
		}
		
div.box_pw	{			/* special information box */ 
		color: red; 
		width: 840px;
		font:normal 12px Arial;
		text-align: left;
		background-color: white;
		border: solid black 1px; 
		margin-top: 10px;
		padding: 10px
		}
		
span.hd_1	{			/* for page header */
		font-size: 24px; 
		color: red
		}
		
span.hd_2	{			/* for smaller header */
		font-size: 18px; 
		color: red
		}
		
p		{
		font-family: arial;
		margin: 4px 0 0 0;	/* standard paragraph */
		text-indent: 3em
		}
		
hr		{
		width: 85%;		/* standard horizontal divider */
		border: orange thin solid; 
		text-align: center
		}

/* --- download --------------------------------------------------------------------------- */
td.dld_L		{
		font-size: 12px;
		white-space: nowrap;
		height: 22px;
		text-align: left
		}
		
td.dld_R		{
		padding-left: 30px;
		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_2a
		{
		font-size: 12px;
		width: 90px;
		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
		}

td.dld_4		{
		font-size: 12px;
		width: 80px;
		background-color: #d3eef1;	
		border: black solid 1px;
		text-align: center
		}

/* --- images ----------------------------------------------------------------------------- */
img.ls_ample			/* formating for example landscape image */
		{			
		border: black solid 1px;
		float: right; 
		margin: 5px 0px 0px 5px;
		height: 278px;
 		width: 400px
		}
		
img.p_ample			/* formating for example portrait image p */
		{
		border: black solid 1px;
		float: right; 
		margin: 5px 0px 0px 5px;
		height: 400px;
 		width: 280px
		}
		
img.p_map			/* formating for thumbnail portrait image */
		{
		border: black solid 1px;
		margin: 5px 0px 0px 5px;
		height: 400px;
 		width:  280px
		}
		
img.ls_map			/* formating for thumbnail landscape image */
		{
		border: black solid 1px;
		margin: 0px -5px 0px 0px;
		height: 280px;
 		width: 400px
		}
		
img.divider
		{
		width: 750px;
		height: 2px;
		margin-left: 40px
		}
		
/* ---tables ------------------------------------------------------------------------------ */
table
		{
		font:normal 12px Arial;
		color: inherit
		}
		
td.index
		{
		width: 20%; 
		vertical-align: top; 
		border-left: 1px black solid; 
		padding-left: 1rem
		}

/* --- links ------------------------------------------------------------------------------ */
ul
		{
		margin:0;
		padding:0;
		list-style:none;
		}

li a
		{
		text-decoration: none;
		font-style: italic;
		color: brown;
		display:block;
		padding:2px;
		}
  
li a:hover
		{
		background:wheat;
		text-decoration: underline;
		}
 
li a	
		{
		background-color: lightyellow;
		}

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