/* CSS developed by Maya Kenedy */

/* =RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, font,
img, ins, kbd, q, s, samp, small, strike, sub, sup,
tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1.4; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}


/* =GENERAL */
a:link {color: #533721; text-decoration: underline;}
a:visited {color: #533721; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: underline;}
body {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%; text-align: center; background: #000000; padding: 0; margin: auto;}
p {margin-bottom: 7px;}
img {border: none;}
h1 {font-size: 160%; font-weight: bold; margin-bottom: 7px; color: #000000;}
h2 {font-size: 125%; font-weight: bold; margin-bottom: 7px; color: #000000; text-align: center;}
h3 {font-size: 105%; font-weight: bold; margin-top: 15px; color: #000000; text-align: left;}

/* =CONTAINER */
#container {width: 800px; text-align: left; margin: 0 auto 0 auto; background: url('../images/bg.jpg') repeat-y;}


/* =HEADER */
#header {width: 800px; height: 187px; background: url('../images/head.jpg') no-repeat;}
#header h1 {display: none;}


/* =CONTENT-OUTER */
#content-outer {text-align: center; padding: 0 25px 0 25px; background: url('../images/bg.jpg') repeat-y;}

/* =NAVIGATION */
#menu {font-size: 125%; width: 800px; height: 40px; padding: 0 0 4px 3px; text-align: center; background: url('../images/menu.jpg') no-repeat}
#menu a:link {color: #ffffff; text-decoration: none;}
#menu a:visited {color: #ffffff; text-decoration: none;}
#menu a:hover {color: grey; text-decoration: none;}
#menu a:active {color: #ffffff; text-decoration: none;}

.nav {list-style: none; padding-left: 35px;}
.nav li {float: left; padding-left: 45px;}
.nav li {height: 40px;}


/* =CONTENT-INNER */
#content-inner {width: 730px; text-align: justify; margin: 0 5px 0 5px; padding: 0 40px 0 30px; clear: both;}

#book {background: #f1ECE6; border: 3px solid #E7DFD6; clear: both; margin: 5px 5px 15px 5px; padding: 5px 25px 5px 25px; text-align: left;}
#bookimg {width: 210px; margin-top: 10px; float: left; text-align: center;}
#bookinfo {margin-left: 240px;}
#left {float: left; width: 45%; padding-top: 15px; text-align: left;}
#right {margin-left: 48%; padding-top: 15px; width: 49%}

.copyright {text-align: right; margin-top: 30px;}
.photo {padding: 5px 10px 10px 0; float: left;}
.q {font-weight: bold;}
.a {margin-bottom: 15px;}
.date {text-align: center;}
.warning {font-weight: bold; color: #FF6600;}
.tagline {font-weight: bold; font-size: 115%; color: #FF6600; text-align: center; margin-top: 7px;}
.small {text-align: center; font-size: 75%;}
.pens {text-align: center;}
.newsphoto {float: left; padding: 5px 10px 10px 0;}

/* =FOOTER */
#footer {width: 760px; height: 31px; background: url('../images/foot.jpg') no-repeat; padding: 0 80px 0 0; text-align: right;}