BODY {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;
	  font-size: medium}

* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium;  /* for other IE versions */
	}

* html .visualIEFloatFix {height: 0.01%}
.center1 {text-align: center;}
.center2 {text-align: left; margin: auto; width: 800px}

TABLE {border-spacing: 0;
	   padding: 0;
	   border: 0; 
	   font-family: Arial, Helvetica, sans-serif;}

TD {vertical-align: top}

P {margin: 0; padding: 0 0 12px 0}

IMG {margin: 0; padding: 0; border: 0}
IMG.staff {float: right; border: 0}
IMG.content {float: right; border: 0; padding: 4px 0 4px 8px; clear: right}

A {cursor: pointer; cursor: hand; color: #336396; text-decoration: none}
A:hover {color: #333399}

H2 {font-size: 90%; margin: 0px; padding: 0 0 8px 0; line-height: 1em}
HTML>BODY H2 {font-size: 100%}

H3 {font-size: 80%; margin: 0px; padding: 0 0 8px 0; line-height: 1em}
HTML>BODY H3 {font-size: 90%}

H4 {font-size: 100%; margin: 0px; padding: 0px; line-height: 1em}
HTML>BODY H4 {font-size: 100%}

.smaller {font-size: 90%}

.blockheading {text-align: center; color: white; font-size: 65%; padding: 6px 0; text-transform:uppercase; color: #285e84; border-top: 5px solid white}
HTML>BODY .blockheading {font-size: 70%}

.blocks {padding: 6px 24px; font-size: 75%}
.contentblocks {padding: 6px 8px 6px; font-size: 70%}
.vertbord {background: url(images/dotted.gif) repeat-y;}
.vertbord2 {background: url(images/line.gif) repeat-y;}

.breadcrumb {color: #777; text-transform: uppercase; font-size: 65%}
HTML>BODY .breadcrumb {font-size: 65%}
.breadcrumb A {color: #777}
.breadcrumbpadding {padding: 7px 0}

.subcatlinks {padding-top: 6px; line-height: 1.3em; font-size: 75%}
HTML>BODY .subcatlinks {font-size: 70%}

.subcatheading A {font-size: 60%; color: #777}
HTML>BODY .subcatheading A {font-size: 70%}

.subheading {font-weight: bolder; color: #555}
.subheading A {color: #555}
.subheading A:hover {color: #333399}

.subheading {font-size: 95%}
HTML>BODY .subheading {font-size: 90%; text-transform: uppercase; }

.entry {padding-bottom: 8px}
.entry {font-size: 95%}
HTML>BODY .entry {font-size: 100%}

.entry2 {padding-bottom: 8px}
.entry2 {font-size: 85%}
HTML>BODY .entry2 {font-size: 95%}

.maincontent {font-size: 75%}
HTML>BODY .maincontent {font-size: 80%}

.learnmore {text-transform:uppercase; text-align: right; padding-right: 8px}
.learnmore {font-size: 85%}
HTML>BODY .learnmore {font-size: 95%}

.footer {font-size: 75%; color: #444; padding: 0px 4px; margin: 0 0 12px}
HTML>BODY .footer {font-size: 70%}

#nav A {color: #585858; text-decoration: none; font-size: 100%}
#nav A:hover {color: black}
#nav li li A {color: #626466; text-decoration: none; font-size: 100%}

ul.navigation {
	font-size: 65%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
}

html>body ul.navigation {
	font-size: 60%
}

.list1 {font-variant: normal}

#nav li {
	float: left;
	position: relative;
	padding: 0px 12px 2px 4px;
	text-align: center;
	cursor: default;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-variant: normal;
	font-weight: normal;
	background: #d4e9e3;
	padding: 1em 0 1em 0;
	margin: 1px 0 0 0;
}

html>body li ul {
	margin: 2px 0 0 0;
}

#nav li>ul {
	top: auto;
	left: auto;
	width: 150px;
	font-size: 110%;
}

#nav li li {
	display: block;
	float: none;
	text-align: left;
	padding-left: 6px;
	background-color: #d4e9e3;
	font-size: 110%;
}

#nav li:hover ul, li.over ul {
	display: block;
}
#nav li li:hover {text-decoration: none; background: white;}

a.button {border: 1px solid #ccc; padding: 6px; margin: 6px; background: #eee}
a.button:hover {background: #ccc; border: 1px solid #aaa}

.larger {font-size: 120%}
.xlarge {font-size: 150%}

TR.odd {background: #eee}
TR.headers {background: black; color: white}
table.library {font-size: x-small}