
/* *****************************************************
Define how the page will look printed ... 
	idea is do a simpler format for print

	1) take out the background for print
	2) print type in black
**************************************************** */
body {background-color: white;
	width: 80%;
	font-size: 11pt;
	font-family: Arial, serif;
	padding: 0;
	color: black;}
	
div#bodyContent{width: 100%;
   float:right;
	width:70%;
	margin: 0;
	padding: 0;}
	
.topPage {
	margin: 0;
	padding: 20px 10px 10px 40px;
	text-align: left;
}

.topPage img {float:left; margin-right:20px;border:0;}
.topPage .f1 {font-weight: bold; font-size: 24pt;}
.topPage .f2 {font-weight: bold; font-size: 18pt; margin-left: 55px}
.topPage .f3 {font-weight: normal; font-size: 18pt; vertical-align:top;}

.botPage  {display:none;}	 
#photo    {display:none;}

h1 		 {font-size: 14pt; color:black;}
h2 		 {font-size: 13pt; color:black;}
h3 		 {font-size: 12pt; color:black;}
a:link 	 {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}        
a:hover   {color: black; text-decoration: underline;}
a:active  {color: black; text-decoration: underline;}
	
.img {border: none;}

#navBar {
	width: 170px;
	margin: 0px 0 0 0;
	padding: 1% 0% 0% 0%;
	font-size: 100%;}

#navBar li {
	list-style-position: outside;
	list-style: none;
	margin-top: 20px;
	font-weight: bold;}

#navBar a:link    {color: black; text-decoration: none;}
#navBar a:visited {color: black; text-decoration: none;}
#navBar a:hover   {color: black; text-decoration: none;}
#navBar a:active  {color: black; text-decoration: none;}
