@import url(/m/mpubs/styles/footer.legacy.css);

/* =Global CSS Document
----------------------------------------------- */

/* =Global Reset
----------------------------------------------- */
div, ul, h1, h2, h3, h4, h5, h6, p {border: 0; margin: 0; padding: 0;}
.clear {clear: both;}
img {border: 0;}
input, select, option {font-size: 1em; color: #000;}

/* =Structural
----------------------------------------------- */
body {margin: 0; padding: 0; background: #FFF; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center;}
#wrapper {position: relative; width: 765px; margin: auto; padding: 0; text-align: left;}
#content {width: 765px; float: left;}

/* =Header
----------------------------------------------- */
#header {width: 765px; margin: 15px 0 30px 0;}
#header p {float: left;}
#header img {float: left;}
#header img#logo {padding-bottom: 1em}

/* =Text
----------------------------------------------- */
#content h1 {width: 150px; float: left; font-size: 1.25em; font-weight: normal; color: #666;}
#text {width: 600px; float: right;}
#text h1 {width: 600px; display: block; font-size: 1.25em; color: #000; margin: 0 0 15px 0;}
#text h2 {font-size: 1em; margin: 0 0 10px 0;}
#text h3 {font-size: .9em; margin: 0 0 5px 0;}
#text p {font-size: .9em; line-height: 1.4em; margin: 0 0 20px 0;}
#text blockquote {font-size: .9em; line-height: 1.4em;}
#text ul {margin: 0 0 20px 0;}
#text ul li {font-size: .9em; line-height: 1.4em; margin: 0 0 0 25px;}
#text ol li {font-size: .9em; line-height: 1.4em; margin: 0 0 10px 0;}
#text h4 {font-size: 1em; font-weight: bold; margin: 0 0 10px 0;}
#text h4 a {color: #666; text-decoration: none;}
#text h4 a:hover {color: #32a7c9;}
#text table tr td {font-size: .9em; line-height: 1.4em;}

/* =Links
----------------------------------------------- */
a {color: #22819d;}
a:visited {color: #32a7c9;}
a:hover {color: #32a7c9;}

/* =Footer
----------------------------------------------- */
#footer {width: 765px; background: url(graphics/footer.gif) top center no-repeat; min-height: 24px; margin: 20px 0; padding: 35px 0 0 0;}
#footer p {font-size: .8em; line-height: 1.4em; margin: 0 10px;}
#footer div.footright { width: auto } /* override part of footer.legacy.css that doesn't work with Diderot static pages*/

/* =Global Navigation 
----------------------------------------------- */
ul#nav {background: #075c74; font-size: .9em; color: #fdc54b; font-weight: bold; padding: 5px;}
ul#nav li {list-style-type: none; display: inline; padding: 0 20px;}
ul#nav li a {color: #FFF; font-weight: bold; text-decoration: none;}
ul#nav li a:hover {color: #fdc54b;}

/* =Sort Navigation
----------------------------------------------- */
ul#sort {font-size: .8em; color: #fdc54b; font-weight: bold;}
ul#sort li {background: #075c74; list-style-type: none; display: inline; padding: 5px; margin: 0 5px 0 0;}
ul#sort li.white {background: #FFF;}
ul#sort li a {color: #FFF; font-weight: bold; text-decoration: none;}
ul#sort li a:hover {color: #fdc54b;}

/* =Alphabet Navigation 
----------------------------------------------- */
ul#alphabet {font-size: .8em; color: #fdc54b; font-weight: bold;}
ul#alphabet li {background: #075c74; list-style-type: none; display: inline; padding: 5px 7px; margin: 0 1px 0 0;}
ul#alphabet li a {color: #FFF; font-weight: bold; text-decoration: none;}
ul#alphabet li a:hover {color: #fdc54b;}
ul#alphabet li.inactive {color:#999; background: #075c74; list-style-type: none; display: inline; padding: 5px 7px; margin: 0 1px 0 0;}

table#listings tr td {font-size: .8em; padding: 0 15px 7px 0;)