/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                                                  margin: 0;
                                                  padding: 0;
                                                  border: 0;
                                                  outline: 0;
                                                  font-size: 100%;
                                                  vertical-align: baseline;
                                                  background: transparent;
                                                  }
body {
       line-height: 1;
       }
ol, ul {
         list-style: none;
         }
blockquote, q {
                quotes: none;
                }
blockquote:before, blockquote:after,
q:before, q:after {
                    content: '';
                    content: none;
                    }

/* remember to define focus styles! */
:focus {
         outline: 0;
         }

/* remember to highlight inserts somehow! */
ins {
      text-decoration: none;
      }
del {
      text-decoration: line-through;
      }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
        }
/* end of reset
   ************ */

body {
       font-family: Verdana, sans-serif;
       font-size: 13px;
       line-height: 17px;
       color: black;
       }
#container {
             display: block;
             width: 980px;
             margin-right: auto;
             margin-left: auto;
             position: relative;
             }
#header {
          height: 77px;
          padding-top: 20px;
          background-image: url('layout-white/bg_headerwide.gif');
          background-position: 50% 100%;
          background-repeat: no-repeat;
          }
#header #logo {
                display: block;
                width: 197px;
                height: 50px;
                position: absolute;
                top: 5px;
                left: 0;
                background-image: url('logo.png');
                background-position: 0 0;
                background-repeat: no-repeat;
                }
#header #logo a {
                  display: block;
                  width: 197px;
                  height: 50px;
                  text-indent: -9999px;
                  overflow: hidden;
                  }

#header #slogan {
                    font-weight: normal;
                    line-height: 20px;
                    position: absolute;
                    top: 29px;
                    left: 200px;
                }

#header a,
#header a:visited {
                    color: #8C96A0;
                    font-weight: bold;
                    text-decoration: none;
                    }
#header a.active {
                   color: #3399FF;
                   }
#members_area {
                display: block;
                width: 100%;
                text-align: right;
                }
#members_area ul li {
                      display: inline;;
                      padding-right: 5px;
                      padding-left: 5px;
                      }
#members_area ul li.search * {
                               float: left;
                               }
#members_area ul li.search span {
                                  display: none;
                                  }

#main_menu {
             display: block;
             width: 100%;
/*              height: 30px; */
             margin-top: 17px;
             border-width: 2px 0;
             border-style: solid none;
             border-color: #fff;
             text-align: left;
             background-color: #267BB4;
             }
#main_menu ul {
                display: block;
                width: auto !important;
                }
#main_menu ul li {
                   display: inline;
                   position: relative;
                   z-index: 100;
                   }
#main_menu ul li a {
                     padding: 5px 10px 5px 5px;
                     line-height: 30px;
                     text-decoration: none;
                     color: #fff;
                     border-right: 1px solid #fff;
                     white-space: pre;
                     }
#main_menu ul li a:visited {
                             color: #eee;
                             }
#main_menu ul li a.active {
                            color: #8ecaf1;
                            /* background-color: #0860A8; */
                            background-image: url('layout-white/active.gif');
                            background-position: 50% 100%;
                            background-repeat: no-repeat;
                            }
#main_menu ul li a:hover {
                           color: #8ecaf1;
                           /* background-color: #0860A8; */
                           }
#main_menu ul li ul {
                      display: none;
                      position: absolute;
                      top: 20px;
                      left: 0;
                      z-index: 140;
                      background-color: #267BB4;
                      }
#main_menu ul li:hover ul {
                            display: block;
                            }
#main_menu ul li ul li {
                         display: block;
                         width: auto !important;
                         clear: left;
                         float: none;
/*                          white-space: pre; */
                         text-align: left;
                         text-indent: 7px;
                         padding-right: 5px;
                         }
#main_menu ul li ul li a {
                           display: block;
                           width: 100%;
                           white-space: pre;
                           z-index: 300;
                           border-right: none;
                           line-height: 20px;
                           padding: 2px 0;
                           }
#main_menu ul li ul li a:hover {
                                 /* background-color: #0860A8; */
                                 color: #c4e3f8;
                                 }
#main {
        }

#register_button  {
    background: transparent url(/images/signup-button.png) no-repeat scroll center top;
    color: black;
    font-weight:bold;
    line-height:14px;   
    position:absolute;
    right:12px;
    height:44px;
    top:50px;
    text-align: center;
    width:300px;
    padding: none;
}
#register_button a:visited {
    color: red;
    border-right: none;
}
#register_button a {
    color: red;
    border-right: none;
}

#footer {
          margin-top: 30px;
          padding-top: 10px;
          clear: both;
          text-align: center;
          font-size: 10px;
          border-top: 2px solid #ccc;
          }
#footer a {
            text-decoration: none;
            color: black;
            }
#main_menu a:hover,
#bottomExplore a:hover,
#header a:hover,
.teaser h4 a:hover,
#footer a:hover {
                  text-decoration: underline;
                  }
#legal {
         }
li.last {
          border: none !important;
          }
ul.benefitsList {
                  padding-top: 7px;
                  width: 530px;
                  height: 176px;
                  color: #111;
                  background-color: #eee;
                  }
ul.benefitsList li {
                     margin-left: 10px;
                     }

/* one column layout
   ***************** */
#main div.book {
                 width: 96%;
                 margin-top: 10px;
                 margin-right: auto;
                 margin-left: auto;
                 }
/* two column layout
   ***************** */
#left_menu {
             display: block;
             width: 19%;
             float: left;
             }
#left_menu ul li {
                   display: block;
                   width: 99%;
                   border-bottom: 1px solid #fff;
                   }
#left_menu ul li a {
                     display: block;
                     width: 100%;
                     text-indent: 13px;
                     padding-top: 5px;
                     padding-bottom: 5px;
                     text-decoration: none;
                     color: #808080;
                     background-color: #d0d0d0;
                     }
#left_menu ul li a.active {
                            color: #fff;
                            background-color: #267bb4;
                            }
#left_menu ul li a:hover {
                           color: #fff;
                           background-color: #c2c5c8;
                           }
#left_menu ul li ul li {
                         display: block;
                         width: 100%;
                         }
#left_menu ul li ul li a {
                           display: block;
                           width: 100%;
                           padding-top: 5px;
                           padding-bottom: 5px;
                           text-indent: 20px;
                           text-decoration: none;
                           color: #808080;
                           background-color: #eee;
                           border-bottom: 1px solid #d0d0d0;
                           }
#left_menu ul li ul li a.active {
                                  background-color: #fff;
                                  color: #267bb4;
                                  }
#left_menu ul li ul li a:hover {
                                 background-color: #eee;
                                 color: #267bb4;
                                 }
#columns {
           display: block;
           width: 80%;
           float: right;
           }

.blocklink {
color: #515151;
}

a {
text-decoration: none;
}

a:hover, 
a:visited {
text-decoration: none;
}

.buttons {
display : block;
clear : both;
margin : 2px 0px 2px 0px;
overflow : auto;
}

.buttons a,
.buttons a:visited,
.buttons a:hover {
text-decoration : none;
line-height : 26px;
}

.buttons a span,
.buttons a:visited span,
.buttons button {
font-family : Arial;
/*margin-right : 8px; */
border : 1px solid #dedede;
border-top : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
color : #267bb4;
font-size : 12px;
font-weight : bold;
/* float : left; */
text-transform : uppercase;
cursor : pointer;
overflow:auto;
background-color : #f5f5f5;
}

.buttons button {
height : 28px;
}

.buttons a span,
.buttons a:visited span {
padding : 0px 14px 0px 14px;
}

/* DEFAULT BUTTON ROLLOVER */
.buttons a:active span,
.buttons a:hover span,
.buttons button:hover {
background-color : #dff4ff;
border : 1px solid #c2e1ef;
}

/* OK BUTTON ROLLOVER */
.buttons a.ok:active span,
.buttons a.ok:hover span,
.buttons button.ok:hover {
background-color : #e6efc2;
border : 1px solid #c6d880;
color : #32782d;
}

/* CANCEL BUTTON ROLLOVER */
.buttons a.cancel:active span,
.buttons a.cancel:hover span,
.buttons button.cancel:hover {
background-color : #fbe3e4;
border : 1px solid #fbc2c4;
color : #e32325;
}

#main table .buttons a span,
#main table .buttons a:visited span,
#main table .buttons button {
float : right;
}


#main h1 {
font-size: 18px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 9px;
margin-top: 9px;
margin-bottom: 9px;
font-weight: normal;
background-color: #EEE;
color: #267bb4;
text-align: left;
}

#main h2 {
font-size: 16px;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 6px;
margin-bottom: 3px;
font-weight: bold;
color: #267bb4;
text-align: left;
text-indent: 0em;
}

#main h3 {
font-weight: bold;
margin-top: 6px;
text-indent: 0em;
}

#main #columns ul {
list-style-position: inside;
}

#main #columns ul li {
margin-left: 1.5em;
}

#main #columns ul.list_one {
list-style-type: circle;
}

#main #columns ul.list_two {
list-style-type: square;
}

#main p {
margin-bottom: 9px;
/* text-indent: 2em; */
}

#main p.actionsRow {
text-indent: 0em;
display: block;
clear: both;
overflow: auto;
/* margin-left: 30%; */
margin-top: 5px;
margin-bottom: 5px;
}