@charset "UTF-8";

/* CSS Reset */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%;
  font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong, b 
{
  font-weight: bold;
}
em, i 
{
  font-style: italic;
}


/* Begin Custom CSS */

body {
  background: url(/dotAsset/84985441-b7ed-413d-b1e1-f3f11941d018) repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
h1 {
  margin-bottom: 20px;
  color: #7f9db0;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
}
h2 {
  margin-bottom: 10px;
  color: #003e7e;
  font-size: 18px;
  font-weight: bold;
}
p {
  margin-bottom: 10px;
}
a:active, a:visited, a:link {
  color: #960301;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.left {
  float: left;
}
.right {
  float: right;
}
.skip {
  float: left;
  position: absolute;
    left: -9000px;
  top: 0;
}

#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

#header {
  padding: 20px;
  vertical-align: middle;
  border-top: 10px solid #960301;
}
#header img {
  float: left;
}
/*navigation drop down menu*/
.dd_menu {
  float: right;
  margin-top: 8px;
  list-style-type: none; 
  text-transform: uppercase;
}
.dd_menu li {
  z-index: 50;
  float: left;
  margin-left: 2px;
  padding: 18px;
  border: 1px solid #eaeaea;
  background: #f4f4f4;
}
.dd_menu li a {
  display: block; 
  text-decoration: none;
  color: #a91412;
}
.dd_menu ul  {
  position: absolute; 
  left: -9999px; 
  top: -9999px; 
  list-style-type: none;
  color: #a91412;
}
.dd_menu li:hover {
  position: relative;
  background: #a91412;
  color: #fff;
}
.dd_menu li:hover a{
  position: relative;
  background: #a91412;
  color: #fff;
}
.dd_menu li:hover ul {
  width: 160px;
  left: -2px; 
  top: 45px;  
  padding: 0px; 
}
.dd_menu li:hover ul li {
  height: 18px;
}
.dd_menu li:hover ul li a {
  height: 18px; 
  padding: 0px; 
  display: block; 
  width: 165px;
  text-indent: 0px;
  background: #f4f4f4;
  color: #a91412;
}
.dd_menu li:hover ul li a:hover {
  height: 18px;
  background: #a91412;
  color: #fff;
}
.dd_menu li:hover ul li:hover,  .dd_menu li:hover ul li:hover a{
  background: #a91412;
  color: #fff;
}
#nav-selected {
  background: #a91412;
}
#nav-selected-link {
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

#main-area {
  padding: 20px;
  border-top: 1px solid #f9d041;
  background: url(/dotAsset/221ab45d-4fb9-4971-83b4-96adf6f97bf5) repeat-x #fff;
  max-height: 100%;
}
#featured {
  float: left;
  width: 320px;
}
#book-descriptions {
  display: none;
}
#current-issue {
  float: right; 
  width: 400px;
  margin: 0 170px 0 0;
}
#slides-area {
  float: right;
  width: 580px;
}
#slides-area img {
  /*border: 2px solid #f9d041;*/
}

#second-area {
  padding: 20px;
  border-top: 1px solid #f9d041;
  background: url(/dotAsset/3123c36d-b204-462e-b45c-a13fbd5a98da) repeat-y;
  max-height: 100%;
}
#left-image {
  float: left;
  font-size: 8px;
  text-align: center;
}
#left-image img {
  width: 260px;
}
#winners {
  float: right;
  width: 580px;
}
#winners p{
  width: 280px;
  padding: 0 1px 3px 1px;
}

#footer {
  padding: 10px 20px 0px 20px;
  border-top: 1px solid #ccc;
}
#footer p {
  font-size: 12px;
  color: #999;
}

/*book slider CSS*/
.content {
  height: 650px;
}
.content-archive {
  height: 1200px;
}

#slideshow-book {
  width: 650px; 
}
#slides {
  width: 650px; 
  height: 400px;
  list-style: none; 
}
#slides li {
  width: 650px; 
}
.pagination {
  margin: 380px 0 0 40px; 
  z-index: 31;
}
.pagination li {
  float: left;  
  padding: 5px 8px;
  margin: 0 4px 0 0; 
  border: 1px solid #999; 
  cursor: pointer;
  background: #666; 
  text-align: center; 
  color: #222;
}
.pagination li:hover {
  border: 1px solid #bbb; 
  color: #BBB;
}
li.current {
  border: 1px solid #ccc;
  background: #888;
}
.image-desc {
  line-height: 1.3em; 
  margin-top: 5px;
}
.purchase {
  /*text-decoration: underline;*/
  margin-top: 8px;
}
/*.purchase a:hover {
  color: #000;
}*/
.photo-index {
  color: #888;
}
.navigation a.prev {
  background-image: url(/dotAsset/28e511c2-acfe-4b26-973a-e8cabfa7c871);
}
.navigation a.next {
  background-image: url(/dotAsset/a4788582-7c7c-4f88-9b82-0acdf465ae85);
}
.content a, .content-archive a, div.navigation a {
  text-decoration: none; 
  /*color: #333;*/
}
.content a:hover, div.content a:active, .content-archive a:hover, div.content-archive a:active {
  text-decoration: underline;
}
.navigation a.pageLink {
  height: 15px;
  margin-top: 15px; 
  line-height: 15px; 
}
.controls {
  height: 30px;
  margin-top: 30px; 
}
.controls a {
  padding: 5px;
}
.ss-controls {
  float: left;
}
.nav-controls {
  float: right;
} 
.slideshow-container, div.loader,div.slideshow-book a.advance-link {
  width: 325px;
} 
/*.loader, div.slideshow-book a.advance-link, div.caption-container {/*height: 452px; height: 452px;}*/
.slideshow-container {
  float: left;
  position: relative;
  clear: both;
}
.loader {
  padding-top: 400px; 
  padding-left: 275px;
  background-image: url(/dotAsset/3f208a67-aec9-44ff-a257-a63520f7c0e6); 
  background-repeat: no-repeat;
  background-position: center;
}
.slideshow-book span.image-wrapper {
  display: block; 
  position: absolute;
  left: -8px;
}
.slideshow-book a.advance-link {
  display: block; 
  line-height: 50px; 
  text-align: center;
}
/*.slideshow-book a.advance-link:hover,div.slideshow-book a.advance-link: active,div.slideshow-book a.advance-link: visited {
  text-decoration: none;
}
.slideshow-book a.advance-link: focus {
  outline: none;
}*/
.slideshow-book img {
  width: 300px; 
  height: 100%;
  border-style: solid;
  border-width: 1px;
}
.caption-container {
  float: right; 
  position: relative;
  margin-top: 0px;
}
span.image-caption {
  display: block; 
  position: absolute;
  top: 0; 
  left: -100px;
  color: #222;
  height: 650px;
  overflow: auto;
}
.caption-container, span.image-caption {
  width: 450px;
  padding-left: 5px;
}
.caption {
  /*padding: 0;*/
  padding-top: 55px;
  /*padding-right: 0px;
  position: relative;*/
}
.image-title {
  font-weight: bold; 
  font-size: 1.4em; 
  color: #222; 
  font-family: verdana, georgia, "times new roman";
  text-align: center;
}
.image-desc {
  line-height: 1.3em; 
}
.photo-index {
  bottom: 0;
  left: 0;
  padding: 0 12px;
}
.navigation-container {
  float: left;
  position: relative;
  left: 50%;
}
.navigation {
  float: left;
  position: relative;
  left: -50%;
}
.navigation a.pageLink {
  display: block; 
  position: relative; 
  float: left; 
  margin: 35px 2px 0px 2px; 
  width: 16px; 
  background-position: center center; 
  background-repeat: no-repeat;
}
ul.thumbs {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
ul.thumbs li {
  float: left;
  padding: 0;
  margin: 2px;
  list-style: none;
}
a.thumb {
  padding: 1px;
  display: block;
}
ul.thumbs img {
  height: 85px;
  width: 58px;
  border: none; 
  display: block;
}
#years {
  text-align: center;
}
#years a {
  text-decoration: none; 
  color: #333;
}
#years a:hover {
  text-decoration: underline;
   color: #000;
}
#years .chosen {
  text-decoration: underline; 
  color: #000;
}