/*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: 0px 10px 0px;
	font-family: Times, Times-New-Roman, serif;
	line-height: 1.6em;
	background-image: url(images/rossbignobacklighter.gif);  
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;}


h1 { border-bottom: 2px solid black} 

img {border-style: none;}

#table {border-style: none; margin: 5px;
	   width: 100%;
	    text-align: center; font-weight: bold; font-size: 12pt; }

#table div {overflow: auto; margin: 10px; }

#table table {border-collapse: collapse; }

/* .table table td {border: 230px; padding: 120px; }  */

td { padding-left: 45px; padding-bottom: 1px; }

caption {padding-top: 8px;
		font-size: 18pt;}

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


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

.centerbrownbold {color:brown; text-align:center; font-weight:bold; font-size:12pt;}


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