body {	background : #cccccc;
       	color: #000000;
       	font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", "Helevetic", "Lucida Grande";
       	font-size: 15px;
       	line-height: 150%;
	   	margin: 1em;
       	padding: 0px;}
	   	
a:link {	text-decoration: underline;
		/*color: #0066CC;*/}
				
a:visited {	text-decoration: none;
               	/*color: #0066CC;*/}
				
a:hover {	text-decoration: none;
			/*color: #0066CC;
			background: #cccccc*/}

a:active {	color: #008800;
               	text-decoration: none;}
               
table {	border-collapse: collapse;
        	 border: 0.2em ridge #666666;}

th {	text-align: center;
   	border: 0.2em ridge #666666;
   	padding: 0.25em}
		  
td {	text-align: center;
	border: 0.2em ridge #666666;
	padding: 0.25em}				   
				   				  		   		   
li{ padding-bottom: 5px; }

p{ }	
	   		   
.date { 	font-size: 16px;
		font-weight: bold;
		padding: 0em;
		margin: 0em; }
	
.indented { margin-left: 1.5em;}

.title{	font-size: 18px;
		font-weight: bold;}
		
.item { 	font-size: 16px;
		font-weight: bold;
		: 5px}
	
.titlebar {	position: relative;
			margin: auto;
		   	padding: 10px; 
		   	width: 800px;
		   	height: 50px;
          		font-weight: bold;
           		font-size: 24px;
           		color: #ffffff;
           		text-align: center;
	       	text-shadow: 2px 2px 4px #031323;
		   	border: ridge;
		   	border-width: 3px;
		   	border-color: #666666;}
		   
.lefttitle {	float: left;
			margin: auto;
			width: 150px;
			text-align: left;
			padding-left: 25px;
			line-height: 50px;}
			 
.midtitle  { 	margin: auto;
			width: 500px;
			text-align: center;
             	line-height: 50px;}
			 
.righttitle {	float: right;
			margin: auto;
			width: 150px;
             	text-align: right;
             	padding-right: 25px;
             	line-height: 50px;}
              
.navbar	{	width: 800px;
		   	margin: auto;
		   	text-align: center;
		   	background-color: #cccc99;
		   	padding: 10px; 
		   	font-size: 16px;
		   	font-weight: bold;
		   	border-left: ridge;
		   	border-right: ridge;
		   	border-top: none;
		   	border-bottom: ridge;
		   	border-width: 3px;
		   	border-color: #666666;}			 

.navbar ul {margin: 0; padding: 0; list-style-type: none;}

.navbar li {	display: inline;
			margin: 0;
			padding: 0.5em}

.navbar a:link {	text-decoration: none;
               		color: #000000;
                 		border-style: none;}

.navbar a:visited {	text-decoration: none;
                    		color: #000000;
                    		border-style: none;}
					
.navbar a:hover {	text-decoration: none;
				  	/*color: #0066CC;*/
				  	border-style: none;
				  	background-color: #cccc99}					
									 
.navbar a:active {	text-decoration: none;
				   	color: #008800;
				   	border-style: none;}

.content {	width: 800px;
		   	margin: auto;
		   	background-color: #ffffff;
		   	padding: 10px;
		   	text-align: left;
		   	border-left: ridge;
		   	border-right: ridge;
		   	border-top: none;
		   	border-bottom: ridge;
		   	border-width: 3px;
		   	border-color: #666666;}	   				  				 

.footer {	width: 800px;
			margin: auto;
			background-color: #cccccc;
			padding: 0.5em;
			border-width: 1px;} 	

.leftfooter { float: left;
              	text-align: left;
              	color: #333333;
	         	font-size: 11px;
			font-style: italic;}
			  			  
.rightfooter { 	float: right;
               		color: #333333;
	          		font-size: 11px; 
			   	text-align: right;
			   	font-style: italic;}
			   	
.practice_box:after {	content: "";
 			 			display: table;
 			 			clear: both;}
 			 	
.practice_text{	position: relative;
				float: left;
				width: 200px;
				margin: 10px 25px;}
				
.practice_figure{	position: relative;
					float: left;
					margin: 10px 25px;}