
body  {
background: #fff;
margin: 0;
padding: 0;
font: 12px/19px arial, helvetica, verdana, sans-serif;
text-align: left;
}
img, a img {
border: 0;
padding: 0;
}
a {
text-decoration: none;
}
a:hover img {w
border: 0;
background: transparent;
}
#wrap {
width: 800px;
height: 60em; /* need to adjust on every page */
position: relative;
left: 50%;
margin: 0 0 0 -400px;
padding-bottom: 3em;
background: #fff url(art/bgd-squares.gif) no-repeat 0 2em;
}
#wraprt {	/* hack for second bgd image */
width: 800px;
height: 65em; /* need to adjust on every page */
position: relative;
z-index: 100;
left: 50%;
margin: 0 0 0 -400px;
padding-bottom: 3em;
background: url(art/bgd-squares-rt2.gif) no-repeat 100% 100%;
}
#home #wrap {	/* variant */
height: 620px; /* for bgd img - need to adjust on every page */
}
#wrap #banner {
position: absolute;
top: 0; left: 9em;
width: 600px;
height: 30px;
margin: 0;
}
#wrap #banner h1 {	/* interior pages */
top: 3.3em; left: 1em;
text-indent: -9999px;   /*name graphic for SEO n screen readers*/
background:  url(art/name-home.gif) no-repeat 0 0;
}

#banner p {
font: 14px/19px  arial, helvetica, verdana, sans-serif;
margin: 12px 1em 0 460px;
}

/* note the variants for the home page */
#wrap #text  {
	width: 450px;
	position: absolute;
	top: 136px; left: 220px;
}
#home #wrap #text  {
	width: 460px;
	position: absolute;
	top: 220px; left: 300px;
}
#wrap #nav  {
	position: absolute;
	bottom: 2em; left: 220px;
width: 520px;
margin: 0; padding: 0;
}
#home #wrap #nav  {
	bottom: 6em; left: 300px;
}

/* type */

#wrap h1 {	/* home page */
position: absolute;
top: 142px; left: 40px;
text-indent: -9999px;   /*name graphic for SEO n screen readers*/
width: 450px; height: 28px;
margin: 0;
background:  url(art/name-home.gif) no-repeat 180px 0;
}
#wrap h1 a {
display: block;
width: 450px; height: 28px;
}
h2 {  /* page title */
font:  normal  24px/25px  georgia, times, "times new roman", serif;
color: #211D69;
margin: 1em .5em 1em 0;
}
h3 {
	font: bold 14px/18px  arial, helvetica, verdana, sans-serif;
	color: #211D69;
	margin: 2.5em 0 .5em 0;
}
#text p, #text ul, #text li {
font: 12px/18px  arial, helvetica, verdana, sans-serif;
margin: 0 0 1em 0;
}

#text ul {
padding: 0;
margin: .5em 0 0 3.5em;
}
#text li  {
padding: 0 2.5em .35em 0;
margin: 0;
}

.zo {
margin-top: 0;
}
.rt {
text-align: right;
}


/* links in text */
a {
font-weight: bold;
color: #900;
border: 0;
}
a:hover {
color: #000;
}
a:active {
color: #900;
}


#nav a {
font: 11px/25px  verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #333;
border-left: 12px solid #c00;
padding: 0 3em 0 7px;
}
#nav a:hover {
color: #c00;
border-left: 12px solid #fc0;
padding: 0 3em 0 7px;
}
#nav a:active, #nav a.current {
color: #000;
border-left: 12px solid #c00;
padding: 0 3em 0 7px;
}
#nav a.current {
font-size: 1.04em;
color: #c00;
border-left: 13px solid #fc0;
}


