# Empty CSS file for your own CSS
(editing for now, move inline styles later)

html, body, div, span{
	margin: 0px;
	background-color: #CCCCCC;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
}

a {	outline: 0;
	color: #0044BB; font-weight: bold; text-decoration: underline;}

a:visited {color: #0044BB; font-weight: bold;}
a:hover {color: #C60040;}

p {font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}

ul{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;}

ul li{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}

ul li ul{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}
	
ul li ul li{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}

ol{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}
	
.font90 {font-size: 90%;}
.font-red {color:#CC0000}
.font-purple {color: #6600CC}

.indent1 {margin-left: 20px;}
.image1 {margin: 5px 10px 5px 10px; float:right;} 
.image2 {padding: 5px 10px; width:160px;} 

.highlight1 {background-color:#FF9900; padding: 3px 0 3px 0; text-align:center;}
.highlight2 {background-color: #FFFF99;}

h1, h2, h3, h4 {font-weight: bold;}

h1 {font-size: 2.0em; color: #000000;}
h2 {font-size: 1.5em; color: #000000;}
h3 {font-size: 1.2em; color: #000000;}
h4 {font-size: 1.2em; text-align: center;}

hr {height: 1px; width: 100%; background-color: #FF9900;}