body {
    margin: 0;
    padding: 0;
    background-color: #5c5c5c;
    background: url( /img/bg_long3.gif ) repeat-y top center;
}

div#body2 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 277px;
    background: url( /img/bg_top_long2.gif ) top center no-repeat;
}

.hidden {visibility: hidden;}

hr {display: block; clear: left; margin: -2px 0; height: 4px;
  visibility: hidden;}
  
.bold {font-weight: bold;}

.large {font-size: 18pt;}    

img {border: 0;}

.center {
    text-align: center;
    text-indent: 0;
}


/*-------------------------------------Nav---------------------------------*/

div#nav {
    height: 86px;
    width: 700px;
    margin: 0 auto;
    padding: 0;
}

#navlist {
float: left;
display: inline;
padding: 0;
margin: 48px 0 0 0; 
width: 406px;
height: 27px;
overflow: hidden;
background: transparent url("/img/nav.gif") no-repeat top left;}

#navlist li {
margin: 0; 
padding: 0; 
list-style: none;
}

#navlist li, 
#navlist li a {
float: left;
height: 27px;
display: block;
}

#navlist li a {
padding: 27px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:27px;
}

#menu_home      { margin-left: 0;   width: 84px; }
#menu_books     { margin-left: 0;  width: 93px; }
#menu_program  { margin-left: 0; width: 133px; }
#menu_about { margin-left: 0; width: 96px; }

#menu_home a      { width: 84px; }
#menu_books a     { width: 93px; }
#menu_program a  { width: 133px; }
#menu_about a { width: 96px; }

#menu_home a:hover      { 
    background: transparent url("/img/nav.gif") -0px -27px no-repeat; 
}
#menu_books a:hover     { 
    background: transparent url("/img/nav.gif") -84px -27px no-repeat;
}
#menu_program a:hover  { 
    background: transparent url("/img/nav.gif") -177px -27px no-repeat;
}
#menu_about a:hover { 
    background: transparent url("/img/nav.gif") -310px -27px no-repeat;
}


#menu_home a.current,      #menu_home a.current:hover      { background: transparent url("/img/nav.gif") -0px   -27px no-repeat; }
#menu_books a.current,     #menu_about a.current:hover     { background: transparent url("/img/nav.gif") -84px  -27px no-repeat; }
#menu_program a.current,  #menu_services a.current:hover  { background: transparent url("/img/nav.gif") -177px -27px no-repeat; }
#menu_about a.current, #menu_portfolio a.current:hover { background: transparent url("/img/nav.gif") -310px -27px no-repeat; }

/*-----------------------------------Header---------------------------------*/

div#header {
    position: relative;
    top: -20px;
    margin: 0 auto -20px auto;
    padding: 20px 0 0 0;
    width: 700px;
    height: 190px;
    background: url( /img/header.gif ) bottom right no-repeat;
    overflow: hidden;
}

h1 {
    display: block;
    width: 700px;
    height: 190px;
    margin: 0;
    padding: 0;
}

h1 span {visibility: hidden;} 

h1.home {background: url( /img/home_h1.gif ) bottom left no-repeat;}
h1.books {background: url( /img/books_h1.gif ) bottom left no-repeat;}
h1.program {background: url( /img/program_h1.gif ) bottom left no-repeat;}
h1.about {background: url( /img/about_h1.gif ) bottom left no-repeat;}

/*--------------------------------Page/content---------------------------*/

div#page_shadow {
    clear: both;
    width: 740px;
    margin: 0 auto;
    background: url( /img/page_shadow.png ) repeat-y;
}

div#page {
    margin: 0 auto;
    padding: 0;
    width: 700px;
    background: url( /img/container_bg.gif ) 0 -20px repeat-y;
}

div#page_top_shadow {
    margin: 0;
    padding: 0;
    width: 700px;
    height: 20px;
    background: url( /img/page_top_shadow.gif ) no-repeat;
}

div#page_top_shadow_noboy {
    margin: 0;
    padding: 0;
    width: 700px;
    height: 20px;
    background: url( /img/page_top_shadow_noboy.gif ) no-repeat;
}

div#content {
    float: left;
    width: 485px;
    margin: 0;
    padding: 0;
    background: url( /img/page_bg.gif ) 0 -26px no-repeat;
}

div#content.noboy {
    float: left;
    width: 485px;
    margin: 0;
    padding: 0;
    background: #F8F4EA;
}




#content p {
    text-indent: 1.5em;
    font-family: georgia, times new roman, serif;
    font-size: 11pt;
    line-height: 18pt;
    margin: 0 20px 10px 25px;
}

#content p a {
    color: #722c2c;
    text-decoration: none; 
}

#content p a:hover {
    text-decoration: underline;
}

#content a {
    color: #722c2c;
    text-decoration: none; 
}

#content a:hover {
    text-decoration: underline;
}

h2 {
    clear: left;
    display: block;
    width: 465px;
    height: 80px;
    padding: 0; 
    margin: 0 0 0 10px;
}

h2 span {visibility: hidden;}

h2 #welcome {background: url('welcome.png');}

.image_block {
    margin: 0 0 0 20px;
    padding: 0;
}

.image_block img {
    display: inline;
    float: left;
    width: 280px;
    height: 60px;
    margin: 0 0 10px 0;
}

#content .image_block p {
    display: block;
    width: 150px;
    height: 40px;
    float: left;
    clear: none;
    font-family: helvetica, sans-serif;
    text-indent: 0;
    font-size: 7pt;
    line-height: 8pt;
    margin: 5px 0 0 20px;
}

.image_block a {color: #000; text-decoration: none;}
.image_block:hover a {color: #722c2c;}
.image_block a:hover {color: #722c2c;}

.arrow_container {
    position: relative;
    top: -28px;
    right: 20px;
    float: right;
    width: 26px;
    height: 11px;
}

.arrow, 
.arrow a {
height: 11px;
display: block;
background: url( /img/up_arrow.gif ) 0 -11px no-repeat;
}

.arrow a {
padding: 11px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:11px;
}

.arrow a:hover {background: url( /img/up_arrow.gif ) 0 0 no-repeat;}

/* ------------------------------ Sidebar -----------------------------*/

div#sidebar {
    float: right;
    padding: 0;
    margin: 0;
    width: 215px;
    font-family: arial, sans-serif;
    font-size: 10pt;
}

div#sidebar a {
    color: #722C2C;
    text-decoration: none;
}

div#sidebar a:hover {
    text-decoration: underline;
}

#sidebar img {
    margin: 10px 0 0 25px;
    padding: 0;
}

h3 {
    display: block;
    width: 215px;
    height: 66px;
    margin: 0 0 5px 0;
    padding: 0;
    background: url('sidebar_header.png');
}

h3 span {visibility: hidden;}

h3 #this_page {background: url('this_page.png');}
h3 #featured_side {background: url('featured_side.png');}
h3 #clients {background: url('clients.png');}

h4 {
    margin: 0 5px 5px 45px;
    font-size: 10pt;
    font-family: arial, sans-serif;
    color: #722c2c;
    font-weight: normal;
}
    

.side_list {
    margin: 0 5px 0 45px;
    padding: 0;
}

.side_list li,
.side_list li a {
    list-style-type: none;
    margin: 0 0 2px 0;
    padding: 0;
    color: #722C2C;
    text-decoration: none;
}

.side_list li a:hover {text-decoration: underline;} 

.bookinfo {
    display: block;
    width: 150px;
    height: 40px;
    font-family: helvetica, sans-serif;
    text-indent: 0;
    font-size: 7pt;
    line-height: 8pt;
    margin: 0 0 0 45px;
    color: #722c2c;
}

/*---------------------------------Validation --------------------------------*/

#validation {
    margin: -48px 0 0 490px;
    padding: 0;
    text-align: center;
    width: 210px;
    height: 48px;
    background: url( /img/validation_logo.gif ) bottom right no-repeat;
}

#validation li,
#validation li a {
    list-style-type: none;
    display: inline;
    margin: -48px 0 0 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    line-height: 48px;
}

#validation li a:hover {color: #999;}

/*---------------------------------Books Page---------------------------------*/

h2 #book_search {background: url('book_search.png');}
h2 .top_space {margin-top: 100px; }

.search_table {
    margin:0 auto 20px auto;
    padding: 0;
}

#map {
    position: relative;
    top: -15px;
    width: 465px;
    height: 383px;
    margin-left: 10px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
  float: left;
  display: inline;
  margin: 10px 0 0 40px;
  background:url(/img/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/img/shadow_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 20px 20px 0;
  background:url(/img/shadow_tr.gif) right top no-repeat;
  }
  
.wrap3 img {
  display:block;
  }
  

#content p.subtitle {
    text-indent: 0;
    font-size: 11pt;
    font-style: italic; 
    text-align: center;
}

#content p.title {
    text-indent: 0;
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
}

/*---------------------------------About Page---------------------------------*/
.about_h2 {height: 114px;}

h2 #about_png {background: url('about_contact.png')}

blockquote {
    display: block;
    width: 200px;
    float: right;
    padding: 0;
    margin: 0 20px 10px 20px;
}

#content blockquote p {
    text-indent: 0;
    font-family: georgia, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #722c2c;
    margin: 0;
}

.contact_list {
    margin: 10px 50px;
}
    
.contact_list li {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
    text-decoration: none;
}

h5 {
    font-size: 16pt;
    font-weight: bold;
    margin: 20px 50px;
    padding: 0;
}

.contact_list li a {color: #722c2c; text-decoration: none;}
.contact_list li a:hover {color: #722c2c; text-decoration: underline;} 

/*---------------------------------Program Page-------------------------------*/

.logo {
    background: url( /img/book_logo.gif ) 0 4px no-repeat;
}    
