body			{ background-color : #FFFFFF;   margin-top: 16px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: verdana, arial; font-size: 8pt }
hr             { font-family: verdana, tahoma; font-size: 8pt }
html           { font-family: verdana, tahoma; font-size: 8pt }
p              { font-family: verdana, tahoma; font-size: 8pt }
td             { font-family: verdana, tahoma; font-size: 8pt }
a              { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; color: blue }
a:active       { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; color: blue }
a:link         { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; color: blue }
a:visited      { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; color: blue }
a:hover	       { font-family: verdana, tahoma; font-weight: bold; text-decoration:underline; color: red }
a.top          { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: black }
a.top:active   { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: black }
a.top:link     { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: black }
a.top:visited  { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: black }
a.top:hover    { font-family: verdana, tahoma; font-weight: normal; text-decoration:underline; font-size: 8pt; color: blue }
a.side         { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: #000080 }
a.side:active  { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: #000080 }
a.side:link    { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: #000080 }
a.side:visited { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 8pt; color: #000080 }
a.side:hover   { font-family: verdana, tahoma; font-weight: normal; text-decoration:underline; font-size: 8pt; color: blue }
a.sides         { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 10; color: black }
a.sides:active  { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 10; color: black }
a.sides:link    { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 10; color: black }
a.sides:visited { font-family: verdana, tahoma; font-weight: normal; text-decoration:none; font-size: 10; color: black }
a.sides:hover   { font-family: verdana, tahoma; font-weight: normal; text-decoration:underline; font-size: 10; color: #000080 }
a.white         { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; font-size: 8pt; color: #ffffff }
a.white:active  { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; font-size: 8pt; color: #ffffff }
a.white:link    { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; font-size: 8pt; color: #ffffff }
a.white:visited { font-family: verdana, tahoma; font-weight: bold; text-decoration:none; font-size: 8pt; color: #ffffff }
a.white:hover   { font-family: verdana, tahoma; font-weight: bold; text-decoration:underline; font-size: 8pt; color: yellow }

tr             { font-family: verdana, tahoma; font-size: 8pt }
table.border   { bordercolorlight: #000080; width=760; border-collapse: collapse; bordercolordark: #000080 }
td.grey		   { width : 160; vertical-align : top; background-color: #D6D6D6 }
h1             { font-family: verdana, tahoma; font-size: 10pt; color: #000080; font-weight: bold; margin-top:0; margin-bottom:0 }
h2             { font-family: verdana, tahoma; font-size: 8pt; color: #000080; font-weight: bold; margin-bottom:0 }
h3             { font-family: verdana, tahoma; font-size: 8pt; color: #000; font-weight: bold; margin-bottom:0 }
.image			{ border: 1px border-style: solid; border-color: #000000  }
.pwhite			{ font-family: verdana, tahoma; font-size: 8pt; color: #FFFFFF; background-color: #6699FF }
#mainNav {
	background: url(images/jjp-back.jpg) repeat-x left top;
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#mainNav ul {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(images/jjp-back.jpg) repeat-x left top;
	float: left;
	border-bottom: 1px solid #000;
	width: 100%;
	white-space: nowrap;
}

#mainNav li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#mainNav li a, #mainNav li a:link {
	color: #000;
	text-decoration: none;
	border-right: 1px solid #000;
	display: block;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(images/jjp-back.jpg) repeat-x left top;
	padding-top: 0.5em;
	padding-right: 2.5em;
	padding-bottom: 0.5em;
	padding-left: 2.5em;
}

#mainNav li a:hover {
	background: url(images/jjp-back-blue.jpg);
	color: #fff;
}

#mainNav li a.high, #mainNav li a.high:link {
	background: url(images/jjp-back-high.gif) repeat-x left top;
}
#mainNav li a.high:hover {
	background: url(images/jjp-back-blue.jpg);
	color: #fff;
}


/* IE 6 hack to make entire button clickable */
* html #mainNav a { width: 1px; }

.table5 {
	height: auto;
	width: auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
}
-->