@charset "utf-8";
/* CSS Document */

@import url(https://ad3f57.claudeassets.com/20250420161825cs_/https://www.americancivilwar101.com/_template/css/menu-nav.css);
@import url(https://abb378.claudeassets.com/20250420161825cs_/https://www.americancivilwar101.com/_template/css/bonus.css);
@import url(https://015c85.claudeassets.com/20250420161825cs_/https://www.americancivilwar101.com/_template/css/ContactUs.css);

* {
margin : 0;
padding : 0;
}

body {
  background-image:url(https://b737e1.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/bg.jpg); 
  background-repeat:repeat repeat;
	position:relative; 
  overflow-y:scroll;
	font: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#Wrapper {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	height:auto;
}


#Body {
	width: 100%;
	float:left;
    padding:0;
     background: white;
	overflow: hidden;
	height:auto;
}

#MainBody {
	overflow: hidden;
	background-color: #FFFFFF;
	height:auto;
	background-image: url(https://c1f047.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/bg-wrapper.gif);
	background-position: left top;
	background-repeat:repeat-y;
}

#googlesearchresults {
	margin-left:60px;
}
/********************************************** HEADER Document **********************************************/
#MainHead {
width : 1000px;
position : inherit;
height : auto;
background:url(https://bd0529.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/header-top-flag-bg.png)
}
#MainHead .headertitle {
font-family : "Myriad Pro";
font-size : 36px;
color : #fff;
width : 100%;
}
#MainHead .nav {
width : 100%;
}

#MainHead .headersection {
border-bottom : 2px solid #052944;
}
#MainHead .header_label {
font : 12px verdana;
color : white;
}
#MainHead .header_sub {
font : 10px verdana;
color : white;
}
#MainHead .header_sub_sub {
font : 9px verdana;
color : white;
}
#MainHead h3 {
font : 0.9em Helvetica, Arial, sans-serif;
font-weight : bold;
color : #bf5555;
margin : 10px 0 10px;
padding : 0 0 5px 0;
}
#MainHead h3 p {
text-indent : 0;
font-size : 0.95em;
line-height : 1.5em;
font-weight : normal;
font-family : Helvetica, Arial, sans-serif;
color : #00f;
display : inline;
}
#MainHead h3 a:link {
color : #00f;
}
#MainHead h3 a:hover {
color : #83924f;
}
#MainHead h3 a:visited {
color : #640203;
}

/********************************************** SIDEBAR Document **********************************************/
#Sidebar {
width : 190px;
float : left;
}

#Sidebar h2 {
color:#BB0000;
font-family:Georgia, 'Times New Roman', serif;
font-style:italic;
margin-top : 15px;
margin-bottom : 15px;
font-weight : normal;
font-size : 16px;
}

#Sidebar .states {
margin-top : 5px;
margin-bottom : 5px;
margin-left : 3px;
list-style-type: none;
border-right: 1px solid #efefef;
}
	
#Sidebar .states ul {
padding: 0;
list-style-type: none;
}
#Sidebar .states li {
  border-bottom-color:#efefef;
  border-bottom-style:solid;
  border-bottom-width:1px;
  list-style-type: none;
  margin-left:0px;
}
#Sidebar .states li a {
line-height : 1.5em;
padding-left : 12px;
text-decoration : none;
color : #0F1920;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
display : block;
}
#Sidebar li a:hover {
background : #E1E1E1;
color : #000;
}
#Sidebar .ab{
padding-left:12px;
line-height : 1em;
text-decoration : none;
color : #83924f;
}
#Sidebar .ab a {
line-height : 1.5em;
text-decoration : none;
color : #0F1920;
font-family:"Lucida Console", Monaco, monospace;
font-size : 13px;
}
#Sidebar .ab a:hover {
background : #E1E1E1;
color : #000;
}

#Sidebar .mod {
  background-image:url(https://2c6272.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/bdr-mod.gif);
  background-position:0 0;
  background-repeat:repeat no-repeat;
  padding:6px 0 0;
  zoom:1;
}
/********************************************** FOOTER Document **********************************************/
#MainFoot {
width : 1000px;
background-image : url(https://67fdcf.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/footer-bg-blue.gif);
height : 29px;
text-align : center;
line-height : 20px;
vertical-align : middle;
color : #ffffff;
font-family : verdana;
font-size : 10px;
}
#MainFoot a.ftr:link {
color : #ffffff;
font-family : verdana;
font-size : 10px;
text-decoration : underline;
}
#MainFoot a.ftr:visited {
color : #ffffff;
font-family : verdana;
font-size : 10px;
text-decoration : underline;
}
#MainFoot a.ftr:hover {
color : #ffffff;
font-family : verdana;
font-size : 10px;
text-decoration : underline;
}
/********************************************** CONTENT Document **********************************************/
#Content {
overflow : hidden;
height : 100%;
float : right;
width : 790px;
padding : 0 10px 0 0;
border-left : #666;
}
#Content h1 {
margin-top : 15px;
font-size:36px;
  font-weight:bold;
  padding-bottom:10px;
  text-shadow:#C4C4C4 2px 2px 2px;
  font-family:Arial, sans-serif;
  letter-spacing:-1px;
  line-height:1em;
word-spacing : 5px;
text-align : center;
}
#Content h2 {
  border-bottom-color:#BC0016;
  border-bottom-style:solid;
  border-bottom-width:2px;
  border-top-color:#BC0016;
  border-top-style:solid;
  border-top-width:2px;
  font-size:20px;
  font-family:Georgia, 'Times New Roman', serif;
  line-height:22px;
  margin-bottom:0.9em;
  margin-top:0.9em;
}
#Content h10 {
color:#BB0000;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:18px;
  font-style:italic;
}
#Content h3 {
font : 0.9em Helvetica, Arial, sans-serif;
font-weight : bold;
color : #bf5555;
margin : 10px 0 10px;
padding : 0 0 5px 0;
}
#Content h4 {
font : 0.9em Helvetica, Arial, sans-serif;
font-weight : 400;
font-weight : bold;
color : #BB0000;
text-align:center;
  padding-bottom:15px;
}
.back {
text-align : center;
page-break-after : always;
margin : 25px;
font-family : Helvetica, Arial, sans-serif;
vertical-align : text-top;
}
.back a:link {
text-align : center;
font-weight : bold;
font-size : 13px;
color : #004276;
}
.a-1, .a-10 {
  background-image:url(https://nation.foxnews.com/sites/nation.foxnews.com/themes/nation_foxnews_com/img/icon/icon-star-2.gif);
  background-position:0 1px;
  background-repeat:no-repeat no-repeat;
  float:right;
  font-family:Arial, sans-serif;
  font-size:10px;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:1.2;
  padding:0 0 0 12px;
  text-transform:uppercase;
}
/****************************************************************************************
* 	Paragraph Section Start
****************************************************************************************/ 
#Content p1 {
text-indent : 2em;
font-size : 0.95em;
line-height : 1.5em;
font-family : Helvetica, Arial, sans-serif;
color : #22222;
margin-top : 0;
margin-bottom : 10px;
}
#Content p {
text-indent : 2em;
font-size : 11pt;
line-height : 1.5em;
font-weight : normal;
font-family : Verdana, Arial, sans-serif;
line-height:23px;
margin-top : 0;
margin-bottom : 10px;
}
#Content p strong {
font-weight : bold;
color : #000;
}
#Content p a:link {
font-family : Helvetica, Arial, sans-serif;
color : #004276;
text-decoration : none;
font-weight : bold;
}
#Content p a:hover {
font-family : Helvetica, Arial, sans-serif;
color : #640203;
text-decoration : underline;
}
#Content p a:visited {
font-family : Helvetica, Arial, sans-serif;
color : #004276;
text-decoration : none;
font-weight : bold;
}

#Content blockquote {
font : 14px/22px normal helvetica, sans-serif;
font-style : italic;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 50px;
padding-left : 15px;
border-left : 3px solid #ccc;
}

/****************************************************************************************
* 	Images Start
****************************************************************************************/ 
.imgright {
float : right;
margin : 5px 10px 2px 15px;
border:3px solid #757474;
}
.imgright a{
text-align : center;
font-family : Arial, sans-serif;
font-size : 12px;
color : #640203;
font-weight : bold;
}
.secimglt {
float : left;
margin : 10px 15px 15px 0;
padding : 5px;
background : #ddd;
color: #660000;
font: 13px Arial, Helvetica, sans-serif;
text-align : center;
font-weight : bolder;
line-height : 1.5em;
}
.secimglt em{
font : italic 11px verdana;
color : #252543;
}
.secimgrt {
float : right;
margin : 10px 0px 15px 15px;
padding : 5px;
background : #ddd;
color: #660000;
font: 13px Arial, Helvetica, sans-serif;
text-align : center;
font-weight : bolder;
line-height : 1.5em;
}
.secimgrt em{
font : italic 11px verdana;
color : #252543;
}


/****************************************************************************************
* 	List Start
****************************************************************************************/ 


#Content ul {
list-style : url(https://www.genealogy101.org/_template/images/arrow03.jpg);
	list-style-position: inside;
font-family : Arial, Helvetica, sans-serif;
color:#565656;
  font-size:.80em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:22px;
	padding: 0 0 1em 1.5em;
margin: 0;
}
#Content ol {
	list-style-type: decimal;
font-family : Arial, Helvetica, sans-serif;
color:#565656;
  font-size:.80em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:22px;
	padding: 0 0 1em 1.5em;
margin: 0;
}

#Content ul li strong {
color : #008000;
font-weight : bold;
font-style : normal;
font-size:13px;
}

#Content ul a:link {
color : #004276;
font-weight : bold;
font-style : normal;
font-size:13px;
text-decoration:underline;
}
#Content ul a:visited, a:hover {
color : #83924f;
}

#Content ul li ul {
color : #444444;
list-style : url(https://www.n2genealogy.com/_images/template/bullet-sm-gray.gif);
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin : 3px 10px 10px 0;
line-height : 1.5em;
margin-left : -1px;
}
#Content ul li ul a:link {
color : #445708;
font-size : 11px;
font-weight : normal;
letter-spacing : 0.08em;
text-decoration : none;
border-bottom : 1px solid #445708;
}
#Content ul li ul a:hover {
color : #789200;
font-weight : normal;
text-decoration : none;
border-bottom : 1px dashed #570035;
}
#Content ul li ul a:visited {
color : #445708;
}
#Content ul li ul li {
margin-left : 1px;
}

#Content ul li ul li strong {
color : #000;
font-size : 12px;
font-weight : bold;
}


/****************************************************************************************
* 	Div Start
****************************************************************************************/ 

#Content .center-horz {
margin-left : 30px;
margin-bottom : 20px;
text-align : center;
}



#Content .sub1-menu {

text-align : center;
font-size : .95em;
line-height : 1.5em;
font-family : Helvetica, Arial, sans-serif;
color : #222;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom: 20px;
margin-top: 20px;
border : 1px solid #c1c1c1;
background-color : #f7f7f7;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-webkit-background-origin: padding-box;
}

#Content .sub1-menu strong {

font-weight : bold;
color : #000;
}

#Content .sub1-menu a:link {

font-family : Helvetica, Arial, sans-serif;
color : #004276;
text-decoration : none;
font-weight : bold;
}

#Content .sub1-menu a:hover {

font-family : Helvetica, Arial, sans-serif;
color : #640203;
text-decoration : underline;
}
#Content .google {
margin: 10px;
}

.addBookmarkContainer {
width : 300px;
text-align : left;
margin-top : 3px;
margin-bottom : 3px;
}

#Content .unit {
	float: left;
	text-indent: .5em;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight:400;
	background: url(https://9a6c53.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_images/arrows.gif) no-repeat left;
	line-height: 1.25em; 
}
#Content .unit a {
	font-family: Helvetica, Arial, sans-serif;
	color: #004276; 
	font-weight:bold;
}
#Content .battle {
	float: left;
	text-indent: 2em;
	margin: 1px 0 1px 0px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight:400;
	background: url(https://f16e2b.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_images/spacer.gif) no-repeat left;
	line-height: 1.15em; 
}
#Content .battle a {
	font-family: Helvetica, Arial, sans-serif;
	color: #004276; 
	font-weight:bold;
}

#Content .battle-1861-us {
	float: left;
	text-indent: 2em;
	margin: 1px 0 1px 0px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(https://a87219.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_images/us-flag-sm.gif) no-repeat left;
	line-height: 1.15em; 
}
#Content .battle-1861-us a {
	font-family: Helvetica, Arial, sans-serif;
	color: #004276; 
	font-weight:bold;
}
#Content .battle-1861-cs {
	float: left;
	text-indent: 2em;
	margin: 1px 0 1px 0px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(https://ef8798.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_images/cs-flag-sm.gif) no-repeat left;
	line-height: 1.15em; 
}
#Content .battle-1861-cs a {
	font-family: Helvetica, Arial, sans-serif;
	color: #004276; 
	font-weight:bold;
}

#Content .battle-1861-tie {
	float: left;
	text-indent: 2em;
	margin: 1px 0 1px 0px;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(https://d1f882.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_images/tie-flag-sm.gif) no-repeat left;
	line-height: 1.15em; 
}
#Content .battle-1861-tie a {
	font-family: Helvetica, Arial, sans-serif;
	color: #004276; 
	font-weight:bold;
}

blockquote { 
	margin-left: 10px; ; } 



#Content .tablefact a {
font-size : 12px;
font-weight : bold;
font-style : normal;
color:#0033FF;
text-decoration:underline;
font-family :  Verdana,Arial,Helvetica,sans-serif;
}

.google-300x300 {
float : right;
width : 310px;
margin-left : 25px;
}
.google-300x300 em{
font : 12px verdana italic;
line-height: 1.5em;
}

#Content .battletext {
font-color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
#Content .battletext strong{
color : #640203;
}
#Content .battletext a{
font-size : 12px;
font-weight : bold;
font-style : normal;
}


#Content .battleheader {
font : 11px verdana;
color : #fff;
padding:5px;
text-align: center; 
background-color: #2c4455;
line-height: 15px;
font-weight:bold;
}
#Content .battleheader a:link {
color : #fff;
text-decoration : underline;
}

#Content .small_text {
	font: 10px verdana; 
	color: #252543;
	text-align:center;
	font-style:italic;
	margin: 0pt; 
	padding-bottom: 2px;
}

#Content .small_text_red {
font : 9px verdana;
color : #640203;
text-align:center;
line-height: 20px;
}
#Content .small_text_black {
font : bold 11px verdana;
color : #000000;
text-align:center;
line-height: 20px;
}
#Content .leaderheader td {
font : 11px verdana;
color : #fff;
padding:5px;
text-align: center; 
background-color: #2c4455;
line-height: 15px;
font-weight:bold;
}
#Content .leader_text td {
font : bold 11px verdana;
color : #640203;
text-align:center;
line-height: 15px;
padding-bottom:5px;
padding-top:5px;
}
#Content .leader-table300 {
float : right;
width : 200px;
margin-left : 25px;
}
#Content .conclusion {
font : bold 13px verdana;
color : #640203;
text-align:center;
line-height: 20px;
}
#Content .navlink {
color : #640203;
font-family : "Arial Narrow";
font-size : 16px;
font-weight : bold;
}
#Content .textlink {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#Content A.textlink:visited {
	COLOR: #660000
}
#Content A.textlink:hover {
	COLOR: #252543
}

/****************************************************************************************
* RESPONSIVE IMPLEMENTATION
****************************************************************************************/

/****************************************************************************************
* Global Section
****************************************************************************************/

#Wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#Wrapper:after {
  content: " ";
  display: block;
  clear: both;
}

#Body {
  width: 100%;
}

.bottom-frame{
  width: 100%;
}

/****************************************************************************************
* Header Section
****************************************************************************************/

div#MainHead {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
div#MainHead:after {
  content: " ";
  display: block;
  clear: both;
}
div#MainHead div.title {
  height: 80px;
  background-size: contain;
  border-bottom: solid 2px #052944;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 965px) {
  div#MainHead div.title {
    height: 158px;
  }
}
@media (max-width: 565px) {
  div#MainHead div.title {
    height: 125px;
  }
}
div#MainHead div.title .responsive-buttons {
  text-align: center;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: -5px;
}
@media (max-width: 700px) {
  div#MainHead div.title .responsive-buttons {
    position: absolute;
    top: 25px;
  }
}
@media (max-width: 565px) {
  div#MainHead div.title .responsive-buttons {
    position: static;
  }
}
div#MainHead div.title .responsive-buttons a {
  display: inline-block;
  text-align: center;
  padding: 0 5px;
  width: 72px;
}
div#MainHead div.title .responsive-buttons a p {
  text-indent: 0;
  line-height: 0;
  color: white;
  margin-bottom: 0;
  font-weight: bold;
}
@media (min-width: 701px) {
  div#MainHead div.title .responsive-buttons a.nav-button {
    display: none;
  }
}
@media (max-width: 700px) {
  div#MainHead div.title .responsive-buttons a.nav-button {
    float: right;
    margin-right: 10px;
  }
}
@media (max-width: 565px) {
  div#MainHead div.title .responsive-buttons a.nav-button {
    float: none;
  }
}
@media (min-width: 461px) {
  div#MainHead div.title .responsive-buttons a.menu-button {
    display: none;
  }
}
@media (min-width: 566px) {
  div#MainHead div.title .responsive-buttons a.search-button {
    display: none;
  }
}
div#MainHead div.title .responsive-buttons a.search-button p {
  margin-bottom: -4px;
}
div#MainHead div.title .responsive-buttons a img {
  clear: both;
  display: inline-block;
  text-align: center;
  float: none;
  padding-bottom: 7px;
}
div#MainHead div.title div.logo {
  width: 49.66667%;
  float: left;
  padding-left: 0.10163%;
  padding-right: 0.10163%;
}
@media (max-width: 965px) {
  div#MainHead div.title div.logo {
    width: 47.0339%;
    float: left;
    margin-right: 1.69492%;
  }
}
@media (max-width: 360px) {
  div#MainHead div.title div.logo {
    width: 100%;
    float: left;
    padding-left: 0.10163%;
    padding-right: 0.10163%;
  }
  div#MainHead div.title div.logo img {
    width: 100%;
  }
}

@media (max-width: 470px) {
  div#MainHead div.title div.logo {
    width: 100%;
    float: left;
    padding-left: 0.10163%;
    padding-right: 0.10163%;
  }
  div#MainHead div.title div.logo img {
      width: 100%;
  }
}

@media (max-width: 565px) {
  div#MainHead div.title div.search {
    display: none;
  }
}
div#MainHead div.title div.search iframe {
  width: 49.91667%;
  float: left;
  height: 80px;
}
@media (max-width: 965px) {
  div#MainHead div.title div.search iframe {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: left;
    margin-left: 10px;
  }
}
div#MainHead div#navcontainer {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 461px) {
  div#MainHead div#navcontainer {
    display: inline-block !important;
  }
}
@media (max-width: 460px) {
  div#MainHead div#navcontainer {
    display: none;
  }
}
div#MainHead div#navcontainer #navigation {
  width: 100%;
  border-bottom: 2px solid black;
  padding: 0;
}
@media (max-width: 833px) {
  div#MainHead div#navcontainer #navigation {
	  height:70px;
  }
}
@media (max-width: 460px) {
  div#MainHead div#navcontainer #navigation {
    height: 322px;
    width: 100%;
    border-bottom: none;
  }
  div#MainHead div#navcontainer #navigation li {
    float: none;
    text-align: center;
    border-top: 1px solid #0f2e43;
  }
  div#MainHead div#navcontainer #navigation li.first {
    border-top: none;
  }
}
div#MainHead div.search-mobile {
  display: none;
  height: 225px;
  text-align: center;
  color: white;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 22px;
/*  background-image: url(https://bd0529.claudeassets.com/20250420161825im_/https://www.americancivilwar101.com/_template/images/header-top-flag-bg.png);*/
  background-size: contain;
  transition: all 1s ease;
}
div#MainHead div.search-mobile p {
  text-indent: 0;
    padding: 10px !important;
}
div#MainHead div.search-mobile p.first {
  text-indent: 0;
    padding: 0 0 10px 0 !important;
}
div#MainHead div.search-mobile p.first strong {
  font-size: 14px;
}
div#MainHead div.search-mobile strong {
  color: white;
}

/****************************************************************************************
* MainBody - Content & Sidebar
****************************************************************************************/

div#MainBody {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 700px) {
  div#MainBody {
    background: none;
  }
}
div#MainBody div.social {
  padding-bottom: 7px;
  text-align: center;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
div#MainBody div.social span[st_processed='yes'] {
  display: inline-block;
  margin-top: 7px;
}
@media (min-width: 701px) {
  div#MainBody #Sidebar {
    display: inline-block !important;
  }
}
@media (max-width: 700px) {
  div#MainBody #Sidebar {
    display: none;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    transition: all 1s ease;
  }
  div#MainBody #Sidebar div.states table {
    width: 100% !important;
  }
  div#MainBody #Sidebar div.states table .border {
    width: 100%;
  }
  div#MainBody #Sidebar .sidebar-sitemap table {
    width: 100% !important;
  }
  div#MainBody #Sidebar .sidebar-sitemap table .border {
    width: 100%;
  }
}
@media (min-width: 701px) {
  div#MainBody #Sidebar {
    width: 23.63555%;
    float: left;
    margin-right: 1.25673%;
  }
}
@media (min-width: 880px) {
  div#MainBody #Sidebar {
    width: 21.52603%;
    float: left;
    margin-right: 1.25673%;
  }
}
div#MainBody #Content {
  padding: 0;
  width: 70.46679%;
  float: left;
  margin-right: 1.25673%;
}
@media (max-width: 860px) {
  div#MainBody #Content {
    width: 67.6699%;
    float: left;
    margin-left: 4.85437%;
  }
}
@media (max-width: 700px) {
  div#MainBody #Content {
    width: 93.75%;
    float: left;
    margin-left: 3.125%;
    margin-right: 3.125%;
  }
}
@media (max-width: 600px) {
  div#MainBody #Content {
    width: 92.85714%;
    float: left;
    margin-left: 3.57143%;
    margin-right: 3.57143%;
  }
}
@media (max-width: 460px) {
  div#MainBody #Content {
    width: 92.59259%;
    float: left;
    margin-left: 3.7037%;
    margin-right: 3.7037%;
  }
}

@media (min-width: 871px) {
    .csa-gallery {
      height: 255px;
      text-align: center;
     padding-top: 30px;
    }
    
  .csa-gallery .csa-pic {
    width: 32.20339%;
    float: left;
  }
  .csa-gallery .csa-pic:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .csa-gallery .csa-pic:nth-child(3n + 2) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .csa-gallery .csa-pic:nth-child(3n + 3) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
}

@media (max-width: 870px) {
.csa-gallery {
	height: 100%;
	text-align: center;
	padding-top: 30px;
}

.csa-pic {
  height: 230px;
  margin-bottom: 50px;
}

.csa-pic img {
  height: 100%;
}

.csa-title {
  margin: 10px;
}
}

@media (min-width: 871px) {
  .usa-gallery {
	height: 255px;
	text-align: center;
	padding-top: 30px;
  }    
    
  .usa-gallery .usa-pic {
    width: 32.20339%;
    float: left;
  }
  .usa-gallery .usa-pic:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .usa-gallery .usa-pic:nth-child(3n + 2) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .usa-gallery .usa-pic:nth-child(3n + 3) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
}

@media (max-width: 870px) {
.usa-gallery {
	height: 100%;
	text-align: center;
	padding-top: 30px;
}

.usa-pic {
  height: 230px;
  margin-bottom: 50px;
}

.usa-pic img {
  height: 100%;
}

.usa-title {
  margin: 10px;
}
}

@media (min-width: 871px) {
  .social-gallery {
	height: 300px;
	text-align: center;
	padding-top: 30px;
  } 
}

@media (max-width: 870px) {
  .usa-pic {
    height: 380px;
    margin-bottom: 50px;
  }
  .usa-pic img {
    height: 60%;
  }
}



object#FlashID, #FLashID2 {
  width: 100%;
}
object#FlashID object, #FLashID2 object {
  width: 100%;
}

img.humor {
  width: 100%;
}

img[usemap] {
  width: 100%;
}

div.google {
  margin: 55px 10px !important;
}

@media (max-width: 325px) {
  div.google {
      margin: 70px 10px !important;
  }
}

/****************************************************************************************
* Footer Section
****************************************************************************************/

div#MainFoot {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
/*
     FILE ARCHIVED ON 23:17:44 Jan 28, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:13:09 Jun 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.367
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.033
  esindex: 0.006
  cdx.remote: 9.33
  LoadShardBlock: 125.617 (3)
  PetaboxLoader3.datanode: 89.425 (4)
  PetaboxLoader3.resolve: 55.323 (2)
  load_resource: 91.22
*/