@charset "UTF-8";
.titlefield {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}
.titlefield   a:link  {
	text-decoration: none;
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titlefield a:visited {
	text-decoration: none;
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titlefield  a:hover {
	text-decoration: none;
	color: #006600;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
	color:#330000;
	font-size: 10px;
	font-weight: bold;
}

#example1{ /*Demo 1 main container*/
width: 450px;
height: 30px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}

#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #EEEEEE;
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}

#example3{ /*Demo 3 main container*/
	width: 270px;
	height: 240px;
	padding: 5px;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 11px;
	text-align: justify;
}

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