/* -- ==================================================================== --
                                  Basic styles
   -- ==================================================================== -- */

body {background: #e5d07a url('images/body-bg.png') center top repeat-x; color: #424242; font-family: georgia, tahoma, arial, verdana, sans-serif; padding: 0; margin: 0; text-align: center; font-size: 62.5%;}
/* 00678c - headings */
h1, h2, h3, h4, h5, h6 {color: #80110d; margin: 0.3em 0; font-family: georgia, tahoma, sans-serif}
h1, h2, h3, h4, h5 {font-weight: normal;}

.hp h2, h1 {font-size: 3em; font-style: italic; color: #80110d; font-family: 'georgia', tahoma, arial, verdana, sans-serif; margin-top: 0;}
.hp h3, h2 {font-size: 2em;}
.hp h4, h3 {font-size: 1.7em;}
.hp h5, h4 {font-size: 1.3em;}
h5, h6 {font-size: 1em;}


p {line-height: 1.5em; margin: 1em 0; font-size: 1.3em;}
blockquote, address {font-size: 1.3em; line-height: 1.5em; margin-top: 10px;}

a {color: #f7d98d;}
a:hover {color: #fff; text-decoration: none;}
a img {border: 0;}

sub, sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}
address {font-style: normal;}

table {border-collapse: collapse;}
table th {padding: 5px 9px; background: #222;}
table td {padding: 5px 9px; background: #111;}

ul, ol {margin: 0; padding: 0;}
li {margin: 0.4em 0; line-height: 1.3em; list-style-type: none;}

form {margin: 0;}

input, select, th, td, li li, li p, td p, blockquote p {font-size: 1em}

.cleaner {clear: both; font-size: 1px; height: 1px;}


/* -- ==================================================================== --
                                 Wrapper styles
   -- ==================================================================== -- */

div#wrapper {text-align: left; margin: 165px auto 0; width: 960px; background: url('images/wrapper-bg.gif') left top repeat-y; position: relative;}
div#wrapper-in {background: url('images/center-bg.gif') left top repeat-y;}

#logo a {color: #464646; text-decoration: none;}
#logo {margin: 0; position: absolute; top: -145px; left: 32px; z-index: 2; overflow: hidden; background: #fff; text-transform: uppercase;}
#logo, #logo span {width: 233px; height: 129px; display: block; cursor: pointer;}
#logo span {position: absolute; left: 0; top: 0; z-index: 3; background: url('images/logo.png') no-repeat;}
#logo big {color: #064780; font-weight: bold; display: block;}


/* -- ==================================================================== --
                                 Header styles
   -- ==================================================================== -- */

div#header {position: absolute; top: -158px; left: 0; z-index: 1; border-top: 3px solid #8b2c20; background: #501207 url('images/header.png') no-repeat; height: 155px; width: 960px;}

div#content {width: 780px; float: left; background: url('images/center-bg.gif') left top repeat-y}
div#content-in {margin-top: -1px; background: url('images/content-in.gif') right -1px no-repeat}


div#newsletter {isplay: none; background: url('images/newsletter.gif') no-repeat; width: 365px; height: 82px; position: absolute; top: -10px; left: 417px;}
div#newsletter h4, div#newsletter h5 {color: #fff; margin: 13px 0 0 10px; font-weight: bold;}
div#newsletter input.text {width: 190px; height: 17px; font-size: 1.1em; background: #2f0d05; color: #e5db67; border: 2px solid #86311d; font-weight: bold; padding: 3px 0 0 3px; margin: 3px 0 0 8px;}
div#newsletter input.submit {width: 111px; height: 27px; font-size: 1.1em; background: #2f0d05 url('images/newsletter-submit.png') no-repeat; border: 0; color: #e5db67; font-weight: bold; cursor: pointer; position: relative; top: 2px;}
div#newsletter a {font-size: 1.2em; display: inline-block; margin: 3px 0 0 10px; color: #e5db67}


/* -- ==================================================================== --
                                 Left styles
   -- ==================================================================== -- */

div#left {width: 171px; float: left; color: #e5db67; text-align:center; padding: 0 4px 40px; margin-top: -1px; background: url('images/right-bg.jpg') repeat-y; position: relative;}
div#left ul#menu {width: 171px; height: 192px; background: #923c1e url('images/menu-bg.gif') no-repeat;}
div#left h2, div#left h3, div#left h4, div#left h5, div#left h6, div#right h2, div#right h3, div#right h4, div#right h5, div#right h6 {color: #fff;}
div#left p {margin: 0 0 15px;}

ul#menu {padding: 0; margin-bottom: 25px;}
ul#menu li a {text-decoration: none;}
ul#menu li {position: relative; top: 21px; overflow: hidden; background: #923c1e; argin-top: 8px; margin-bottom: 12px; margin-left: 25px; text-decoration: none;}
ul#menu li, ul#menu li span {display: block; cursor: pointer;}
ul#menu li span {position: absolute; left: 0; top: 0; z-index: 1;}

li#menu1, li#menu1 span {width: 50px; height: 22px;}
li#menu2, li#menu2 span {width: 50px; height: 17px;}
li#menu3, li#menu3 span {width: 113px; height: 22px;}
li#menu4, li#menu4 span {width: 100px; height: 24px;}
li#menu5, li#menu5 span {width: 75px; height: 18px;}

li#menu1 span {background: url('images/menu1.png') no-repeat;}
li#menu2 span {background: url('images/menu2.png') no-repeat;}
li#menu3 span {background: url('images/menu3.png') no-repeat;}
li#menu4 span {background: url('images/menu4.png') no-repeat;}
li#menu5 span {background: url('images/menu5.png') no-repeat;}


/* -- ==================================================================== --
                                 Center styles
   -- ==================================================================== -- */

div#center {width: 561px; padding: 0 20px 120px; float: right; margin-top: -1px; position: relative; ackground: url('images/content-in.gif') no-repeat;}
div#center h1 {position: absolute; right: 18px; top: -44px; z-index: 5;}

div#center ul {font-size: 1.3em; padding: 0 0 15px 20px;}
div#center ul li {list-style-type: disc; }
div#center a {color: #80110d}

span.author {float: right; padding: 0 50px 0 0; font-size: 1.3em; font-style: italic;}
img.left {float: left; margin-right: 15px;}
img.right {float: right; margin-left: 15px;}


a.photo {background: url('images/photos-border.gif') no-repeat; float: left; margin: 0 34px 15px 0; padding: 7px; height: 106px; width: 150px;}
a.photo-last {margin-right: 0;}
a.photo img {display: block; height: 106px; width: 150px;}

div#center p img {padding-right: .5em;}

/* -- ==================================================================== --
                                 Right styles
   -- ==================================================================== -- */

div#right {width: 140px; padding: 0 20px 100px; float: left; margin-top: -85px; position: relative; z-index: 1000; background: url('images/right-bg.jpg') repeat-y; position: relative;}
div#right h2, div#right h3, div#right h4, div#right h5, div#right h6 {argin: 0 0 0 17px; font-style: italic;}

div#right ul {font-size: 1.3em; padding: 0 0 0 10px;}
div#right ul li a {text-decoration: none;}
div#right ul li strong {font-size: 1.2em;}

.col-bottom {background: url('images/col-bottom.png') no-repeat; width: 180px; height: 4px; line-height: 1px; font-size: 1px; display: block; position: absolute; bottom: 0; left: 0;}
div#left .col-bottom {width: 176px;}

/* -- ==================================================================== --
                                 Footer styles
   -- ==================================================================== -- */


div#footer {background: url('images/footer-bg.gif') left top no-repeat; padding: 20px 0 0; margin: -12px auto 0; width: 670px; font-size: .9em;}
div#footer p.left {float: left; padding: 0 0 0 35px}
div#footer p.right {float: right; padding: 0 35px 0 0;}
div#footer p {margin: 10px 0 15px;}
div#footer * {color: #5b522c;}