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


body {background-color:white;
  color:#000;
  padding: 0% 10% 1% 10%;
}

@media screen and (max-width: 65.5em ) {
body {
    padding: 0% 0% 1% 0%;
        }}
        
@media screen and (max-width: 65.5em ) {
.tankphotos {max-width: 100%;
    max-height: auto;
    margin:auto;
}}    
  
  @media screen and (max-width: 65.5em ) {
  #inner {
  width: 100%;
  margin: 0 auto;
}}


  a:link {
    color:#000000;
    text-decoration: none;
}

  a:visited  {
     color:#000000;
}

  a:hover {
     background-color: none;
     text-decoration: none;
     font-weight: bold;
}

  a:active {
     background-color: none;
}
  
 

p  {font-size:22px;
    text-align: center;}


img{
    width:100%;
    max-width:500px;
}

#inner {
  width: 90%;
  margin: 0 auto;
}

#inner2 {
  width: 100%;
  margin: 0 auto;
}


td  {font-size:22px;}

input[type="text"] {
    height: 40px;
    font-size:22px;
    border: 2px solid #765942;
	border-radius: 10px;
	height: 50px;
	width: 800px;
}

textarea {border: 2px solid #765942;
	border-radius: 10px;
	height: 250px;
	width: 800px;
    font-size:32px;

}

.bott2 {border: 2px solid #000000;
	   background-color:black;
       text-color:white;
       border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       width: 300px;
       height: 60px;
       text-align: center;
       padding-top: 10px;
       font-size: 32px;
       font-family: Trajan;
}

.contactlink {border: 2px solid #000000;
	   background-color:black;
       text-color:white;
       border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       width: 200px;
       height: 35px;
       text-align: center;
       padding-top: 10px;
       font-size: 18px;
       font-family: Trajan;
       
}

.whitelink a:link {
   color: #ffffff;
   display: inline-block;}

.whitelink a:visited {
   color: #ffffff;
   display: inline-block;}

.whitelink a:hover {
   color: #ffffff;
   display: inline-block;}

.whitelink a:active {
   color: #ffffff;
   display: inline-block;}

input[type=submit] {

	-moz-box-shadow:inset 0px 1px 0px 0px orange;
	-webkit-box-shadow:inset 0px 1px 0px 0px orange;
	box-shadow:inset 0px 1px 0px 0px orange;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, orange 5%, orange 100%);
	background:-webkit-linear-gradient(top, orange 5%, orange 100%);
	background:-o-linear-gradient(top, orange 5%, orange 100%);
	background:-ms-linear-gradient(top, orange 5%, orange 100%);
	background:linear-gradient(to bottom, orange 5%, orange 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='orange', endColorstr='orange',GradientType=0);
	background-color:orange;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid orange;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:17px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}


.tile_buttons a {
    display: block;
    float: left;
    width:150px;
   height:29px;
   
   color:#f5f5f5;
   background:url(images/bg04.gif) no-repeat left top;
   background-size: 100%;
   font-size: 18px;
   padding-top: 19px;
   padding-left: 32px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
   margin-right: 19px;
   text-decoration: none;
}


.contact2 {

   position:inherit;
   left:640px;
   top:614px;
   width:150px;
   height:29px;
   display:block;
   color:#f5f5f5;
   background:url(images/bg04.gif) no-repeat left top;
   background-size: 100%;
   font-size: 18px;
   padding-top: 19px;
   padding-left: 32px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
       
}

section {
  width:990px;
}

.clear {
    clear: both;
}


select {
   
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #fff;
	display:inline-block;
   }


div#container
{
    width:140px;
    height:317px;
    overflow:scroll;     /* if you don't want a scrollbar, set to hidden */
    overflow-x:hidden;   /* hides horizontal scrollbar on newer browsers */

    /* resize and min-height are optional, allows user to resize viewable area */
    -webkit-resize:vertical; 
    -moz-resize:vertical;
    resize:vertical;
    min-height:317px;
}

iframe#embed
{
    width:500px;       /* set this to approximate width of entire page you're embedding */
    height:200px;      /* determines where the bottom of the page cuts off */
    margin-left:-183px; /* clipping left side of page */
    margin-top:-244px;  /* clipping top of page */
    overflow:hidden;

    /* resize seems to inherit in at least Firefox */
    -webkit-resize:none;
    -moz-resize:none;
    resize:none;
}



h2
{text-align: left;
 color:#000;
 font-family:courier new;
}

h4
{text-align: left;
 color:#000;
 font-family:courier new;
}

.author
{text-align: left;
 color:black;
 /*font-size:25px;*/
 font-family:courier new;
 text-decoration: underline orange;
 text-decoration-thickness: 3px;
}

.articleimg

{height: 300px !important;}

.name
{text-align: center;
 color:red;
 font-family:courier new;
}

.container-1 {
font-size:18px;
font-family:georgia;

padding-left: 6%;
padding-right: 6%;
padding-bottom: 1%;
     
}



#copyright {
    width: auto;
    float: left;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    max-width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 10px 0;
}



/* =========================================================
   Homepage upgrades (hero-row + hybrid latest grid)
   Append to bottom of ttp.css
   ========================================================= */

/* Keep your global img rule, but override inside specific homepage modules */
.hero-row img,
.home-latest img{
  max-width: none;
}

/* ===== HERO ROW UPGRADE ===== */
.hero-row{
  width: 90%;
  margin: 0 auto;
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.hero-photo{
  height: 420px;        /* shared height */
  overflow: hidden;
}

.hero-portrait{ flex: 1; }
.hero-landscape{ flex: 1.7; }

.hero-row img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== HYBRID "LATEST" SECTION ===== */
.home-latest{
  width: 90%;
  margin: 0 auto;
}

.home-section-title{
  max-width: 980px;
  margin: 20px auto 10px auto;
}

.post-featured{
  max-width: 980px;
  margin: 0 auto 24px auto;
  padding-bottom: 18px;
  border-bottom: 3px solid orange;
}

.post-media{
  display: block;
  margin-top: 10px;
}

.post-featured .post-media img{
  width: 100%;
  height: auto;
  display: block;
}

.post-grid{
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.post-card{
  padding-top: 6px;
}

.post-card .post-media{
  height: 240px;
  overflow: hidden;
}

.post-card .post-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.post-card h2{
  margin: 10px 0 6px 0;
  font-size: 20px;
}

.post-card h4{
  margin: 0;
  font-size: 16px;
  opacity: 0.9;
}

.home-archive-btn{
  max-width: 980px;
  margin: 26px auto 0 auto;
  text-align: center;
}

/* ===== Responsive ===== */
@media screen and (max-width: 65.5em){
  .hero-row,
  .home-latest{
    width: 100%;
  }
}

@media screen and (max-width: 48em){
  .hero-row{
    flex-direction: column;
  }
  .hero-photo{
    height: 320px;
  }

  .post-grid{
    grid-template-columns: 1fr;
  }
  .post-card .post-media{
    height: 220px;
  }
}