/*===============V2 CSS 3 Sep 2018 ============*/
body {
width: 100%;
   margin-left: auto;
   margin-right: auto;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-image: url('images/back4ron.jpg');
    
    background-size: cover; /* cover instead of 1005 100% changed 2019/6 */
    background-repeat: repeat; /* changed repeat 2016/6 */


        color: #000000; /*black*/
}

/*===============indicates no border around any image ============*/
body img {
    border: 0px;
    text-decoration: none;
}
/* ============ margins auto center the container on the page ==========*/
#container {
	margin-left:5px;
  
}
/* ============ leftcol for leftmenu  ==========*/
#leftcolumn {
	margin-left:10px;
    }
/*====================== styles for main content area =========================*/
#content {

   margin-left:12px;
    }
/*====================== two columns for photo dating page =========================*/

#bodyleft {
   float:left;
    left:20px;
    width:48%;
    margin-left:auto;
    padding: 5px;
      }
#bodyright {
   float:right;
    left:20px;
    width:48%;
    margin-left:auto;
    padding: 5px;
      }

/*=================== styles for top banner ========================*/
#banner {
  text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
    background: transparent;
    border-top-style: solid;
    border-top-color: #AD6D6D;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #AD6D6D;
    color: #5d3434;
    }
/*=================== styles for top menu ======================*/
#topmenu {
    text-align: center;
    margin: 0 auto 0 auto;
    font-size: .90em;
    color: inherit;
    border-top-style: solid;
    border-top-color: #AD6D6D;
    border-top-width: 2px;
    }
#topmenu ul {
   text-align: center;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   padding-top: 0px;
     padding-bottom: 0px;
   list-style-type: none;
}
#topmenu li {
    display: inline;    
    list-style-type: none;
    padding: 0 1em 0 0;
    }
/*=================== styles for left nav bar menu ======================*/
/*=================== 4/2016 display: block; changed to display: inline;  ======================*/

#leftmenu {
     text-align: center;
    margin: 0 auto 0 auto;
    font-size: .90em;
    color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #AD6D6D;

}
#leftmenu ul {
    text-align: center;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   padding-top: 0px;
     padding-bottom: 0px;
   list-style-type: none;
    }
#leftmenu li {
    display: inline;
   list-style-type: none;
    padding: 0 1em 0 0;
    }
/*===============style for LINKS ============*/

a:link {
    font-weight: bold;
    color: #339966;
    background: transparent;
    text-decoration: none;
} 
a:visited {
    font-weight: bold;
    color: #330099;
    background: transparent;
    padding: 0px;
    text-decoration: none;
}
a:hover {
    font-weight: bold;
    text-decoration : underline;
    background: #F9E3E3;
    color: #000000;
}
a:active {
    font-weight: bold;
    text-decoration : underline;
    background: #BFDFE2;
    color: #000000; 
}
/*====================== styles for list that is like definition list=========================*/

ul{
    list-style-type: none;
     text-align: left;
    }

li span {
         padding:0 0 0 3in;
                     }

/*===========content area list items==============*/

/*============== Styles for footer ===================*/
#footer {
    clear: both;
    text-align: left;
    }
/*=================== styles for footer bottom menu ======================*/
#botmenu {
        clear: both;
    text-align: center;
    font-size: .90em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    color: inherit;
    border-top-style: solid;
    border-top-color: #AD6D6D;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #AD6D6D;
}
#botmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#botmenu li {
    display: inline;
    list-style-type: none;
    padding: 0px;
    padding-right: 0em;
}

/*================== general styles =================*/
hr {
    width: 50%;
    text-align: center;
    background-color: #004145;
    height: 5px;
}
p {
    margin-left:3.5em;
}
br {
    margin-left:3.5em;
}
table
{
width:60%;
}
td
{
border: 1px solid black;
}
th
{
border: 1px solid black;
}
table
{
border: 1px solid black;
}
table {
    font-size: 1.0em;
    margin-left:2em;
    margin-right:20em;  
}

/* =================Styles for heading tags =============== */
h1 h2 h3 h4 h5 h6 {
        background-color: inherit;
}
h1 {
    font-size: 1.5em;
    margin-left: 0.1em;
    color: #AD6D6D;
    }

h2 {
    font-size: 1.3em;
    margin-left: 1.0em;
    color: #AD6D6D;
    }
h3 {
    font-size: 1.2em;
    margin-left: 1.9em;
    color: #AD6D6D;
    }
h4 {
    font-size: 1.1em;
    margin-left: 2.5em;
    color: #AD6D6D;
    }
h5 {
    font-size: 1.05em;
    margin-left: 2.9em;
    color: #AD6D6D;
    }
h6 {
    font-size: 1.00em;
    margin-left: 3.3em;
    color: #AD6D6D;
   }

/*================used to center anything==============*/
.center {
    text-align: center;
}

/* ============floats images to right or left ============*/
.imgright {
     float:right;
     padding: 27px;
     margin: 0 0 10px 10px;
}
.imgmid {
     float:right;
     padding: 27px;
     margin: 10px 0px;
}

.imgleft {     clear: both;
     padding: 7px;
}

     float:left;
/* ============images thumbnails <br class="clearboth"> ============*/
.thumbnail
{
float: left;
padding: 5px;
}

.clearboth { clear: both; }

#clear{
clear: both;
}


span#date {
   display:inline-block;
   width:440px;
   position:absolute;
   left:50%;
   margin-left:-230px;
   _margin-left:-220px;
   font-weight:normal;
   font-size:12px;
   color:#02526b;
   text-align:center;
   }
   
   
   /* ============from Barry Carlson/* ============images thumbnails <br class="clearboth"> ============*/
  

span#updated {font-weight:bold}
h2 {text-align:center}
h1 {text-align:center}
div#subHeader {border:solid 2px #02526b;border-left:solid 2px #fff;border-right:solid 2px #fff;margin:-10px 0 15px 0;*padding:1px 0;}
.ie5 #subHeader {padding:1px 0}
#subH2 {color:#02526b;border:solid 1px #02526b;border-left:solid 1px #fff;border-right:solid 1px #fff;margin:1px;height:40px}
#subH2 h2 {margin:0;padding:0;position:relative;top:50%;margin-top:-20px;text-align:center;font:normal 32px "KingthingsPetrockRegular";line-height:40px}
p {margin:8px 0;padding:0 10px;line-height:115%;text-align:justify}
span.firstLetter {display:inline-block;margin-left:30px;font:normal 22px "KingthingsPetrockRegular";font-weight:bold;color:#02526b}
#content a.inLine {font-weight:bold}
#content a.inLine:link {color:#025}
#content a.inLine:visited {color:#999}
#content a.inLine:hover {color:#c10000}
#content #aTwo {width:254px;height:104px;float:left;margin:2px 10px 0 10px;*margin-top:4px;_margin:4px 5px 0 5px;overflow-y:hidden}
#content #aOne {width:254px;height:104px;float:left;margin:2px 10px 0 10px;*margin-top:4px;_margin:4px 5px 0 5px;overflow-y:hidden}
#content #aOne {position:relative;top:5px}
#content #aTwo {float:right;}
#content #aTwo {position:relative;top:5px}
#content .aLink {display:block;width:250px;height:100px;background:#ff0;border-radius:8px;border:solid 2px #025;text-align:center;text-decoration:none;outline:none}
#content .aLink:link {color:#025}
#content .aLink:visited {color:#999}
#content .aLink:hover {color:#c10000;border-color:#c10000}
#content .aLink:hover .h3One {display:none}
#content .aLink:hover .h3Two {display:block}
#content .aLink .h3Two {display:none}
#content .aLink h3 {font-size:18px;margin-top:-20px;}
#content .aLink h2 {font-size:28px;*margin-top:25px}
.oldIE #aOne .aLink {float:left}
.ie5 #content .aLink {width:254px;height:104px;background:#ff0 url('images/anchor-sprite.jpg') no-repeat;border:none;overflow:auto;margin:-2px 0 -2px 0;_margin:0}
.oldIE #content .aLink {width:254px;height:104px;background:#ff0 url('images/anchor-sprite.jpg') no-repeat;border:none;overflow:auto;margin:-2px 0 -2px 0;_margin:0}
.ie5 #content .aLink:hover {background:#ff0 url('images/anchor-sprite.jpg') no-repeat -254px 0}
.oldIE #content .aLink:hover {background:#ff0 url('images/anchor-sprite.jpg') no-repeat -254px 0}
#content #aThree {display:block;float:right;margin:0 0 0 10px;_margin:2px;width:50px;height:54px;background: url('images/anchor-sprite.jpg') no-repeat -508px 0;border:none;margin-top:0}
code {color:#b10000;font-family:'courier new',courier;font-weight:bold}
#userContentFP {margin:-8px 0}
s {display:none}
.ie5 s {display:inline;width:30px}
span.spacer {display:inline-block;width:50px}
span#sTwo span {display:none}
.ie5 span#sTwo span {display:inline}
span#at {color:#c10000;display:inline-block;position:relative;top:-1px;padding:0 3px 0 5px}
#flastmod-ie6 {display:none}
.ie6 #flastmod {display:none}
.ie6 #flastmod-ie6 {display:block}