/*   
Theme Name: 100thinfantrybattalion
Theme URI: 
Description: A theme specifically designed for the 100th Infantry Battalion.
Author: Patrick Nakamura, Paul Aumer-Ryan, Nathan Hutchinson, Justin Hedani
Author URI: onehundredinfantrybattalion.com
Template: thematic
Version: 2.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
  background: none repeat scroll 0 0 #DCD8C3;
  color: #333;
}

#blog-title {
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-size: 30px;
    letter-spacing: 1px;
    line-height: 24px;
	color: #FFF;
	font-weight: normal;
	padding: 20px 0px 0px 0px
 }
#blog-title a:active,
#blog-title a:hover {
    color: #FFF;
}
#blog-title a {
    color:#FFF;
    text-decoration:none;
}
#blog-description {
	color: #FFF;
	padding: 5px 0 0 95px;
	position: absolute;
	font-size: 20px;
    letter-spacing: 1px;
    line-height: 18px;
	font-style: normal;
}

.sliver-logo {
    float: left;
    height: 84px;
	width: 80px;
    margin: 0 0 0 13px;
    padding: 0;
	background: url(images/100thcrest.png) no-repeat;
}
#branding {
	padding: 0px;
	height: 84px;
}
a.button {text-decoration: none; }
.blue { color: #8A7443; } /* 5d820c */
/* ~~ LINKS ~~ */
a:link {
	color: #8A7443;
	text-decoration: underline;
}
a:visited {
	color: #8A7443;
	text-decoration: underline;
}
a:hover, a:active, {
	background: #989F5B;
	color: #FFF;
	text-decoration: none;
}
img a:hover,img a:active,img a:focus {
	background: none !important;
}
.page-link a:active, .page-link a:hover {
  color: #FFF;
	background: #989F5B;
}

.envelopesingle img{
  border: 0 none !important;
}
.entry-content ul, .entry-content ol {
    font-family: 'Istok Web',Arial,sans-serif;
    font-size: 0.9em;
    line-height: 1.6em;
    margin-top: -0.5em;
    padding-bottom: 0.7em;
}

#main {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 0px 0px 0px;
  position: relative;
  width: 990px;
}

#headerslide {
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 990px;
}
#vslider_optionscontainer .cs-buttons {
	z-index:1001;
	display:block;
}

#access {
  height: 40px;
  background-color: #AD9D54;
  border-top: #C24E2A 2px solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 0 auto;
  width: 990px;
  overflow: visible;
  z-index: 100;
}
#header {
  background: url("images/green-gradient.jpg") repeat-x scroll 0 0 #DCD8C3;
  height: 84px;
  margin: 0 auto;
  width: 990px;
  clear: both;
}
.menu {
 font-family: 'Play', Arial, sans-serif;
 font-weight:normal; 
 margin: 0 0 0 15px;
  width: 990px;
}

/*** COLOR SKIN ***/

/* main ul element */
.sf-menu {
	float:left;
	border: 0px;
	line-height: 21px;
	border:none;
}

.sf-menu li {
	background-color: transparent;
}


/* general link styles*/
.sf-menu a {
	display: block;
	border: 0px;
	padding:9px 13px;
	text-decoration:none;

}
.sf-menu a, .sf-menu a:visited {
  color: white;
}
/*** 1st Level ***/

/* 1st level links, no hover, no visits */
.sf-menu li a {
	color: white;
	background-color: transparent;
	font-size: 16px;
	height: 22px;
	
}
/* 1st level links, while hovering over sub menu */
.sf-menu li.sfHover a{
	color: white;
	background-color: #848A4E;
	cursor: default;
}

/* 1st level links, hover */
.sf-menu li a:hover {
	color: white;
	background-color: #848A4E;
}

/* 1st level current page */
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	color: #8A7443;
	border-bottom-color: white;
	background-color: white;
}

/* 1st level down triangles with pure css*/
.sf-menu li .sf-sub-indicator {
	text-indent:-9999px;
	line-height: 0;
	border-color:YELLOW transparent transparent;
	border-style:solid;
	border-width:4px; /*controls size of triangle */
	display:inline-block;
	margin-left:5px;
}

/*** 2nd level ***/

/* sub menu */

.sf-menu ul {
	border-color: none;
	width: 25.25em;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:40px; /* overriding essential styles- adjust if you have gaps between first level and drop-down sub menu*/
}
.sf-menu ul ul {
    margin-top:0; /*unlikely to need adjusting */
}

/* 2nd level links, no hover */
.sf-menu li li a, .sf-menu li.sfHover li a {
	color: white;
	background-color: #848A4E;
}

/* 2nd level links, while hovering over sub menu */
.sf-menu li li.sfHover a{
	color: white;
	background-color: #989f5b;
	cursor: pointer;
}

/* 2nd level links, hover */
.sf-menu li li a:hover, .sf-menu li.sfHover li a:hover {
	color: white;
	background-color: #989f5b;
	cursor: pointer;
}

/* 2nd level current page */
.sf-menu li li.current_page_item a,
.sf-menu li li.current_page_ancestor a,
.sf-menu li li.current_page_parent a {
	color: white;
	background-color: #989f5b;
}

/* 2nd level side triangles with pure CSS */
.sf-menu li li .sf-sub-indicator { /*right arrow*/
	border-color: transparent transparent transparent WHITE;
}

/*** 3rd Level and beyond ***/

/* 3rd level links, no hover */
.sf-menu li li li a, .sf-menu li.sfHover li li a {
	color: white;
	background-color: #848A4E;
}

/* 3rd level links, hover */
.sf-menu li li li a:hover, .sf-menu li.sfHover li li a:hover {
	color: white;
	background-color: #989f5b;
}

/* 2nd level current page */
.sf-menu li li li.current_page_item a,
.sf-menu li li li.current_page_ancestor a,
.sf-menu li li li.current_page_parent a {
	background-color: #989f5b;
}

li.subpages-navi-current-level.subpages-navi-level-2.expandable a, li.subpages-navi-current-level.subpages-navi-level-0.expandable a, li.subpages-navi-current-level.subpages-navi-level-1.expandable a {
	background-color: #989f5b;
	color: #FFF;	
}

/* ~~ HEADERS ~~ */
.statewide-header {
	width: 100%;
	height: 36px;
	background-color: #8A7443;
}
.statewide-banner {
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
    width: 990px;
}
.statewide-banner-left {
	float: left;
	position: relative;
	top: 6px;
	font-family: Arial,Helvetica,sans-serif;
}
.statewide-banner-right {
	float: right;
	position: relative;
	top: 6px;
}
.statewide-banner a, .footer a {
	color: #ededed;
	text-decoration: underline;
}
.statewide-banner a:hover, .footer a:hover {
	background: #b3d03a;
	color: #000000;
	text-decoration: none;
}
#adalinks {
padding: 0px 0px 0px 4px;
}

#access-search{
	border: none;
	position:absolute;
	left:42%;
	margin:7px 0px 0px 237px;
}
#access-search input, #access-search .textbox {
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 320px;
  border: 1px solid #ccc;
  color: #848A4E;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
	height:24px;
}
#access-search #searchButton {
	background: url(/wp-content/themes/100thBat_v2/images/search-button.jpg) no-repeat left top;
	width: 24px;
	height: 24px;
	position: relative;
	left: 298px;
	top: -24px;
	cursor: pointer;
}

.windows .sf-menu a {
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Book Antiqua",serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #1F507C;
}
h2 {
  font-size: 1.6em;
}

.entry-title {
  color: #1F507C;
  font-family: "Book Antiqua", serif;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 26px;
  padding: 0 0 7px;
}
p {
    font-family: Arial,sans-serif;
    font-size: 0.9em;
    line-height: 1.6em;
    margin-top: 0;
    margin-bottom: 1em;
}

#content {
  overflow: hidden;
  width: 615px;
  margin: 0px 0px 0px 15px;
}
.aside {
  color: #333;
}
.main-aside {
  float: right;
  position: relative;
  right: 15px;
  width: 240px;
}
.windows .sf-menu a {
  padding: 8px 13px 10px;
}
#footer {
  background: none repeat scroll 0 0 #989F5B; 
  border: 15px solid #fff;	
  margin: 0 auto;
  clear: both;
  color: #EDEDED;
  position: relative;
  width: 930px;
  padding: 10px 15px;
}
#siteinfo {
  color: #EDEDED;
  padding: 0;
  font-family: 'Istok Web',Arial,sans-serif;
  font-size: 12px;
  line-height: 1.6em;
}
#siteinfo a {
  color: #EDEDED;
}
#siteinfo a:active,
#siteinfo a:hover {
	background: #b3d03a;
	color: #000000;
	text-decoration: none;
	}
.dbedtlogo {
  background: url("/wp-content/themes/100thbat-v2/images/dbedt-220.jpg") no-repeat scroll left center transparent;
  height: 40px;
  width: 220px;
}
.stateseal {
  background: url("/wp-content/themes/100thbat-v2/images/stateseal.jpg") no-repeat scroll left center transparent;
  height: 130px;
  width: 220px;
}
.main-aside ul {
  padding: 0 14px;
}
.compact {
  line-height: 1.3em !important;
  margin-top: 0;
}
.aside h3 {
font-size: 19px;
font-family: Arial, sans-serif;
font-style: normal;
text-decoration: none;
line-height: 100%;
  line-height: 100%;
  margin-bottom: 0.8em;
  margin-top: 0;
}

.aside p {
	font-size: 1em;
}

.entry-content {
  padding: 0px;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
    padding: 0;
}
.entry-content h1 {
  font-family: Arial,sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  padding: 2px 0 14px;
}
.entry-content h2 {
   font-family: Arial, sans-serif;
   font-size: 1.3em;
   font-weight: normal;
   letter-spacing: 0;
   text-transform: none;
	margin-bottom: 10px;
}

.entry-content h3 {
   font-family: Arial, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   letter-spacing: 0.05em;
   text-transform: none;
   	margin-bottom: 10px;
	  font-style: normal;
}

.entry-content h4 {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: none;
	margin-bottom: 10px;
}
.contentbox {
  padding: 10px;
  width: 273px;
}
.contentbox {
  border: 1px solid #DFDDD8;
  float: left;
}
h1.contenthl {
	font-size: 1.4em;
	color: #9FB933;
	padding: 5px 0 0 10px;
	}
	
/* Make sure menus, etc. appear above timeline */
#stl-mytimeline {
  z-index: 0;
  height: 495px;
}

.timeline-highlight-label-start td {
  padding: 0 !important;
}
/* Styling for Featured Image */

.featuredImage {
	width: 250px;
	height: 200px;
	float: right;
	background-color: #F4F4F4;
	margin: 0 8px 0 0;
}
div.featuredImage:empty, #content .aside:empty {
	display: none;
}

.sectionhead { color: #154983; font-size: 1.25em; margin-bottom: -5px;}

.envelope { float: left; width: 165px; padding-top: 10px; padding-left: 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #cccccc; }
.envelope-end { float: left; width: 165px; padding-top: 10px; padding-left: 10px; margin-right: 0px; margin-bottom: 10px; border: 1px solid #cccccc; }

.sectionhead {}
.sectiontitle { font-size: 1.1em; font-weight: 700; }
.titlecount { display: inline-block; border: #666 1px solid; padding: 3px 10px; color: #0a3065; margin-top: 3px; margin-bottom: 3px; }
.thumbspace { padding-right: 10px; margin-top: 7px; }
.clear { overflow: hidden; clear: both; }

.entry-content img {
    height: auto;
    margin: 0 15px 0 0;
    border: #fff 0px solid;
}

.ngg-singlepic {
    background-color: #fffff;
    display: block;
    padding: 0 !important;
}
.letter { width: 600px; float: left; }
.letter-link { font-size: 1.1em; padding-top: 1em; }
.letter-transcript { border: #ddd solid 1px; padding: 15px; margin-top: 10px; margin-right: 15px; }
.letter-envelope { float: left; width: 300px; }
.letter-images { float: left; width: 315px; }

.ngg-caption { font-family: Arial, sans-serif; font-size: 11px; color: #666; clear: left; }
#accordion-slider-wrap{
 background: #FFF url('slider-shadow.png') bottom center no-repeat;
 padding: 0 0 34px 0;
}
ul#accordion-slider{
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
}
ul#accordion-slider li{
 display: block;
 overflow: hidden;
 padding: 0;
 float: left;
 width: 230px;
 height: 300px;
 }

div.ui-collapsible-content {
  margin-bottom: 20px;
}
/* JKH - Styles */

#textResizer, #textResizer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}

#textResizer a:hover {
	color: #FFF;
}

#textResizer {
display: none;
/*	width: 990px;
	position: absolute;
	margin: 2px auto;
	font-size: 11px;
	top: 0;
	*/
}

.widgetcontainer {
	margin: 0 0 20px 0;
}

#primary {
	width: 320px; /* was 290px */
	background: none;
	border: 1px solid #DCD8C3;
}

#primary a {
	font-family: 'Arial', sans-serif;
	font-size: 16px; /* was 18px */
}

#primary ul li h3 a {
	color: #000;
	font-size: 1.2em;
}

ul.subpages-navi {
	margin: 0 !important;
}

.subpages-navi-current-level ul.children li a {
	color: #989F5B !important;
	background-color: #FFF;
}

.subpages-navi-current-level a {
	color: #FFF !important;
	background-color: #989F5B;
}

.subpages-navi-node a {
	color: #989F5B;
	border: 1px solid #989F5B;
	padding: .5em .5em .5em .7em !important;
	text-decoration: none;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.subpages-navi-node a:hover {
	color: #FFF;
	background: #989F5B;
	text-decoration: none;
}

.subpages-navi-node.subpages-navi-level-0.expandable .hitarea, .subpages-navi-node.subpages-navi-level-0.collapsible .hitarea  {
	height: 24px;
	width: 24px;
	background: none;
}


.subpages-navi-node.subpages-navi-level-0.expandable > a {
	background: url('images/green-expandable.png') no-repeat;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-0.expandable > a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #989F5B;
	background-image: url('images/green-expandable.png');
	background-repeat: no-repeat;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-0.collapsible > a {
	background: url('images/white-collapsible.png') no-repeat #989F5B;
	color: #FFF;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-0.collapsible > a:hover {	
	color: #FFF;
	text-decoration: none;
	background-color: #989F5B;
	background-image: url('images/white-collapsible.png');
	background-repeat: no-repeat;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-0 .hitarea {
	margin: 10px 0 0 10px !important;
}

.hitarea {
	cursor: pointer;
}

.disable-hover-expand {
	color: #989F5B !important;
	background-color: #FFF !important;
}

.disable-hover-collapse {
	color: #FFF !important;
	background-color: #989F5B !important;
}

/**/

.subpages-navi-node.subpages-navi-level-1.expandable > a, .subpages-navi-node.subpages-navi-level-2.expandable > a {
	background: url('images/green-expandable.png') no-repeat;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-1.expandable > a:hover, .subpages-navi-node.subpages-navi-level-2.expandable > a:hover {
	color: #FFF;
	text-decoration: none;
	background: url('images/green-expandable.png') no-repeat #989F5B;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-1.collapsible > a, .subpages-navi-node.subpages-navi-level-2.collapsible > a {
	background: url('images/white-collapsible.png') no-repeat #989F5B;
	color: #FFF;
	background-position: 10px;
}

.subpages-navi-node.subpages-navi-level-1.collapsible > a:hover, .subpages-navi-node.subpages-navi-level-2.collapsible > a:hover {
	color: #FFF;
	text-decoration: none;
	background: url('images/white-collapsible.png') no-repeat #989F5B;
	background-position: 10px;
}
#vslider_optionscontainer .cs-buttons {
	z-index:1001;
	display:block;
}
#cs-buttons-homebanner a{ 
    background:url(images/content-gallery-bt-bg.png) no-repeat center center;
	cursor:pointer;
    width: 45px;
    height: 45px;
    border: none;
	padding: 28px;
	margin: 0px;
	 font-family: Arial,sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #535a26;
	text-decoration: none;
	}
#cs-buttons-homebanner a:hover { 
	background:url(images/content-gallery-bt-bg-hover.png) no-repeat center center;
		color: #FFF;
 }
#cs-buttons-homebanner a.cs-active { 
	background:url(images/content-gallery-bt-bg-hover.png) no-repeat center center;
	color: #FFF;
 }	
#cs-buttons-homebanner {
  border: medium none;
  display: block;
  height: 45px;
  left: 770px;
  position: absolute;
  top: 360px;
  width: 45px;
  z-index: 999;
}
#cs-navigation-homebanner{
	display: none !important;
}

#homebanner>a>img, #homebanner>a>span { display: none; } /* PAR 20111004 hide vslider images and captions on load */

.homebanner .cs-title {
  background: none repeat scroll 0 0 #535A26;
  border: medium none;
  color: white;
  display: block;
  height: 290px;
  left: 650px !important;
  padding: 20px;
  top: 0;
  width: 300px;
  z-index: 999 !important;
}

.homebanner .cs-title h4{
	font-family: Arial,sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.homebanner .readMore {
  text-decoration: underline;
}
.homebanner .readMore:hover {
  text-decoration: none;
  cursor: pointer;
}
.vslider1 .cs-title {
  display: block;
  height: 72px;
  left: 90px !important;
  padding: 0px;
  top: 2px;
  width: 190px;
  z-index: 999 !important;
}
.vslider1 .cs-title h4{
	font-family: 'Istok Web',Arial,sans-serif;	
	font-size: .85em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	background-color:#fff
}
.vslider1 .sliderp{
	font-family: 'Istok Web',Arial,sans-serif;	
	font-size: .85em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height:normal;
}
.vslider1 .readMore {
  left: 0px !important;
  padding: 0;
  position: absolute;
  top: 53px;
  z-index: 999 !important;
  color: #2D84AC;
  font-family: 'Istok Web',Arial,sans-serif;
  font-size: 0.85em;
  font-weight: normal;
}


.vslider1 .readMore {
  text-decoration: underline;
}
.vslider1 .readMore:hover {
  text-decoration: none;
  cursor: pointer;
}
.book {
    font-family: "Book Antiqua",serif;
	padding-bottom: 5px;
}
h3 {
    font-size: 1.4em;
}
#container { width: 650px !important; }  /* added 09/17/2011 by patrick */

/*img a:hover, .entry-content img a:hover { background-color: transparent; }   added 09/30/2011 by patrick */


/* PAR 20111003 Add captions to ng-gallery image thumbnails */
a.fancybox { text-decoration: none; }
.ngg-imgpost {
	float: left;
	margin: 0px 7px 7px 0px;
	position: relative;
}
.ngg-imgpost img {
	float: left;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	padding: 4px;
	margin-top: 6px;
}
.ngg-imgpost .thecaption {
	font-family: Arial,sans-serif;  
  	float: none;
	color: black;
	text-decoration: none;
	font-size: .9em;
	line-height: 1.5em;
	padding: 2px;
}
/* PAR 20111003 Modify NextGen Gallery caption to display multiline */
#fancy_title { width: 50%; }
div#fancy_title div { white-space: normal !important; }
td#fancy_title_left { background: none !important; }
td#fancy_title_right { background: none !important; }
td#fancy_title_main {
  background: black !important;
  padding: 5px !important;
  border: 2px solid white !important;
  -moz-box-shadow: 5px 5px 5px #aaa;
  -webkit-box-shadow: 5px 5px 5px #aaa;
  box-shadow: 5px 5px 5px #aaa;
}

.photothumb { float: left; width: 120px; padding-top: 10px; padding-left: 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #cccccc; }
.photothumb-end { float: left; width: 120px; padding-top: 10px; padding-left: 10px; margin-right: 0px; margin-bottom: 10px; border: 1px solid #cccccc; }
.photothumb a, .photothumb-end a { font-family: Arial, sans-serif; font-size: 10px; color: #989F5B; text-decoration: none; }

div#fancy_title {
  margin-top: -18px;
  position: absolute;
  z-index: 1000;
}
@media print {

#header {
display:none;
}
#primary {
display:none;
}
#secondary {
display:none;
}
#nav-below {
display:none;
}
#footer {
display:none;
}

body {
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px !important;
	color: #000000;
}
#container {
  width: 100px !important;
  overflow: !important;
margin: 0 auto;
}
#entry-content {
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px !important;
	color: #000000;
}
p {
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px !important;
	color: #000000;
}

.Center {
	margin: 0px auto 0px auto;
}
#Outline {
	width: 90%;
	margin-left: auto; 
	margin-right: auto;
	padding: 10px;

}
#BlogTitle {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
#BlogDate {
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;	
}
#BlogContent {
	padding: 10px;
	margin-top: 10px;
}
HR.Divider {
	width: 80%; 
	height: 1px; 
	color: #000000;
}
#CommentTitle {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}
.CommentDate {
	margin-top: 5px;
	margin-bottom: 10px;
}
.CommentContent {
	padding: 2px 10px 10px 10px;
}

    #comments_controls,
    #print-link {
        display: none;
    }

.alignleft, div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
}
.alignright, div.alignright {
	float: right;
	margin: 10px 0 5px 10px;
}
.ngg-galleryoverview {
    clear: both;
    display: block !important;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.ngg-gallery-thumbnail-box {
float: left;
}
.ngg-gallery-thumbnail {
float: left;
padding: 5px;
margin: 5px;
}
}
/* PKN 20111227 p style for photos title subheading such as soldier's company */
p.subtitle {
    font-size: 1.1em;
    text-spacing: 1px;
    color: #1F507C; 
    line-height: 1em;
    margin-top: -.25em;
    margin-bottom: .5em;
}
/* PKN 2012-01-14 table style */
.greentable {
	width: 100%;
	font-family: Arial,sans-serif;
	font-size: 12px;
}
.greentable th, .greentable td { padding: 0.7em 1.25em; }
.greentable th {
	background: #989F5B;
	color: #ffffff;
	text-align: left;
}
.greentable td {
	color: #000000;
	text-align: left;
	vertical-align: text-top;
}
.greentable tr.odd { background: #E9E6D7; }
.greentable tr.even { background: #f2f0e8; }

/* PKN 2019-03-31 */
.thumbnail_image_link {
	display: inline-block !important;
	border: 1px solid #bbb !important; 
	padding: 10px !important; 
}