<!--
body {
font-family: "Times New Roman", serif;
font-size: 100%;
background-color: #f2f2ff;
margin: 0px;
padding-top: 0px;
padding-left: 8px;
}

.shell {
float:  left;
width: 840px;
margin: 0px;
padding: 0px;
display: inline;
}

td, p {
font-family: "Times New Roman", serif;
font-size: 100%;
}

h1 {
font-family: "Times New Roman", serif;
color: #0000ff;
font-size: 172%;
font-weight: bold;
}

h2 {
font-family: "Times New Roman", serif;
font-size: 144%;
font-weight: bold;
}

h3, big {
font-family: "Times New Roman", serif;
color: #0000ff;
font-size: 120%;
font-weight: bold;
}

h4 {
font-family: "Times New Roman", serif;
font-size: 100%;
font-weight: bold;
}

a:link { color: #000066 }
a:visited { color: #660066 }
a:active { color: #660066 }

a.promo:link { color: #006600 }
a.promo:visited { color: #006600 }
a.promo:active { color: #006600 }

.header {
width:	100%;
vertical-align:	top;
font-family: "Times New Roman", serif;
font-size: 100%;
background-color: #f2f2ff;
}

.lfloat {
float: 	left;
padding-top: 0px;
padding-left: 8px;
padding-right: 8px;
text-align: left; 
display:	inline;
}

.rfloat {
float: 	right;
padding-top: 0px;
padding-left: 8px;
padding-right: 8px;
display:	inline;
}

.clear	{	
clear:		both;
height:		1px;
margin:		0px;
padding:		0px;
line-height:	1px;
font-size:		1px;
}

.main {
float: 	right;
width:	700px;
padding-left: 8px;
padding-right: 8px;
display:	inline;
}

.leftcol {
float: 	left;
width:	122px;
padding:	0px;
margin:	0px;
display:	inline;
}

.foot {text-align: center; font-size: 80%}
.tiny {text-align: center; font-size: 60%}
.top-right {text-align: right; font-size: 80%}
.inactiv {text-align: center}
.activ {text-align: center; color: #660066; font-weight: bold}
.hanging-indent {padding-left: 2em;text-indent: -2em;}
.indent {text-indent: 24px}

.leftbar {
float: left;
text-align: left;
font-size: 80%;
font-weight: bold;
width: 120px;
background-color: #ccccff;
display: inline}

.secondframe {
float:  left;
width: 840px;
margin: 0px;
padding: 0px;
background-color: #ccccff;
display: inline;
}

.bold {text-align: left; font-size: 100%; font-weight: bold}
.center {text-align: center}
.fig-right {text-align: right; font-size: 80%; font-weight: bold; padding-right: 20px; padding-left: 10px}
.leftactiv {text-align: left; color: #660066; font-weight: bold}
.leftinactiv {text-align: left}
.leftbox {float: left; width: 400px; padding: 10px; background-color: #ccccff; margin-right: 20px}
.logo-text {color: #0000ff; font-size: 208%; font-weight: bold; line-height: 50%}
.mainframe {float: right; width: 720px; background-color: #f2f2ff;}
.medi {text-align: left; font-size: 80%}
.midl {text-align: center; font-size: 80%}
.note {text-align: left; font-size: 80%; color: #ff0000; font-weight: bold}
.promo {text-align: left; font-size: 100%; color: #ff0000; font-weight: bold}
.purple {color: #006600}
.quot {text-align: left; font-size: 100%; color: #cc3300}
.right {text-align: right}
.strike {text-decoration: line-through; font-weight: bold; color: #666666}
.topactiv {text-align: center; color: #660066; font-size: 80%; font-weight: bold; background-color: #f2f2ff; float: left; width: 100px; border-top-color: black; border-top-width: 1px; border-top-style: solid}
.topinactiv {text-align: center; font-size: 80%; font-weight: bold; background-color: #9999ff; float: left; width: 100px; border-top-color: black; border-top-width: 1px; border-top-style: solid}
.topnavend {text-align: center; font-size: 80%; font-weight: bold; background-color: #9999ff; float: left; width: 20px; border-top-color: black; border-top-width: 1px; border-top-style: solid}
-->