html, body {
    color: #000;
    background: #CCDDAA;
    font-family: georgia, "times new roman", sans-serif;
    font-size: 95%;
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
}

/** PAGE LAYOUT **/
#pagewidth {
    width: 770px;
    text-align: left;
    min-width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#outer {
    border: solid #CCDDAA 0px;
    /*/*/
    border-left-width: 195px ;
    /* left column width. NN4 hack to hide borders */
    border-left-color: #CCDDAA;
    /* left column colour */
    border-left-style: solid;
    /*/*/
    border-right-width: 205px;
    /* right column width. NN4 hack to hide borders */
    border-right-color: #CCDDAA;
    /* right column colour */
    border-right-style: solid;
    background-color: #CCDDAA;
    /* center column colour */
    color: #000;
    width: auto;
}

#inner {
    margin: -5px 0px 0px 0px;
    width: 103%;
}

#homeheader {
    margin: 0;
    padding: 0 0 7px 0;
}

.logo {
    float: left;
    margin: 0;
    padding: 0;
}

.title {
    margin: 0 0 0 100px;
    text-align: right;
    padding: 0;
}

.sponsor {
    font: 80% Verdana,Arial,Sans-serif;
    font-weight: bold;
    text-align: right;
    margin: 0;
    padding: 0;
}

#homenavimg {
    background: url("../images/navbar.gif") repeat-x;
    color: #000;
    margin: 0;
}

#homenav {
    text-align: left;
    background-color: #ffffff;
    color: #000;
    margin: 10 0 0 0;
}

#homeleftcol {
    width: 191px;
    float: left;
    position: relative;
    margin-left: -195px;
    /*space between sections for left and mid sections*/
    margin-right: 0px;
    /*space between text for left and mid sections*/
}

#homesidebar {
    /*/*/
    width: 185px;
    /* width for right section, hack keeps NN4 right column right */
    float: right;
    position: relative;
    margin-right: -197px;
    margin-left: 15px;
}

#outer>#inner {
    border-bottom: 1px solid #CCDDAA;
}

#footer {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 80%;
    margin: 0;
    padding: 30px 0 0 0;
}

/** SEARCH TOOLS LAYOUT **/
.medgreen-bg {
    background: url("../images/overview_toolsbg.gif") repeat-y;
    color: #000;
    padding: 2px;
    text-align: center;
    margin: 0;
}

.teaserlocation {
    float: right;
    margin: 0;
    padding: 0 1px 0 1px;
    width: 73px;
}

.teasersimple {
    margin: 0;
    padding: 0 1px 0 1px;
    width: 73px;
}

#moreoptions {
    display: none;
    width: 350px;
    margin: 4px 0 3px 0;
}

#showlink {
    display: block;
    text-align: right;
    font-size: 80%;
    margin: 4px 0 0 0;
}

#fullheadlines {
    display: none;
}

#randomheadline {
    display: block;
}

.teasersearch {
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
    width: 170px;
}

.teaserbrowse {
    margin: 0 0 0 180px;
    padding: 5px 0 0 0;
}

/** FORM ELEMENTS **/
form {
    margin: 0;
}

.search {
    width: 170px;
}

.keywords {
    margin: 1px 0 1px 0;
    height: 90%;
    width: 120px;
    text-align: left;
    background-color: #fdb;
    color: #000;
}

.button-search {
    width: 30px;
}

/** READ BOOKS AREA **/
#readbooks {
    margin-top: 0px;
    position: relative;
    width: 375px;
    height: 161px;
}

#home-readbooks-splice-01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 375px;
    height: 33px;
}

#home-readbooks-splice-02 {
    position: absolute;
    left: 0px;
    top: 33px;
    width: 136px;
    height: 128px;
}

#home-readbooks-splice-03 {
    position: absolute;
    left: 136px;
    top: 33px;
    width: 110px;
    height: 128px;
}

#home-readbooks-splice-04 {
    position: absolute;
    left: 246px;
    top: 33px;
    width: 129px;
    height: 128px;
    background: url("../images/home_readbooks_splice_04.gif") no-repeat;
}

#searchitems {
    padding-top: 12px;
    padding-right: 5px;
    text-align: right;
    font-size: 90%;
}

#searchitems h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}

#searchitems p {
    margin: .5em 0 0 0;
    padding: 0;
    font-size: 85%;
}

#searchitems p.smallspace {
    margin: .25em 0 0 0;
    padding: 0;
    font-size: 85%;
}

#searchitems ul {
    margin-top: .25em;
    padding: 0;
    font-size: 85%;
    list-style-type: none;
}

#searchitems ul li {
    line-height: 1.5em;
}

#searchitems a {
    text-decoration: none;
    font-size: 85%;
    color: #555;
}

#searchitems a:visited {
    text-decoration: none;
    font-size: 85%;
    color: #555;
}

#searchitems a:hover {
    text-decoration: none;
    font-size: 85%;
    color: #000;
}

/** ANNOUNCEMENTS **/
.announcement {
    border-style: solid;
    border-width: 0px 8px 5px 8px;
    border-color: #99BB77;
    margin-left: 15px;
    margin-right: 5px;
    padding: 5px;
}

/** LIST STYLES **/
#outer ul {
    margin: 0 0 .5em;
    padding: 0;
    font-size: 85%;
}

#outer ul li {
    margin: 0;
    padding: 0 0 0 8px;
    line-height: 1.2em;
    list-style: none;
    background: url("../images/bullet_tiny.gif") no-repeat 0 .3em;
}

/** HEADER STYLES **/
.heading {
    padding: 5px;
    /** margin will take out top space for featured books on home page **/
    margin: 7px 0 0 0;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #558811;
    background-color: #99BB77;
    color: #000;
}

.headingoffset {
    padding: 5px;
    margin-top: 10px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #558811;
    background-color: #99BB77;
    color: #000;
}

.contentheadingoffset {
    padding: 5px;
    margin-top: 10px;
    margin-right: 5px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #558811;
    background-color: #99BB77;
    color: #000;
}

.topheadingoffset {
    padding: 5px;
    margin-top: 25px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #558811;
    background-color: #99BB77;
    color: #000;
}

.topheadingspace {
    margin-top: 25px;
}

.readbooksheadingspace {
    margin-top: 10px;
}

/** PARAGRAPHS, HEADINGS, & TEXT STYLES **/
p {
    margin: 0 0 12px 0;
    padding: 0;
}

h1 {
    font: 120% Arial,Sans-serif;
    font-weight: bold;
    color: #223388;
    margin: 0 0 10px 0;
}

h2 {
    font: 100% Verdana,Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}

#outer h2 {
    font: 80% Verdana,Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

h3 {
    font: 100% Arial,Verdana,Sans-serif;
    font-weight: bold;
}

h4 {
    font: 90% Arial,Verdana,Sans-serif;
    font-weight: bold;
}

strong {
    font: 85% Arial,Verdana,Sans-serif;
    font-weight: bold;
    color: #B24;
}

/** LINK STYLES **/
a {
    font: 80% Verdana,Arial,Sans-serif;
    text-decoration: underline;
    font-weight: bold;
    color: #643107;
}

a:visited {
    color: #555;
}

a:hover {
    color: #000;
}

#langnav strong {
    font: 80% Verdana,Arial,Sans-serif;
    font-weight: bold;
    color: #B24;
}

#langnav a {
    font: 80% Verdana,Arial,Sans-serif;
    text-decoration: underline;
    font-weight: bold;
    color: #643107;
}

#langnav a:visited {
    color: #643107;
}

#langnav a:hover {
    color: #000;
}

#homenav a {
    font: 75% Verdana,Arial,Sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    padding: 4px 6px 4px 6px;
}

#homenav a:hover {
    color: #643107;
    background-color: #FFFFCC;
    padding: 4px 6px 4px 6px;
}

#navreadbooksbtn {
    position: absolute;
    margin-top: -20px;
    margin-left: 5px;
    z-index: 200;
}

#nav a {
    font: 85% Verdana,Arial,Sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    padding: 4px 15px 4px 15px;
}

#nav a:hover {
    color: #643107;
    background-color: #FFFFCC;
    padding: 4px 15px 4px 15px;
}

.active {
    color: #000000;
    background-color: #CCDDAA;
    padding: 6px 4px 6px 4px;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #99BB77;
    text-decoration: underline;
}

h2 a {
    font-size: 100%;
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}

h2 a:hover {
    color: #643107;
}

h2 a:visited {
    color: #000;
}

h3 a {
    font: 100% Arial,Verdana,Sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

h3 a:hover {
    font: 100% Arial,Verdana,Sans-serif;
    color: #643107;
    text-decoration: underline;
    font-weight: bold;
}

h3 a:visited {
    font: 100% Arial,Verdana,Sans-serif;
    color: #000;
    font-weight: bold;
}

h4 a {
    font: 100% Arial,Verdana,Sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

h4 a:hover {
    color: #643107;
    text-decoration: underline;
}

h4 a:visited {
    color: #000;
}

.orange-bg h4 a {
    color: #000;
}

.orange-bg h4 a:visited {
    color: #000;
}

.red-bg h4 a {
    color: #000;
}

.red-bg h4 a:visited {
    color: #000;
}

.blue-bg h4 a {
    color: #000;
}

.blue-bg h4 a:visited {
    color: #000;
}

.yellow-bg h4 a {
    color: #000;
}

.yellow-bg h4 a:visited {
    color: #000;
}

.plainlink {
    font: 105% Arial,Verdana,Sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.plainlink a:hover {
    font: 105% Arial,Verdana,Sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.plainlink a:visited {
    font: 105% Arial,Verdana,Sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.smalllink {
    font-size: 85%;
}

#skip-link>a {
    position: absolute;
    left: -999px!important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999
}

#skip-link>a:active,#skip-link>a:focus {
    color: #643107;
    background-color: #fff;
    left: auto!important;
    top: 45px;
    width: auto;
    height: auto;
    padding: 10px;
    overflow: auto;
    z-index: 999;
    text-decoration: underline
}

/** IMAGE STYLES **/
img {
    margin: 0px;
    border: 0px;
    vertical-align: bottom;
}

@media print {
    /*hide the quick links when printing*/
    /*
#homeleftcol{display:none;}
#outer{border-left:0;}
*/
    /*hide the navigation when printing*/
    /*
#header{display:none;} 
#nav{display:none;}
#body{border-left:0;}
*/
    /*hide the sidebar when printing*/
    /*
#sidebar{display:none;}
#body{border-right:0;}
*/
}