.art-headline{
  position:relative !important;
  top:0px !important;
}
.art-header {
  height:auto;
  padding:0px;
  background:#6B1516;
  width:100%;
  position: fixed;
  z-index:500;
}
.art-header > div{
  width:100% !important;
  /*max-width:1200px !important; */
}
.art-nav {
  background: rgba(200, 200, 200, 0.9) none repeat scroll 0 0;
  bottom: -39px;
  position:absolute;
  z-index:100;
}
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover {
  color: #FFFFFF !important;
}
.finder-premier {
  clear: right;
  display: inline-block;
  float: right;
  margin-left: auto;
  margin-right: 0%;
  position: relative !important;
  z-index:2000;
  background:Bisque;
  padding:2px;
}

.first-general-order, .first-general-order a, .first-general-order a:link, .first-general-order a:visited, .first-general-order a:hover {
  color:Beige;
}
.first-general-order {
  position: relative !important;
  display:inline-block;
  min-width:250px;
  text-align:center;
/*  clear:left; */
  word-wrap: break-word;
  margin:auto;
  z-index:2000;
}
.today_in_history a, .today_in_history a:link, .today_in_history a:visited, .today_in_history a:hover {
  color:Beige;
}
.today_in_history {
  position:relative !important;
  display:inline-block;
/*  margin-top:2px; */
  min-width:200px;
/*  top:2%; */
  float:right;
  margin-right:0%;
  clear:right;
  z-index:2001;
}
.pos28 {
  width:100% !important;
/*  max-width:1380px; */
}
.margins5 {
  margin-left:5%;
  margin-right:5%;
  margin-top:125px;
}
.moduletable_menu {
  margin: 0 auto;
}
.desktop .art-nav-inner {
  width:100% !important;
/*  max-width:1200px; */
}
.top-menu{
  width:100% !important;
/*  max-width:1200px; */
}
.top-menu-div {
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#BABABA;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#BABABA;
}
.menu_forum {
  color:#6B1516 !important;
  background:#FFE4C4 !important;
}
.menu_forum > a:active {
  color:#6B1516 !important;
  background:#FFE4C4 !important;
}
.art-menu-image{
  vertical-align: middle;
  max-height:35px !important;
}
.menu_reenacting {
  color:#6B1516 !important;
  background:#FFE4C4 !important;
}
.menu_reenacting > a:active {
  color:#6B1516 !important;
  background:#FFE4C4 !important;
}
ul.top-menu > li {
}
ul.top-menu {
  float:left;
/*  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#BABABA;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#BABABA;*/
}
.art-sheet{
  width:100% !important;
/*  max-width:1380px !important; */
}

.bannergroup {
/*
  margin-right: 5%;
  width:95%;
*/
/*  max-height:auto; */
}
.banneritem{
  width:100%;
}

  @media all and (min-width: 50px)   { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 100px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 200px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 300px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 400px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 500px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 600px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 700px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 800px)  { .banneritem a > img   { width: 100% !important; max-width: 100% !important;  } }
  @media all and (min-width: 900px)  { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1000px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1100px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1200px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1300px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1400px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1500px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1500px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1600px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }
  @media all and (min-width: 1700px) { .banneritem a > img   { width: 100%;max-width:200px !important;  } }

.banneritem a > img{
/*  width:100% !important; */
/*  min-width:200px; */
/*    max-width: 100% !important;
    width:100% !important;
    height: 100%;
*/
}

#army_history div > a > img {
  min-width:200px !important;
}

.art-responsive-embed > object {
  width:100% !important;
  min-width:200px;
}
.art-responsive-embed > embed {
  width:100% !important;
  min-width:200px;
}
.top_banner > .banneritem a > img {
    max-width: 100% !important;
    width:100% !important;
    height: 100%;

}

.responsive .civilwar-header * {
  text-align: left;
  clear: both !important;
}

.responsive .civilwar-header #civilwar-flash-area, .responsive .civilwar-header .civilwar-shapes > * {
  display:block !important;
/*  margin-top:margin-top: calc(10% * (attr(width));*/
}
.civilwar-object1218559556 {
    background-image: url("../images/object1218559556.png") !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 68px;
    left: 0.46%;
    margin-left: 0;
    position: absolute;
    top: 4px;
    width: 216px;
    z-index: 0;
}

.civilwar-header > div.civilwar-nostyle, .civilwar-header > div.civilwar-block, .civilwar-header > div.civilwar-post {
  width:100%;
  position:relative;
}
.finder {
  width:100%;
}

form.civilwar-search {
  width:auto !important;
  float:right !important;
  white-space: nowrap;
}

#mod-finder-searchform input.inputbox {
  width:200px;
}
form.civilwar-search input[type="submit"], input.civilwar-search-button, a.civilwar-search-button {
    background: url("../images/searchicon.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #0E1D25 !important;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 100%;
    margin-right: 33px;
    margin-top: 7px;
    padding: 0;
    position: relative;
    width: 26px;
}

.civilwar-footer{
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 999;
   background-color: #000;
   color: #fff;
   height:25px;;
}

.civilwar-footer .layout-item-0{
	padding:0px;
}
.bottom_google{
  padding-bottom:20px;;
}

.civilwar-sheet{
 margin:  -6px auto 0;
}
#limit_chzn {
  width:auto !important;
}
.article-img{
  max-width:100%;
  display:block;
}
.art-postcontent ul > li::before, .art-post ul > li::before, .art-textblock ul > li::before{
  content:url(../../../images/small_star.png);
/*  margin-left:0px; */
}

.banner_nomargin a > img{
  margin:0 !important;
}

.footer-menu {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.footer-menu li { 
  display: inline;
  padding-left:20px !important;
}

#search_form .inputbox, #search_box {
    background: rgba(0, 0, 0, 0) url("../images/search_box.jpg") no-repeat scroll 0 0;
    border: 0 none;
    bottom: 3px;
    height: 20px;
    left: 5px;
    padding: 5px 0 0 5px;
    position: relative;
    width: 79%;
}

#ok_button {
    background: rgba(0, 0, 0, 0) url("../images/ok_button.jpg") no-repeat scroll 0 0;
    border: 0 none;
    bottom: 3px;
    height: 24px;
    left: 0px;
    position: relative;
    width: 28px;
}

.art-content-layout .art-content {
	max-width:100%;
	width:100%;
}

.whos_online > p{
	font-size:10px !important;
	color:#6B1516 !important;    
}

form.art-search {
    line-height: 2;
}

#finder-filter-select-list > div:nth-of-type(1) {
  visibility:hidden; 
  display: none;
}

.bbcode_url {
  color:#b84340 !important;
  text-decoration: underline !important;
}

#member-registration {
  width:80%;
}

.djslider-in li::before{
  content: url('') !important;
}

/*
.CivilWar_top {
  padding-bottom:13%;
}
*/
.responsive .art-responsive-embed {
  padding-bottom: 13%;
}

.search-nav {
  width:100%;
  margin:auto;
  float:left;
}

.search-active {
  color:#6B1516;
  border:1px solid #6B1516; 
  clear:none; 
  display:inline;
}
.search-gtlt {
  color:#6B1516;
  clear:none; 
  display:inline;
}

  @media all and (min-width: 50px)   {  .search-gtlt   { font-size:0.1em;  } }
  @media all and (min-width: 100px)  {  .search-gtlt   { font-size:0.2em;  } }
  @media all and (min-width: 200px)  {  .search-gtlt   { font-size:0.4em;  } }
  @media all and (min-width: 300px)  {  .search-gtlt   { font-size:1.0em;  } }
  @media all and (min-width: 400px)  {  .search-gtlt   { font-size:1.0em;  } }
  @media all and (min-width: 500px)  {  .search-gtlt   { font-size:1.0em;  } }
  @media all and (min-width: 600px)  {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 700px)  {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 800px)  {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 900px)  {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1000px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1100px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1200px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1300px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1400px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1500px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1500px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1600px) {  .search-gtlt   { font-size:1.2em;  } }
  @media all and (min-width: 1700px) {  .search-gtlt   { font-size:1.2em;  } }

  @media all and (min-width: 50px)   {  .search-active   { font-size:0.1em;  } }
  @media all and (min-width: 100px)  {  .search-active   { font-size:0.2em;  } }
  @media all and (min-width: 200px)  {  .search-active   { font-size:0.4em;  } }
  @media all and (min-width: 300px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 400px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 500px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 600px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 700px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 800px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 900px)  {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1000px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1100px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1200px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1300px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1400px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1500px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1500px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1600px) {  .search-active   { font-size:1.0em;  } }
  @media all and (min-width: 1700px) {  .search-active   { font-size:1.0em;  } }

/*.search-nav a, .search-nav a:link, .search-nav a:visited {*/
  @media all and (min-width: 50px)   {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:0.1em;  } }
  @media all and (min-width: 100px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:0.2em;  } }
  @media all and (min-width: 200px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:0.5em;  } }
  @media all and (min-width: 300px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:0.8em;  } }
  @media all and (min-width: 400px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 500px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 600px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 700px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 800px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 900px)  {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1000px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1100px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1200px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1300px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1400px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1500px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1500px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1600px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
  @media all and (min-width: 1700px) {  .search-nav a, .search-nav a:link, .search-nav a:visited   { font-size:1.0em;  } }
/*  font-size:2.75vw; */
.search-nav a, .search-nav a:link, .search-nav a:visited {
  color:#4576a0;
}

#container{
 /* float:left;*/
}
.mapWrapper{

  background-image: url("/templates/maps/images/Battle_Map_Background.jpg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:left;
}

#svggroup{
  max-width:100%;
}

#battle_links {
  line-height: 200%;
}

#battle_links h2{
  font-size:1.5em;
  color: #878787;
  font-weight:bold;
}

#battle_links a {
  color: #6B1516;
  text-decoration: none;
  padding-left: 5px;
}

#battle_links a:hover {
  font-size:1.5em;
}

#battle_links ul > li::before {
  content:url("../../../images/small_star.png");
}

.a1861 {
  display:visible;
}
.a1862 {
  display:none;
}
.a1863 {
  display:none;
}
.a1864 {
  display:none;
}
.a1865 {
  display:none;
}

.battle_display_outer {
  background: #6B1516;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 100%;
  display: inline-block;
  min-height: 400px;
}
.battle_sidebar_outer{
  background: url("/images/battles/battle_sidebar_gradient_bottom.png") no-repeat 0% 100%, rgba(0, 0, 0, 0) url("/images/battles/battle_sidebar_gradient.png") repeat-y scroll 0 0;
  text-align: center;
  max-width: 300px;
  float: left;
  min-width:23%;
  min-height: 400px;
  margin-left: auto;
  margin-right: auto;
  height:100%;
/*  margin-right: 10px; */
}
.battle_sidebar_inner {
  background: rgba(0, 0, 0, 0) url("/images/battles/battle_sidebar_top.png") no-repeat scroll 0% 0%;
  color:#FFFFFF;
  min-height: 400px;
  max-width: 320px;
  width:auto;
  text-align: top;
}
.battle_sidebar_name {
  font-size: 1.5em;
}
.battle_display_inner {
  background: #FFE4C4;
  padding: 1%;
  white-space: nowrap;
  width:auto;
  clear:right;
}
.battle_name {
  font-size: 2em;
  color: #6B1516;
  padding-bottom: 10px;
  margin: auto;
  white-space: normal;
  text-align:center;
}
.battle_description {
/*  display:relative; */
  margin-top: 10px;
  font-size: 1em;
  padding: 10px;
  white-space: normal;
}
.battle_result {
  font-size: 1.5em;
  padding: 10px;
  clear: both;
}
.battle_dates {
  font-size: 1.5em;
  padding: 10px;
  margin: 10px;
  clear: both;
}
.battle_campaign {
  font-size: 1.5em;
  padding: 10px;
  margin: 10px;
}
.battle_commanders {
  font-size: 1em;
  padding: 10px;
  text-align: left;
  display: block;
  margin-left: auto;
  margin-rigth: auto;
}
.battle_casualties {
  font-size: 1.5em;
  padding: 10px;
  margin: 10px;
}
.battle_links {
}
.battle_image_container {
  background: #FFE4C4;
  padding: 10px;
  white-space: nowrap;
  vertical-align:top
  width:auto;
}
.battle_images{
  background: url("/images/battles/battle_images_background_top.png") repeat-x 0% 0%, 
              url("/images/battles/battle_images_background_bottom.png") repeat-x 0% 100%, 
              url("/images/battles/battle_images_background_left.png") repeat-y 0% 0%, 
              url("/images/battles/battle_images_background_right.png") repeat-y 100% 0%, 
              rgba(0, 0, 0, 0) url("/images/battles/battle_images_background_middle.png") repeat 0% 0% scroll; 
/*  text-align: center; */
/*  float: left;
  width:auto; */
  padding-top: 0px;
/*  display:inline-block; */
  white-space: normal;
/*  max-width: 900px; */
/*  margin-left:auto;
  margin-right:auto;*/
}
.battle_image_box {
/* float: left;*/
  position:inline-box;
/*  width:275px; */
  width:100%;
  height:200px;
/*  clear:right; */
  border-style:solid;
  border-color:#FFFFFF;
  border-width:1px;
/*  max-width: 100px;
  float: left;
  min-width:25%;
  min-height: 50px; */
}
.battle_image_title {
/*  clear:right; */
/*  width:auto; */
  color:#FFFFFF;
  max-width:100%;
  overflow:hidden;
  text-align:none;
  padding: 10px;
}
.battle_image_title img{
  float: right; 
  margin: 0px 0px 15px 15px;
}
.battle_image {
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  float:right;
  margin:10px;
/*  clear:right; */
}

/* Kunena Styling */
#kunena.layout h2 {
  float:unset;
} 
#kunena.layout .form-search {
  float:unset;
}
#kunena.layout h2 button {
  height:30px;
}
.pull-right {
/*     float: left; */
}
.dropdown-menu {
 position: relative;
}
.visible-desktop ul > li::before {
  content:none;
}
#kunena ul > li::before {
 content:none;
}
/* END Kunena Styling */

.today-in-history {
  width:auto !important;
  height:auto !important;
    font-style: normal !important;
    font-weight: normal !important;
    vertical-align: middle !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}