/* see p.120, HTML Utopia 
#top {
margin: 20px;
padding: 10px;
background: #ccc;
height: 100px;
}
#left {
position: absolute;
left: 10px;
top: 160px;
width: 200px;
}
#center {
background: #ccc;
margin-top: 0;
margin-left: 220px;
margin-right: 220px;
}
#right {
position: absolute;
right: 10px;
top: 160px;
width: 200px;
}
 */
p, td {
/*font-family: verdana, arial, sans-serif;*/
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, sans-serif;
font-size:.9em;
} 
.special {
color: red;
}
#top {
margin: 4px;
padding: 4px;
background: white;
height: 100px;
border: 2px solid black;
}
#left {
position: absolute;
left: 14px;
top: 160px;
width: 200px;
}
#center {
background: #ccc;
margin-top: 0;
padding: 4px;
border: 2px solid black;
margin-left: 220px;
margin-right: 220px;
}
#right {
position: absolute;
right: 10px;
top: 160px;
width: 200px;
}
.bodytype {
	font-style: normal;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.copytype {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, Swiss, sans-serif;
	text-decoration: none;
}

.smalltype {
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, Swiss, sans-serif;
	text-decoration: none;
}

.smallbold {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.boldtype {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.boldtype    {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
	text-decoration: none;
}
a.boldtype:link  {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
	text-decoration: none;
}
a.boldtype:visited   {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
	text-decoration: none;
}
a.boldtype:active   {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
}
a.boldtype:hover  {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
	text-decoration: underline;	
}.underlineCell {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #000000;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000000;



}
.rightline {

	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #000000;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000000;
}
.underlineCellSolid {

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #000000;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000000;
}
.CellRightLowborder {


	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #000000;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000000;
}
.Cellborder {
	border: 1px solid #000000;

}
.Cellbordertop {




	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #000000;
}
.boldtypeBIG {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}

.captionBanner {



}

.category {
	font-size:1.2em;
	font-weight:bold;
	background-color:#CACACA;
	padding:5px;
}

.devnotes { color:red;font-family:Verdana,Arial,Helvetica;font-size:10px;background-color:pink;padding:4px;)