/* .info = class

<div class="info">word or phrase goes here</div>

This is an alternative to dfn using spry Toolti...which does not style the word it defines. */

div.info {

border-bottom: 1px dashed blue;
font-style: italic;
font-weight: 700;

}


dfn {

border-bottom: 1px dashed blue; 
font-weight: 700;

}


h1 { 

color: #000099; 
text-align: center; 
font-size: 22px Verdana, Arial, sans-serif; 
font-weight: 700; 
font-style: italic;
	
}

h2 { 

color: #0000FF; 
text-align: center; 
font-size: 15px Verdana, Arial, sans-serif;  
font-weight: 300;
	
}

h3 {

font-size: 13px Verdana, Arial, sans-serif;
color: #000; font-weight: bold;
	
}

a:link { 

color: #000FF; text-decoration: none; 
	
}


a:visited { 

color: #990000; text-decoration: none; 
	 
}


a:hover {
	
background-color: #0000FF; 
color: #FCD52B;

}


a:active {
	
color: #CC0033

}

p.red {

color: #CC0033; 
font-weight: 700;
	
} /* coded <p class="red"></p> */


div.example {

border: 2px solid black;
background-color: rgb(255, 255, 204);
width: 80%;
height: 400px;
text-align: left;
overflow: auto;
padding: 15px;

}

/* written as <div class="example"><p class="example">Example Goes Here</div> */




