H1 {
	font-size: 140%;
	font-weight: bold;
	color: #002266;
	background : transparent;
}
H2 {
	font-size : 120%;
	color: #002266;
	background : transparent;
	font-weight : bold;
}

H3 {
	color: #002266;
	background : transparent;
	font-size : 100%;
	font-weight : bolder;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 2em;
	background: url("../images/lhnav-bkg.gif") repeat-y;
	background-color: #F8F8F8;
}

#header {
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 760px;
	background-color: #F8F8F8;
	border-left: 1px solid #026;
	height: 155px;
}
#logo {
	position: absolute;
	float:left;
	top: 0px;
	left: 0px;
	border-left: 10px solid #2E2E84;
	border-right: 10px solid #F8F8F8;
	width : 187px; /*for IE/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px; /* Actual css compliant width */
	height: 165px;

}
html>body #logo {
	width: 165px; /* Be nice to Opera */
}

#vcentertxt {
	position: absolute;
	width: 450px;
	top: 50px;
	margin-left: 30px;
	font-size: medium;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #464692;
}

#banner {
	float: right;
	width: 595px;
	background-color: #F8F8F8;
	
}
#title {
	position: relative;
	clear: right;
	top: -50px;
	width: 560px;
	margin: 0px 0px 0px 190px;
	background-color: #F8F8F8;
	padding-left: 10px;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 130%;
	font-style: italic;
	color: #002266;
}
#content {
	width: 560px;
	margin: -70px 20px 20px 190px;
	background-color: #F8F8F8;
	border-right: 1px solid #F8F8F8;
	padding-left: 10px;
}
.content {
	clear: left;
	margin: 10px 20px 20px 190px;
	background-color: #F8F8F8;
	border-right: 1px solid #F8F8F8;
	padding-left: -200px;
}
#hlist ul{
	list-style: none;
	padding: 0 0 10px 0;
	Margin : 0;
	text-align: center;
}
#hlist li{
	display: inline;
	font-size: 1em;
	font-size:10px;
}
#tabrow { /* table row */
	position: relative;
	clear: both;
	width : 585px;
	text-align: left;
	vertical-align : middle;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-color: transparent;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #D0D0E0;
}
#tabrowl {/* right table row inset box*/
	position: relative;
	float: left;
	width : 415px;
	background-color: transparent;
	padding: 10px 10px 10px 10px;
	background-color: transparent;
}
#tabrowleftsmall {/* left table row inset box*/
	position: relative;
	float: left;
	width : 375px;
	background-color: transparent;
	
	background-color: transparent;
}
#tabrowlb{ /* table row */
	position: relative;
	clear: both;
	width : 565px;
	text-align: left;
	vertical-align : middle;
	padding: 10px;
	background-color: #D0D0E0;
}
#tabrowlba{ /* table row */
	position: relative;
	clear: both;
	width : 545px;
	text-align: left;
	vertical-align : middle;
	padding: 10px 10px 10px 10px;
	margin-bottom:5px;
	background-color: #D0D0E0;
	border: thick solid #2E2E84;
}
#tabrowblk{ /* table row */
	position: relative;
	clear: both;
	width : 545px;
	text-align: left;
	color:#FFF;
	font-size: 16px;
	vertical-align : middle;
	padding: 10px 10px 10px 10px;
	margin-bottom:5px;
	background-color: #999;
	border: thick solid #000;
}
#tabrowls {/* right table row inset box*/
	position: relative;
	float: left;
	width : 415px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-color: #D0D0E0;
}
#tabrowlsa {/* right table row inset box*/
	position: relative;
	float: left;
	width : 385px;
	margin: 10px;
	padding: 10px;
	background-color: #D0D0E0;
	border: thick solid #2E2E84;
}
#tabrowlbsa {/* right table row inset box*/
	position: relative;
	float: left;
	width : 385px;
	margin: 10px;
	padding: 10px;
	background-color: #CCC;
	border: thick solid #333;
}
#tabrowr {/* left table row inset box */
	position: relative;
	float: right;
	width : 150px;
}
#tabrowrightsmall {/* right table row inset box */
	position: relative;
	float: right;
	width : 75px;
}
#tabrowra {/* left table row inset box */
	position: relative;
	float: right;
	width : 150px;
	padding: 10px 0px 0px 0px;
}
#tabrowrs {/* left table row inset box */
	position: relative;
	float: right;
	padding: 0 20px 0 0;
	width : 150px;
	margin: 10px 10px 10px 10px;
	background-color: #D0D0E0;
}
#tabrowcg{/* left table row inset box */
	position: relative;
	background-color: #D9FFD9;
	padding : 2px 5px 2px 5px;
}
#tabrowco{/* left table row inset box */
	position: relative;
	background-color: #FFCD9B;
	padding : 2px 5px 2px 5px;
}
#tabrowcb{/* left table row inset box */
	position: relative;
	background-color: #D0D0E0;
	padding : 2px 5px 2px 5px;
}
#tabrowlg {/* right table row inset box*/
	position: relative;
	float: left;
	width : 435px;
	background-color: #D9FFD9;
}
#tabrowrg {/* left table row inset box */
	position: relative;
	clear: both;
	float: right;
	width : 150px;
	background-color: #D9FFD9;
}
#tabrowg { /* table row */
	position: relative;
	clear: both;
	width : 585px;
	text-align: left;
	vertical-align : middle;
	margin: 10px 10px 10px 10px;
	background-color: #D9FFD9;
}
.divrow { /* table row */
	position: relative;
	clear : both;
	width : 100%;
	text-align: left;
	vertical-align : middle;
	padding: 10px 0 10px 0;
}
.divrowl {/* right table row inset box*/
	position: relative;
	float: left;
	width: 45%;
}
.divrowr {/* left table row inset box */
	position: relative;
	float: right;
	width: 45%;
}
#foot { /* footer */
	position: relative;
	clear: both;
	width : 570px;
	margin: 10px 0 0 190px;
	text-align: center;
	vertical-align : middle;
	background-color: #F8F8F8;
	font-size:9px;
}
#footl { /* left footer box */
	position: relative;
	float: left;
	width : 300px;
}
#footr { /* right footer box */
	position: relative;
	float: right;
	width : 300px;
}
#lhnav { /* left hand navigation rules */
	position: absolute;
	clear: both;
	padding: 0;
	border-right: 1px solid #E8E8F1;
	border-left: 1px solid #2E2E84;	
	width : 167px; /*for IE/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 155px; /* Actual css compliant width */
	top: 150px;
	left: 0px;
	background : url("../images/lhnav-bkg.gif") repeat-y;
	margin-bottom: 1em;
	line-height: 2em;
	background-color: #D1D1E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
}
#lhnavhc { /*lhnav with vertical centering */
	position: absolute;
	clear: both;
	padding: 0;	
	width: 165px;
	background : url("../images/lhnav-bkg.gif") repeat-y;
	border-right: 1px solid #E8E8F1;	
	border-left: 1px solid #2E2E84;
	width : 167px; /*for IE/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 155px; /* Actual css compliant width */
	top: 150px;
	left: 0px;
	margin-bottom: 1em;
	background-color:#D1D1E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
html>body #lhnav {
	width: 167px; /* Be nice to Opera */
}
#lhnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#lhnav li {
	color: #002266;
	list-style-position: outside;
	border-bottom: 1px solid #DFDFF2;
}
#lhnav li a{
	display: block;
	padding : 5px 5px 5px 5px;
	border-left: 10px solid #2E2E84;
	border-right: 10px solid #A2A2C8;
	width : 167px; /*for IE/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 155px; /* Actual css compliant width */
	background-color: #D1D1E4;
	color: #002266;
	text-decoration: none;
}
html>body #lhnav.li a{
	width: 155px; /* Be nice to Opera */
}

#lhnav a:hover {
	font-weight : bold;
	text-decoration : underline;
	border-top: 1px solid #8B8BBB;
	border-bottom: 1px solid #8B8BBB;
	border-left: 10px solid #5D5DA0;
	border-right: 10px solid #E8E8F1;
	background-color:#E8E8F1;
	color: #002266;
	text-decoration: none;
}
.plainlist { /* plain list stylel - egend" style, not "caption" */
	list-style: none;
	text-decoration: none;
	padding-left: 1em;
	text-indent: -0.75em;
	margin-bottom: 1em;
}

.condplainlist { /* plain list condensed */
	list-style: none;
	text-decoration: none;
	line-height: 1em;
}
	
.iconfloat {
	float: right;
}
.boxleft{
	width: 30%;
	float: left;
	clear:none;
}
.boxcenter{
	width: 30%;
	margin-left: 199px;
	clear:none;
}
.boxright{
	width: 30%;
	float: right;
	clear: none;
}
.imgborder {
		border: #CCC;
		border-style: inset;
}

div.figure p.caption { text-align: center; font-size:10px; font-style:italic }
/* "caption" short descriptions */

.100 {width: 90%; border: none; padding: 5px; margin: 0.25em 1%;}
.50 {width: 50%; border: none; padding: 5px; margin: 0.25em 1%;}
.33 {width: 33%; border: none; padding: 5px; margin: 0.25em 1%;}
.25 {width: 25%; border: none; padding: 5px; margin: 0.25em 1%;}
.20 {width: 20%; border: none; padding: 5px; margin: 0.25em 1%;}
.15 {width: 15%; border: none; padding: 5px; margin: 0.25em 1%;}
.10 {width: 10%; border: none; padding: 5px; margin: 0.25em 1%;}
.caption {text-align: center; font-size:12px; font-style:italic;}

.floatRight { float: right; margin-left: 4px; }
.floatLeft  { float: left; margin-right: 4px; }
.floatCenter  {margin-right: 4px; }

/* How to use it HTML 
no caption <p><img class=".20 floatRight" style="max-width: 600px; max-height: 326px; min-width: 3em;
" src=".../images/image.jpg" border="0" alt="[Image: Alt:Description" />
example of a scalable inline image with no caption. The width of the <code>img</code> element is set to be 20% of the width of its parent (this paragraph). Narrow your browser window and watch the image scale. The margins and padding can be adjusted as desired in the CSS. <span class="lorem">Lorem ipsum dolor sit amet, in diam placerat id sapien mattis, eget ut pretium, consectetuer suspendisse hendrerit suspendisse volutpat lectus. Imperdiet lobortis adipiscing risus eros, corrupti vestibulum accusantium suscipit velit. Nulla augue, purus libero. Nunc pellentesque id a facilisis faucibus scelerisque, viverra wisi faucibus, mollis magna, sed feugiat at sagittis viverra. Bibendum adipiscing, ullamco nulla orci, nonummy ut lacinia.
</span></p>   */
.longurl {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 100px; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
	font-size: 9px; font-family: Courier New, Courier, monospace;
	display: inline;
}
.pre {
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: normal; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	width: 99%;
	vertical-align: top;
}
.panellink { 
	position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1;
}