body { padding: 0; margin: 0;background: #dcdad9 url(images/bg.jpg) no-repeat center top;width: 100%;display: table;}
b{font-size: 96%;}
em{color: red;}
.topline {width: 988px; height: 1px; margin: 0px; padding: 0px; background: #ffffff;}
#maincontainer{width: 988px; /*Width of main container*/margin: 0 auto; /*Center container on page*/ background: #dcdad9;}
#topsection{/*Height of top section*/ margin: 0px; padding: 0px;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin: 0px 50px 0px 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; line-height: 13pt;}
#leftcolumn{float: left;width: 50px; /*Width of left column in pixel*/margin-left: -988x; /*Set margin to that of -(MainContainerWidth)*/}
#rightcolumn{float: left;width: 50px; /*Width of right column*/margin-left: -50px; /*Set left margin to -(RightColumnWidth)*/}
#footer{clear: left;width: 940px;text-align: center;padding: 0px;}
.innertube{margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
#archivefooterline{width: 888px; height: 1px; /*Height of top section*/ margin: 0px; padding: 0px; background: #696b6c;}
#archivefooterline2{width: 970px; height: 1px; /*Height of top section*/ margin: 0px; padding: 0px; background: #696b6c;}
#archivefootertext{width: 888px; height: 10px; /*Height of top section*/ margin: 0px; padding: 0px; color: #333333; font-size: 8pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 11pt;}
#title{width: 988px; margin: 0px; padding: 0px;}
#titleimage{width: 988px; height: 368px;/*Height of top section*/margin: 0px; padding: 0px; background: #ffffff url(images/titlearchive.gif) no-repeat center top;}
.titleline {width: 988px; height: 1px; margin: 0px; padding: 0px; }
/*page title rounded bar*/
#pagetitle {color: white; font-size: 11pt; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 12px; font-stretch: normal; text-decoration: none; margin: 0; padding: 7px 0px 5px 0px; verdana: font-style: normal;}
#subbarwrapper {width: 988px; height: 28px; margin: 0px; padding: 0px;}
#subrsquare { width:86px; height: 28px; margin: 0px; padding: 0px; float: left; }
#subbar {width: 902px; height: 28px; margin: 0px; padding: 0px; float: right; background-image:url('images/bar2.png'); background-repeat: no-repeat;}
.h2titleline {width: 840px; height: 1px; margin: 0px; padding: 0px; background: #f4debe;}
.h2titlelinespace {width: 840px; height: 10px; margin: 0px; padding: 0px;}
.heading { color: white; font-size: 11pt; font-family: Trebuchet MS, Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; Verdana; font-style: normal; line-height: 17px; font-stretch: normal; text-decoration: none; margin: 0; padding: 0 }
.viewsection {display: block; width: 172px; height: 50px; background: url("images/view-section1.png") no-repeat 0 0; }
.viewsection:hover { background: url("images/view-section2.png") no-repeat 0 0;}
.gallerybtn {display: block; width: 160px; height: 46px; background: url("images/view-section3.png") no-repeat 0 0; }
.gallerybtn:hover { background: url("images/view-section4.png") no-repeat 0 0;}

.br {margin: -3px;}
.br2 {margin: 3px;}


a:link { color: #90322a; }
a:visited { color: #90322a; }
a:hover { color: #333333; }


a.gallerylink:link {display: block; width: 130px; height: 30px; background: url("paintings/gallerybtn1.png") no-repeat 0 0; margin: 0px; padding: 0px; color: white; font-size: 12px; line-height: 30px;font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; text-align:center; text-decoration: none;}
a.gallerylink:visited {display: block; width: 130px; height: 30px; background: url("paintings/gallerybtn2.png") no-repeat 0 0; margin: 0px; padding: 0px; color: white; font-size: 12px; line-height: 30px;font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; text-align:center; text-decoration: none;}
a.gallerylink:hover {display: block; width: 130px; height: 30px; background: url("paintings/gallerybtn2.png") no-repeat 0 0; margin: 0px; padding: 0px; color: white; font-size: 12px; line-height: 30px;font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; text-align:center; text-decoration: none;}



.decriptiontitle{ color: white; font-size: 2.6em; letter-spacing: 0em; font-family:'Cinzel','Times New Roman', Times, serif;}
.decriptionpanel{ color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; line-height: 13pt;}
.decriptionspace6{ margin:0px; padding:0px; width: 410px; height:6px;}
.decriptionspace12{ margin:0px; padding:0px; width: 410px; height:12px;}
.decriptionspace15{ margin:0px; padding:0px; width: 410px; height:15px;}
.br {margin: -2px;}

.descriptionbar1 { display: inline-block; width: 410px; height: 24px;  margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; line-height: 24px; text-align: center; background: url("images/descriptionbg1.jpg") no-repeat 0 0;}
.descriptionbar2 { display: inline-block; width: 410px; height: 24px;  margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal; line-height: 24px; text-align: center;background: url("images/descriptionbg2.jpg") no-repeat 0 0;}
.descriptionlinecont {margin:0px; padding:0px; width: 410px; height:10px}
.descriptionline {margin:0px; padding:0px; width: 410px; height:1px; background-color: #f4debe;}
.descriptionlinespace1 {margin:0px; padding:0px; width: 410px; height:4px;}
.descriptionlinespace2 {margin:0px; padding:0px; width: 410px; height:5px;}


.twitter1               { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 130px; float: right }
.twitter2       { width: 130px;position: relative;}

.figures1               { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 160px; float: right }
.figures2       { width: 160px;position: relative;}


.photo1               { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 225px; float: right }
.image1       { width: 225px;position: relative;}
.caption1            { color: #000000; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 11pt; background-color: #f2f2f2; text-align: center; padding-top: 3px; padding-bottom: 4px; width: 225px;position: relative; }

.photo2                { margin-top: 4px; margin-right: 15px; margin-bottom: 8px; width: 140px; float: left }
.image2       { width: 140px;position: relative;}
.caption2         { color: #000000; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 11pt; background-color: #f2f2f2; text-align: center; padding-top: 3px; padding-bottom: 4px; width: 140px;position: relative; }

.photo3                { margin-top: 4px; margin-right: 15px; margin-bottom: 8px; width: 200px; float: left }
.image3       { width: 200px;position: relative;}
.caption3          { color: #000000; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 11pt; background-color: #f2f2f2; text-align: center; padding-top: 3px; padding-bottom: 4px; width: 200px;position: relative; }


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


#layoutmaincontainer{width: 990px; /*Width of main container*/margin: 0 auto; /*Center container on page*/}
#layoutcontentwrapper{float: left;width: 100%;}
#layoutcontentcolumn{margin: 0 1px 0 1px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#layoutleftcolumn{float: left;width: 1px; /*Width of left column in pixel*/margin-left: -990px; /*Set margin to that of -(MainContainerWidth)*/background: #ffffff;}
#layoutrightcolumn{float: left;width: 1px; /*Width of right column*/margin-left: -1px; /*Set left margin to -(RightColumnWidth)*/background: #ffffff;}
#layoutfooter{clear: left;width: 100%;text-align: center;padding: 0px 0;}