/*NOTE: TO CHANGE ELEMENTS APPEARANCE:
 RIGHT AFTER THE P: <P class="classname"> THEN IN THE CSS FILE, ADD A LINE: p.classname{ color: green}   could also specify property here for e.g.h1 {border-bottom 1 px solid black}*/


body {
     background-color: #d2b48c;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 2%;
	margin-bottom: 2%;
	border: 7px solid brown; 
        padding: 30px 35px 30px;
	font-family: Times, Times-New-Roman, serif;
	line-height: 1.6em;
	
}


table.his {
          width: 70%;
	  border-width: 0;  
	  padding-right: 100px;
	  border: 0px;
	  margin: auto;
	 
}



td.his {
	font-family: Times, Times-New-Roman, serif;
	font-size: 17pt;
	font-weight: bold;
        width: 10%;
	text-align: center;
	padding: 10px;
	border: 0px;
	}


img.wraptextright20
{float: left;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.scrollover {overflow: scroll;}


img.wraptextright30
{float: left;
margin: 4px;
width: 25%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextright70
{float: left;
margin: 4px;
width: 65%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft30
{float: right;
margin: 4px;
width: 28%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft20
{float: right;
margin: 4px;
width: 20%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

.halfpageleft {float:left; overflow:hidden; width:40%; padding:2%; margin:2%; }

.halfpageright {float:right; overflow:hidden; width:40%; padding:2%; margin:2%; }


img.wraptextright50
{float: left;
margin: 4px;
width: 45%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


img.wraptextleft60
{float: right;
margin: 4px;
width: 60%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


img.wraptextleft40
{float: right;
margin: 4px;
width: 40%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


img.wraptextright40
{float: left;
margin: 4px;
width: 40%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}

img.wraptextleft50
{float: right;
margin: 4px;
width: 45%;
padding: 10px;
border-style: none;
clear: right;
overflow: hidden;
}


img.wraptextleft45
{float: right;
margin: 4px;
width: 48%;
padding: 5px;
border-style: none;
clear: right;
overflow: hidden;
}



img.wraptextright45
{float: left;
margin: 5px;
width: 48%;
padding: 5px;
border-style: none;
clear: left;
overflow: hidden;
}


img.wraptextright15
{float: left;
margin: 5px;
width: 15%;
padding: 5px;
border-style: none;
clear: right;
overflow: hidden;
}




.onethird {float:left; width:30.3%; padding:1.5%; overflow:hidden; }

.nooverflow {overflow: hidden;}

.scrolloverflow {overflow: scroll; }

.noborder
	{border: 0px; }


.center {text-align: center;
		font-size: 110%;
		font-weight: bold;}

.centerimage {text-align: center;}

.centergreenbold {color:green; text-align:center; font-weight:bold; font-size:14pt;}

.bold16font {text-align:center; font-weight:bold; font-size:16pt;}

.green {text-align:center; color:green; font-weight:bold; }

.greencenterbold {text-align:center; color:green; font-weight:bold; }

#green {text-align:center; color: green; font-weight:bold; }

.clearboth {clear: both;}

.clearleft {clear: left;}

.clearright {clear: right;}

.margintop10px {margin: 10; padding: 15;}

.centergreenbold {color:green; text-align:center; font-weight:bold; font-size:14pt;}

.centerredbold {color:red; text-align:center; font-weight:bold; }

.center90 {display: block; width: 90%; margin-left: auto; margin-right: auto; clear: both; }


.center80 {display: block; width: 80%; margin-left: auto; margin-right: auto; clear: both; }


.center70 {display: block; width: 70%; margin-left: auto; margin-right: auto; clear: both; }

.center60 {display: block; width: 60%; margin-left: auto; margin-right: auto; clear: both; }

.center50 {display: block; width: 50%; margin-left: auto; margin-right: auto; clear: both; }

.center40 {display: block; width: 40%; margin-left: auto; margin-right: auto; clear: both; }

.center30 {display: block; width: 30%; margin-left: auto; margin-right: auto; clear: both; }

.center20 {display: block; width: 20%; margin-left: auto; margin-right: auto; clear: both; }