body {background: #e0e7eb url(graphics/topwhite.gif) top left repeat-x; font: 62.5%/1.4 verdana,geneva,lucida,arial,sans-serif;}
img {border: 0;}
.txt {padding: 6px;}

/* read more links */
.readmore {text-align: right; font-size: 120%; margin-bottom: 1.5em;}
.readmore a {color: #819ead; text-decoration: none;}
.readmore a:hover, .readmore a:focus {text-decoration: underline;}

/* footer */
#footer img {padding-right: 10px; margin-top: 1.5em;}

/* top nav */
#nav {left: 320px; top: 112px; z-index: 100; list-style: none; font-size: 120%; margin: 0; padding: 0; line-height: 110%;}
#nav li {float: left; margin: 0; padding: 0; padding-right: 18px;}
#nav a {color: #006478; text-decoration: none;}
#nav a:hover, #nav a:focus {color: #000;}

/* positioned areas */
#logo, #masthead, #gradient, #content, #rcol, #nav, #sub {position: absolute;}
#content {left: 23px; top: 170px; width: 455px; font-size: 110%;}
#sub {left: 23px; top: 170px; width: 720px; font-size: 110%;}
#rcol {left: 500px; top: 170px; width: 250px;}
#gradient {left: 0px; top: 110px; width: 751px; height: 18px; background: url(graphics/gradient.jpg) top left no-repeat;}
#masthead {top: 6px; left: 320px; width: 430px; height: 103px; background: url(graphics/masthead.jpg) top left no-repeat;}
#logo {top: 5px; left: 5px; width: 243px; height: 136px; z-index: 100;}