/*~~~~~~~~~~~~~~~~~*/
/* General Styles  */
/*                 */
body {
  background:#A49D8B url('/images/bg.jpg') repeat-y center;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
}
h1 {
  margin:0;
  padding:0 0 14px 0;
  font-size:28px;
}
h2 {
  margin:0;
  padding:18px 0 9px 0;
  font-size:18px;
}
h3 {
  margin:0;
  padding:14px 0 7px 0;
  font-size:14px;
}
p {
  margin:0;
  padding:0 0 10px 0;
}
form {
  margin:0;
  padding:10px 0 10px 0;
}
.red {
  color:#cc0033;
}
.bold {
  font-weight:bold;
}
.center {
  text-align:center;
}
/*~~~~~~~~~~~~~~~~~*/
/* Main Container  */
/*                 */
#main {
  width:1066px;
  margin:0 auto;
  padding:10px;
}
/*~~~~~~~~~~~~~~~~*/
/* Left Container   
/*                */
#left {
  float:left;
  width:180px;
  margin:0;
  padding:0;
}
/* Logo */
#left object {
  display:block;
  margin:0;
  padding:0;
}
/* Menu Styles  */
#left ul {
  width:170px;
  margin:10px 0;
  padding:0;
  list-style-type:none;
}
#left ul li ul {
  display:none;
  z-index:100;
  position:absolute;
  width:175px;
  background:url("/images/bg-sub-menu.jpg") repeat-y;
  border:2px outset #DED6B2;
  margin-left:130px;
  margin-top:-15px;
  padding:0;
}
#left ul li, #left ul li ul li {
  display:block;
  margin:0;
  padding:0;
}
#left ul li a, #left ul li ul li a {
  display:block;
  margin:0;
  background-color:transparent;
  padding:3px 5px;
  font:bold 12px sans-serif, Arial, Verdana;
  text-decoration:none;
  color:black;
}
#left ul li a:hover, #left ul li ul li a:hover {
  background-color:black;
  color:white;
}
#left ul li ul li a:hover {
  cursor:pointer;
}
/* Rectangular banners */
#left #b_rect {
  margin:0;
  padding:0;
}
#left #b_rect img { 
  margin:0;
  border:none;
  padding:8px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Center Container (main content) */   
/*                                 */
#center {
  width:681px;
  float:left;
  margin:0 15px;
  padding:0;
}
/* top styles for default text book cover */
#top, #top #l img, #top #l h2, #top #l h3, #top #r, #top #r img {
  margin:0;
  padding:0;
}
#top {
  background:url('/images/bg-top.jpg');
  border:5px solid #BAB397;
  width:671px;
}
#top #l {
  float:left;
  width:481px;
}
#top #l img {
  margin:0 8px;
}
#top #l h2 {
  margin:15px 25px 0 25px;
  text-align:justify;
  font-size:14px;
  font-weight:normal;
}
#top #l h3 {
  margin:15px 0 0 0;
  text-align:center;
  font:italic 12px normal arial, Helvetica, sans-serif;
}
#top #r {
  display:block;
}
/* footer */
#footer {
  clear:both;
  padding:.5em 0 1em 0;
}
#footer img {
  border:none;
  padding:0 0 .5em 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Right Container (skyscraper banners)   
/*                                      */
#right {
  float:left;
  width:175px;
  margin:0;
  padding:0;
}
#right img {
  border:none;
  padding:0 0 16px 0;
}