/* Civil War stylesheet */


div#container {
   width: 1366px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;}

body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;}

#wb_imgCivilWar-logo {
   vertical-align: top;}

#imgCivilWar-logo {
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;}

#wb_imgHandshake {
   vertical-align: top;}

#imgHandshake {
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;}

#wb_img50th {
   vertical-align: top;}

#img50th {
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;}

#wb_  {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;}

#wb_ div {
   text-align: justify;}

#txtGettysburgBattle {
   position: absolute;
   left: 132px;
   top: 908px;
   width: 1100px;
   height: auto;
   z-index: 4;}
   
div#txtGettysburgBattle h2 {color: #f00; }
div#txtGettysburgBattle span.title {
   font-weight:bold;
   color: #f00;}

#wb_imgCivilWar-logo {
   position: absolute;
   left: 21px;
   top: 94px;
   width: 565px;
   height: 274px;
   z-index: 0;}

#wb_img50th {
   position: absolute;
   left: 80px;
   top: 414px;
   width: 416px;
   height: 188px;
   z-index: 2;}

#wb_imgHandshake {
   position: absolute;
   left: 655px;
   top: 94px;
   width: 660px;
   height: 508px;
   z-index: 1;}

#wb_ {
   position: absolute;
   left: 227px;
   top: 668px;
   width: 910px;
   height: 114px;
   text-align: justify;
   z-index: 3;
   text-indent: 2em;
   line-height: 200%;}

.redborder {
   border-top:9px solid #f00;
   border-bottom:9px solid #f00;
   border-left:3px solid #f00;
   border-right:3px solid #f00;
   padding:15px;
   margin:10px;
   background-color:#fdfdfd;
   height:auto;
   font-family:Arial;
   font-size:15px;
   line-height:150%;}




/* ------------------------------------------------ */   
@media only screen and (max-width: 1365px) {
div#container {
   width: 360px;}

body {
   background-color: #FFFFFF;
   background-image: none;}

#wb_imgCivilWar-logo {
   left: 6px;
   top: 25px;
   width: 352px;
   height: 171px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;}

#wb_imgHandshake {
   left: 6px;
   top: 381px;
   width: 332px;
   height: 256px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;}

#wb_img50th {
   left: 13px;
   top: 218px;
   width: 317px;
   height: 143px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;}

#wb_ {
   left: 13px;
   top: 675px;
   width: 325px;
   height: 311px;
   visibility: visible;
   display: inline;}

#wb_ {
   margin: 0;
   padding: 0;}
   
#txtGettysburgBattle {
   position: absolute;
   left: 0;
   top: 1225px;
   width: 325px;
   height: auto;
   z-index: 4;}
   
   
}