@charset "utf-8";



A {
	TEXT-DECORATION: none	
}

A:hover {
	POSITION: relative
}

A DIV {
	DISPLAY: none
}


A:hover DIV {
	BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 2px solid; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 100; BACKGROUND: #ffffff; LEFT: 150px; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #000000 2px solid; WIDTH: 375px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 2px solid; POSITION: absolute; TOP: -10px; TEXT-DECORATION: none; opacity: 0.9
}


.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font-face:  arial;
}

.labelfield{ /*CSS for label field in general*/
color:black;
font-size: 80%;
font-family:  arial;
font-size: 12px
}

.datefield{ /*CSS for date field in general*/
color:black;
font-size: 80%;
font-style:  italic;
font-family:  arial;
font-size: 12px
}

#example3{ /*Demo 3 main container*/
width: 410px;
height: 225px;
border: 1px solid navy;
padding: 4px;
background-color: #ffffff;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 25px;
}

code{ /*CSS for insructions*/
color: red;
}