/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */


h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
h2 {
	color: navy; /*#507EA1*/
	text-align: center;
	padding:15px;
	}
h3 {
	color: #000;
	text-align: center;
	font:.25em;
	padding:5px;
	}
p  {
	font-size: 1em; /* 16pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
	padding-left: 2px;
 	}

.center  {
	font-size: 1.1em; 
	line-height:1.25; 
	text-align: center;
 	}

.bold  {
	font-size: 1em; 
	line-height:1.25;
	font-style: bold;
	text-decoration: underline; 
	}