body {
  background: #fff3ef url(/images/88-new-background.gif) repeat-y 50%;
  font: 14px Geneva, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#page {
  border: 1px solid #fff;
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 768px;
}

#page.pagehome {
  padding-top: 0px;
}

#urgenttop {
  padding: 188px 5px 5px 0px;
}

#content {
  color: #333;
  float: right;
  margin: 166px 5px 5px 0px;
  width: 570px;
}

#contentnonav {
  color: #333;
  margin: 166px 5px 5px 0px;
  width: 770px;
}

#homecontent {
  border-right: solid 1px #0D3F6F;
  color: #333;
  float: left;
  line-height: 140%;
  margin: 0 5px 0px 5px;
  width: 500px;
}

#homeright {
  float: right;
  margin: 0px 10px 10px 0px;
  text-align: center;
  width: 240px;
}

#homecontent h1 {
  margin: 0px;
  padding: 0px;
  width: 480px;
}

#preview {
  border: solid 2px #0D3F6F;
  border-width: 8px 2px 20px 2px;
  display: block;
}

#homecontent h1 {
  width: 480px;
}

.toplink {
  clear: both;
  display: none;
  text-align: right;
}

.toparticlelink {
  clear: both;
  text-align: right;
}

#lnav {
  background-color: #eeeeee;
  border-right: solid 1px #ddd;
  font-size: 12px;
  margin: 178px 10px 10px 2px;
  width: 170px;
}

#lnav ul {
  list-style-type: none;
  margin: 0px;
  margin-left: 8px;
  padding: 0px;
  text-indent: 0px;
}

#lnav ul li ul {
  list-style-type: none;
  margin: 3px 0px 5px 0px;
  padding: 0px;
  text-indent: 0px;
}

#lnav ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

#lnav a {
  color: #000066;
  text-decoration: underline;
}

#lnav ul ul a,
#lnav ul li ul li {
  color: Navy;
  list-style: inside url(images/lnav-dot.gif);
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  text-indent: 0px;
}

#lnav a:hover {
  color: #993333;
  text-decoration: underline;
}

#foot {
  background: url(images/foot.gif) no-repeat center top;
  clear: both;
  font-family: Tahoma;
  font-size: 12px;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

#foot p {
  font-family: Tahoma;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 0px;
}

#credit {
  font-size: 10px;
  margin: 8px 8px 0px 0px;
  text-align: right;
}

#top {
  background: url('/images/topbk.gif') repeat-x;
  height: 164px;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 768px;
}

.logo {
  border-width: 0px;
  float: left;
  text-decoration: none;
}

.headimg {
  float: right;
}

#branding {
  display: none;
}

#mainlogo {
  margin: 0px 0px 0px 22px;
}


/* nav menu 1
  background: #396289 url(/images/nav1bk.gif) repeat-x top;
*/

#nav1 {
  color: #fff;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 145px;
  left: 230px;
  padding: 0px;
  position: absolute;
  text-align: left;
  top: 4px;
  width: 130px;
}

#nav1 a {
  color: #FFFFFF;
  margin: 0px 6px;
  text-decoration: none;
}

#nav1 ul {
  margin: 0px;
  padding: 0px;
}

#nav1 ul li {
  color: #fff;
  list-style-type: none;
  margin: 0px;
  padding: 0px 4px;
  text-indent: 0px;
}

#nav1 ul li a {
  color: #fff;
  text-decoration: none;
  width: 100%;
}

#nav1 ul li a:hover {
  color: #C9882A;
  text-decoration: underline;
}

#nav1 ul li a.active {
  color: #fff;
}


/* nav menu 2 */

#nav2 {
  background: #396289 url(/images/88tnavback.gif) repeat-x bottom;
  color: #fff;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: 24px;
  left: 0px;
  line-height: 22px;
  padding: 0px;
  position: absolute;
  text-align: center;
  top: 139px;
  width: 768px;
}

* html #nav2 {
  left: 0px;
}

#nav2 ul {
  margin: 0px;
  padding: 3px 0px;
}

#nav2 ul li {
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px 14px;
  text-indent: 0px;
}

#nav2 ul li a {
  color: #fff;
  text-decoration: none;
  width: 100%;
}

#nav2 ul li a:hover {
  color: #C9882A;
  margin-left: 0px;
  margin-right: 0px;
  text-decoration: underline;
}

#nav2 ul li a.active {
  color: #fff;
}


/* nav menu 3 footer */

#fnav {
  text-align: center;
}

#fnav ul {
  margin: 0px;
  padding: 3px 0px;
}

#fnav ul li {
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px 4px;
  text-indent: 0px;
}

#fnav ul li a {
  width: 100%;
}

#fnav ul li a:hover {
  margin-left: 0px;
  margin-right: 0px;
  text-decoration: underline;
}

#fnav ul li a.active {
  color: red;
}

.nh {
  font-weight: bold;
  text-indent: 8px;
}


/*
  height: 44px;
  background-image:url(images/H1.gif);
  background-repeat:no-repeat;
  background-position: bottom right;

*/

h4 {
  color: #330066;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin-left: 10px;
}

h5 {
  color: #330066;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin-left: 10px;
  word-spacing: 2px;
}

h6 {
  color: #330066;
  font-family: Tahoma;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  margin-left: 10px;
}

.errors {
  background-color: Yellow;
  color: Red;
  font-weight: bold;
}

#announcements {
  border: 1px solid #990000;
  border-top: 14px double #a00;
  float: right;
  margin-left: 4px;
  padding: 3px;
  width: 240px;
}

#content img {
  border: none;
  margin: 3px;
}

td.hottopic {
  padding: 8px;
  vertical-align: top;
  width: 220px;
}

td.hottopic img {
  float: left;
  margin-right: 6px;
}

td.hottopic a {
  text-decoration: none;
}

td.hottopic a:hover {
  text-decoration: underline;
}


/*------------biographies page--------------*/

.flimages {
  FLOAT: left;
  display: block;
  height: 130px;
}

.flname {
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  LINE-HEIGHT: 140%;
}

.dgFirstLadies {
  WIDTH: 570px;
}

.flLegacy {
  FLOAT: right;
  FONT: 10px/126% Tahoma;
  HEIGHT: 90px;
  MARGIN: 5px 3px 5px 5px;
  OVERFLOW: hidden;
  WIDTH: 300px;
}

.bioAlt {
  background-color: #fff3ef;
  padding: 6px 0px;
}

.bioItem {
  padding: 6px 0px;
}

.commenthidden {
  display: none;
}

.commentshown {
  display: inline;
}

.captionedimg {
  color: #33206E;
  font: normal 10px/140% Geneva, Arial, Helvetica, sans-serif;
  margin: 4px 8px;
  text-align: center;
}

.captionedimg div {
  color: #33206E;
  font: normal 10px/140% Geneva, Arial, Helvetica, sans-serif;
  padding: 1px 8px;
  text-align: center;
}

.lasttd {
  display: none;
  width: 200px;
}

.exhibitp {
  padding-right: 20px;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #fff3ef url(/images/88-new-background.gif) repeat-y 50%;
  font: 14px Geneva, Arial, Helvetica, sans-serif;
}

.ceditor,
div.ceditor {
  width: 766px;
  text-align: left;
  font: 14px Geneva, Arial, Helvetica, sans-serif;
  background: #fff;
}

#page {
  width: 768px;
  text-align: left;
  background: #fff url(/images/header770c.jpg) no-repeat left 14px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  float: none;
  border: 1px solid #fff;
}

#page.pagehome {
  padding-top: 0px;
}

#urgenttop {
  padding: 188px 5px 5px 0px;
}

.eventslinkright {
  display: inline-block;
  text-align: center;
  width: 155px;
  vertical-align: bottom;
}

.slideshowleft {
  width: 600px;
  display: inline-block;
  vertical-align: bottom;
}

#hometop hr {
  clear: both;
  margin-top: 12px;
}

#content {
  width: 570px;
  float: right;
  margin: 188px 5px 5px 0px;
  color: #333;
}

#contentnonav {
  width: 770px;
  margin: 188px 5px 5px 0px;
  color: #333;
}

#homecontent {
  width: 500px;
  margin: 0 5px 0px 5px;
  line-height: 140%;
  color: #333;
  border-right: solid 1px #0D3F6F;
  float: left;
}

#homeright {
  float: right;
  width: 240px;
  margin: 0px 10px 10px 0px;
  text-align: center;
}

#homecontent h1 {
  margin: 0px;
  padding: 0px;
  width: 480px;
}

#preview {
  border: solid 2px #0D3F6F;
  display: block;
  border-width: 8px 2px 20px 2px;
}

#homecontent h1 {
  width: 480px;
}

.toplink {
  clear: both;
  display: none;
  text-align: right;
}

#lnav {
  width: 170px;
  margin: 180px 10px 10px 0px;
  border-right: solid 1px #ddd;
  font-size: 12px;
  background-color: #eeeeee;
}

#lnav ul {
  margin: 0px;
  margin-left: 8px;
  padding: 0px;
  list-style-type: none;
  text-indent: 0px;
}

#lnav ul li ul {
  margin: 3px 0px 5px 0px;
  list-style-type: none;
  padding: 0px;
  text-indent: 0px;
}

#lnav ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

#lnav a {
  text-decoration: underline;
  color: #000066;
}

#lnav ul ul a,
#lnav ul li ul li {
  text-decoration: none;
  list-style: inside url(/images/lnav-dot.gif);
  list-style-type: none;
  color: Navy;
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
}

#lnav a:hover {
  text-decoration: underline;
  color: #993333;
}

#foot {
  margin-top: 20px;
  padding-top: 10px;
  clear: both;
  text-align: center;
  vertical-align: middle;
  font-family: Tahoma;
  font-size: 12px;
  background: url(/images/foot.gif) no-repeat center top;
}

#foot p {
  margin-bottom: 10px;
  margin-top: 0px;
  font-family: Tahoma;
  font-size: 10px;
}

#credit {
  font-size: 10px;
  text-align: right;
  margin: 8px 8px 0px 0px;
}

#top {
  position: absolute;
  top: 1px;
  width: 768px;
  height: 178px;
  text-align: left;
}

#branding {
  display: none
}

#mainlogo {
  margin: 0px 0px 0px 22px;
}


/* nav menu 3 footer */

#fnav {
  text-align: center;
}

#fnav ul {
  margin: 0px;
  padding: 3px 0px;
}

#fnav ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px 4px;
  text-indent: 0px;
  display: inline;
}

#fnav ul li a {
  width: 100%;
}

#fnav ul li a:hover {
  text-decoration: underline;
  margin-right: 0px;
  margin-left: 0px;
}

#fnav ul li a.active {
  color: red;
}

.nh {
  text-indent: 8px;
  font-weight: bold;
}

h1 {
  font-family: Times New Roman, Times, serif;
  font-size: 21px;
  font-weight: bold;
  color: #33206E;
  width: 560px;
}


/*
  height: 44px;

  background-image:url(/images/H1.gif);

  background-repeat:no-repeat;

  background-position: bottom right;


*/

h2 {
  font-family: Tahoma;
  font-size: 18px;
  font-weight: bold;
  color: #330066;
  line-height: normal;
}

h3 {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #330066;
  line-height: normal;
}

h4 {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #330066;
  margin-left: 10px;
  line-height: normal;
}

h5 {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #330066;
  line-height: normal;
  word-spacing: 2px;
}

h6 {
  font-family: Tahoma;
  font-size: 24px;
  font-weight: bold;
  color: #330066;
  line-height: normal;
}

.errors {
  color: Red;
  font-weight: bold;
  background-color: Yellow;
}

#announcements {
  float: right;
  border: 1px solid #990000;
  border-top: 14px double #a00;
  width: 240px;
  padding: 3px;
  margin-left: 4px;
}

#content img {
  margin: 3px;
  border: none;
}

td.hottopic {
  width: 220px;
  padding: 8px;
  vertical-align: top;
}

td.hottopic img {
  display: block;
  margin: auto;
}

td.hottopic a {
  display: block;
  clear: both;
  text-align: center;
  width: 100%;
  font-size: 16px;
}

td.hottopic a:hover {
  text-decoration: underline;
}


/*------------biographies page--------------*/

.flimages {
  FLOAT: left;
  display: block;
  height: 130px;
}

.flname {
  FONT-WEIGHT: bold;
  FONT-SIZE: 14px;
  LINE-HEIGHT: 140%
}

.dgFirstLadies {
  WIDTH: 570px
}

.flLegacy {
  FLOAT: right;
  MARGIN: 5px 3px 5px 5px;
  FONT: 10px/126% Tahoma;
  OVERFLOW: hidden;
  WIDTH: 300px;
  HEIGHT: 90px
}

.bioAlt {
  padding: 6px 0px;
  background-color: #fff3ef;
}

.bioItem {
  padding: 6px 0px;
}

.commenthidden {
  display: none
}

.commentshown {
  display: inline
}

.slider-heading {
  color: cyan;
  font-size: 16px;
}

.slider-desc {
  color: #ffff00;
}

.hottopic {
  padding-bottom: 20px !important;
}

.bio-head-photo {
  width: 40%;
  display: block;
  float: left;
  margin-right: 5%;
  text-align: center;
}

.bio-head-photo img {
  max-width: 100%;
  height: auto;
}

.bio-head-birth {
  width: 55%;
  display: block;
  float: left;
}

.born-heading {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid midnightblue;
}

.bio-sub-heading {
  text-decoration: underline;
  font-size: 16px;
}

.born-info {
  font-size: 16px;
  line-height: 160%;
}

.born-year {
  font-style: italic;
}

.born-place {
  display: block;
}

.bio-heading {
  margin: 20px 0px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  clear: both;
}

.bio-image-caption {
  font-size: 10px;
}

.img-right {
  padding-left: 10px;
  float: right;
}

.img-left {
  float: left;
  padding-right: 10px;
}

.content-image-and-caption {
  display: relative;
  float: right;
}

.fullpagepad{
  padding:0px 20px;
}

.leglac-left, .leglac-right{
  width:50%;
  display:inline-block;
  float:left;
  text-align:center;
}


.leglec-img{
  padding:0px 0px;
}

.leglec-img img{
  width:200px;
  height:auto;
  border:5px solid #037 !important;
  float:irght;
}

.leglac-title{
  font-size:16px;
  font-weight:bold;
  background-color:#feb;
  padding:6px;
  border:1px solid #dc9;
  margin:0px 0px 10px 0px;
}

.leglac-date{
  font-weight:bold;
  font-style:italic;
}

.leglec-desc p{
  line-height:140%;
}

.leglec{
  overflow:hidden;
  margin:20px 0px;
  padding:20px;
  border:1px solid #aaa;
}

.leglec-h1{
  text-align:center;
  width:100%;
  font-size:28px; 
}

.ytvid{
  width: 100%;
  height: 320px
}