body {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 0.8em;
  background: #d1c594;
  margin: 0 auto 0 auto;
  height: 100%
}

a {
  text-decoration: none;
  color: #000066;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0;
}
a.bordered img {
  border:1px solid #cccccc;
}

h2 {
  font-size: 10pt;
  color: #660000;
}

h3 {
  font-size: 1.3em;
  margin: 0;
  padding: 2px 0px 5px 0px;
  background: #cccccc url(/images/images/corner3.gif) top right no-repeat; /*dddddd*/
  border-bottom: 2px solid #cccccc;
}
h3 a {
  padding: 0;
  margin: 0;
}

.red       { color: #ac3636; }
.green   { color: #36ac36; }
.blue     { color: #3636ac; }
.purple { color: #ac36ac; }
.cyan     { color: #36acac; }
.yellow { color: #acac36; }
.dgray   { color: #9f9f9f; }
.lgray   { color: #cccccc; }

#container { 
  width: 760px;
  margin: 0 auto 0 auto;
  height: 100%;
  padding: 6px 10px 6px 10px;
  background: #ffffff;
  display: table;
}

#header {
  clear: both;
  width: 758px;
  margin: 8px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background: #ff0000;
  display: table;
  text-align: right;
  height: 75px;
  border-bottom: 2px solid #cccccc;
  background: #FFF url(/images/fade2.jpg) no-repeat top left;
  color: #000066;
}

#title {
  float: left;
  font-size: 18pt;
  font-weight: bold;
  text-align: left;
  padding: 27px 0 0 100px;
  color: #000066;
}

#searchbox {
  margin-top: 15px;
  margin-bottom: 10px;
  float:right;
  padding-right: 10px;
}

.message {
  clear: both;
  width: 738px;
  margin: 8px auto 8px auto;
  padding: 5px 10px 5px 10px;
  border: 1px solid #cccccc;
  background: #F0ECDB;
  text-align: center;
}
.message p {
  padding: 0px;
  margin: 0;
  text-align: center;
}

#footer {
  clear: both;
  width: 740px;
  color: #000000;
  margin: 8px auto 0 auto;
  padding: 10px 10px 10px 10px;
  background: #d1c594;
  text-align: center;
  font-size: 10pt;
}
#footer p {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
#footer a {
  text-decoration: none;
  color: #000000;
}
#footer a:hover {
  text-decoration: none;
}

#pagebody {
  clear: both;
  width: 758px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background: #ffffff;
  border: 0px;
  border-collapse: collapse;
}

#leftcol {
  float: left;
  width: 301px;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  color: #000066;
  background: #ffffff;
  border-left: 2px solid #cccccc; /*dddddd*/
  border-right: 2px solid #cccccc;
}
#leftcol a, #leftcol a:visited {
  text-decoration: none;  
}
#leftcol a:hover {
  text-decoration: none;
}
#leftcol h3 {
  padding: 3px;
}
#leftcol p {
  padding: 3px;
  margin: 0;
}

.feature {
  width: 100%;
  margin: 5px 0 5px 0;
  height: 100%;
  padding: 0;
  background: #ffffff;
  display: table;
}
.feature p, .paragraph {
  line-height: 1.5em;
}
.paragraph {
  padding:3px;
  margin: 0;
  font-size: 1em;
  border-bottom: 2px solid #cccccc; /*dddddd*/
  border-right: 2px solid #cccccc;
}
#rightcol {
  float: left;
  width: 301px;
  margin: 0;
  padding: 0;
  height:100%;
  color: #000066;
  font-size: 0.9em;
  background: #ffffff;
  line-height: 1.5em;
}
#rightcol h3 {
  padding: 3px;
}
#rightcol .nonblock {
  clear:none;
  display:inline;
  padding: 0;
  border: 0;
}
#rightcol .newsbordered {
  padding: 0;
  margin: 0;
  /*display:table;*/
  height:100%;
  border-right:2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
#rightcol .newsbordered p {
  line-height: 1.5em;
  padding: 3px;
  margin: 0;
}
#rightcol a {
  clear:both;
  display: block;
  padding-top: 1px;
  padding-left: 3px;
  padding-bottom: 4px;
  /*border-bottom: 1px dashed #cccccc;*/
  border-right: 2px solid #cccccc; /*dddddd*/
}
#rightcol a.last {
  border-bottom: 2px solid #cccccc; /*dddddd*/
}
#rightcol a.lastsoft {
  border-bottom: 1px solid #cccccc; /*dddddd*/
}
#buttonbox {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}
#buttonbox a {
  clear: none;
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
}
#buttonbox img {
  clear: none;
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
}
#bookletters {
  width: 100%;
  margin: 1px 0 1px 0;
  padding: 0;
  display: table;
  background: #ffffff;
  font-size: 1em;
}
#bookletters a {
  display: inline;
  clear: none;
  border: 0 none;
}
#bookletters ul {
  margin:0;
  padding:0;
  list-style: none outside;
}
#bookletters li {
  display: block;
  margin: 0;
  padding: 1px 0 4px 12px;
  border-bottom: 1px dashed #cccccc; /*dddddd*/
  background: url(/images/strelica2.gif) 4px 8px no-repeat;
  line-height: 1.4em;
  border-right: 2px solid #cccccc; /*dddddd*/
}
#bookletters li a {
  margin-left: 10px;
  padding-right: 1px;
  text-indent: -10px;
  line-height: 1.4em;
  border: 0 none;
}
#bookletters ul li.last {
  border-bottom: 2px solid #cccccc; /*dddddd*/
}
#bookletters ul li.lastsoft {
  border-bottom: 1px solid #cccccc; /*dddddd*/
}

.newslist {
  width: 100%;
  margin: 1px 0 5px 0;
  padding: 0;
  display: table;
  background: #ffffff;
}
.newslist ul {
  margin:0;
  padding:0;
  list-style: none outside;
}
.newslist ul li {
  margin: 0;
  padding: 0 0 0 12px;
  border-bottom: 1px dashed #cccccc; /*dddddd*/
  background: url(/images/strelica2.gif) 4px 8px no-repeat;
  line-height: 1.4em;
}
.newslist ul li a {
  margin-left: 10px;
  padding-right: 1px;
  text-indent: -10px;
}
.newslist ul li.last {
  border-bottom: 2px solid #cccccc; /*dddddd*/
}
.newslist ul li.lastsoft {
  border-bottom: 1px solid #cccccc; /*dddddd*/
}

#menucol {
  clear: left;
  float: left;
  width: 150px;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  background: #ffffff;
}
#menucol .item {
  margin: 5px auto 0px auto;
  padding: 0;
  width: 130px;
  color: #000066;
  line-height: 1.2em;
  text-align: center;
}
#menucol .item a {
  text-decoration: underline;
}
#menucol .item p {
  margin: 0;  
}
.synopsis {
  color: #333333;
}
.liblogo {
  height: 170px;
}
.liblogo img {
  margin-top: 1px;
  padding: 0;
}

#onlineguide {
  background:url(/images/woman1b.jpg);
  width:300px;
  height:170px;
  margin-top:1px;
  margin-left:1px;
  margin-bottom:4px;
}
#ogspace {
  width:100%;
  height:105px;
}
#ogbox {
  height: 50px;
  margin: 0 0 0 10px;
}
#ogformbox {
  padding: 10px 10px 0 10px;
  height: 35px;
}
#resourceFinder select {
  margin: 0;
  width: 259px;
  font-size: 12px;
  background-color:#f8eddb;
  border:1px solid;
}
#resourceFinder input {
  font-size: 12px;
  padding:0px;
}

sup {
  font-size: 0.5em;
}

#bookpos { font-size: .6em; color: #333; }

/*This section is for the menu*/
.ddmx {
  font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
  padding: 3px 10px 3px 10px;
  border-bottom: 1px solid #cccccc;
  border-bottom-style: dashed;
  background: #fff;
  font: 12px arial;
  color: #000066;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  position: relative;
  width: 130px;
  text-align: right;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
  padding: 3px 8px 4px 8px;
  font: 11px tahoma;
  color: #000066;
  font-weight: bold;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  position: relative;
  z-index: 500;
}
.ddmx .item2 {
    background: #EDEADE;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
  background: #E0D8B8;
  /*width: 130px;*/
}
.ddmx .arrow,
.ddmx .arrow:hover {
  padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
  position: absolute;
  top: 4px;
  right: 1px;
  border: 0;
}
.ddmx .section {
  border: 1px solid #b8b4ae;
  position: absolute;
  visibility: hidden;
  z-index: -1;
  clear: left;
  float: left;
  width: 210px;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.9em; 
}
.ddmx .bottom,
.ddmx .bottom:hover {
    border-bottom: 1px solid #000000;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */