/* default.css sets the baseline global styles for the site.  This is 
   where basic heading, listing, link, and paragraph settings are made.
  
   default.css should come immediately after reset.css and before any
   other stylesheets for more specific areas of the site.  Feel free
   to change this file, but recognize the changes made here are
   intended to be global to the site */

html, body, div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
body {
	/* font-family: Palatino, Garamond, Times New Roman, serif; */
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 76%;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
}
h1 {
	font-size: 2.0em;
	margin: 1em 0 0.4em 0;
}
h2 {
	font-size: 1.6em;
	margin: 1em 0em 0.6em 0em;
}
h3 {
	font-size: 1.3em;
	margin: 1em 0em 0.5em 0em;
}
h4 {
	font-size: 1.1em;
	margin: 0.2em 0em 0.2em 0em;
}
h5 {
	font-size: 1.0em;
	margin: 0.2em 0em 0.2em 0em;
}
h6 {
	font-size: 0.8em;
	margin: 0.2em 0em 0.2em 0em;
}
p {	
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0.3em 0em 0.9em 0em;
}
ol, ul {
	padding-left: 2em;
}
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
li li {
	font-size: 1em;
}
li, td {	
	font-size: 1.2em;	
	line-height: 1.1em;
}
a, a:visited {
	text-decoration: none;
	color: #0000CC;
}
a:hover, a:active {	
	text-decoration: underline;
	color: #0000CC;
}
a.selectedPage {
	font-weight: bold;
}
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
 
/* This clearing trick always works, though it does require that you add 
the following (including the existence of the 1x1 transparent cleardot.gif) 
whenever you want to clear the floats:
<div class="clear"><img src="Images/cleardot.gif" width="1" height="1" /></div>
*/
div.clear
{
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
}
 
/* this is a clearing trick that might work cross browser without HTML markup 
Apply this to the container holding the floated elements */
.clearfix:after 
{
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	voice-family: "\"}\""; 
	voice-family:inherit;
	content: "."; /* this is the line we need to hide from IE6, so we undo it in the holly hack below */
}
 
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
* html div.clearfix {height: 1%; content: "";}
/* End hide from IE-mac */

#ieSpacer {
	display: none;
}