@charset "UTF-8";
/* CSS Document */
/* start PHP  --  16 Feb 2022*/

*{
margin:0;
padding:0;
}
 this code removes a small space that would display beneath image otherwise 
img { display: block; }

.line{
width: 70%; margin: auto
;height: 1px; background: #D29727; overflow: hidden;
}

.see-tiny {
display:none;
}

.see-big {
display: inline;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-family: system-ui, sans-serif; /*native to all new computers*/
font-size:16px;
color:#000;
background-color: #F6E8E8;
}

#header {
width:100%;
background-color: #000;
min-height:12em;
}

.header2{
min-height: 5em;
background-color:#fff;

}

.header2 a,
.header2 a:link,
.header2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
}

.sticky {
width:100%;
position: sticky;
top: 0;
background-color:#fff;
}

/*As of 2018 - 1360-29%, 1920-17%, 1600-5%, 1280-5%*/
#wrapper {


width:1600px;
width:1440px;
width:1920px;
width:1360px;width:1280px;
width:1024px;
margin:auto;
background-color:#FFF;
min-height:20em;
border-left:#F3B0B1 thin solid;
border-right:#F3B0B1 thin solid;
}


#main {
width:100%;
min-height:4em;
background-color:#fff;

}

#main h1, #main h2, #main h3, #main h4, #main h5,
.column-half h1, .column-half h2, .column-half h3, .column-half h4, .column-half h5,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5
{
font-weight:normal;
font-family: "Times New Roman", "serif";
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
font-weight: normal;
letter-spacing: 0.05em;
color:#284482;
}

#main h1 {
font-size:200%;
}

#main h2 {
font-size:160%;
}

#main h3 {
font-size:140%;
}

#main h4 {
font-size:110%;
}

#main h5{
font-size:100%;
}

#main a,
#main a:link,
#main a:visited{
text-decoration:none;
color:#000;
outline-style:none;
}

#main a:hover,
#main a:active{
color:#000000;
font-style: italic;
}

#main .current a:link,
#main .current a:visited{
color: #888888;
}

.menu{
font-size:19px;
width:100%;
height: 2.0em;
background-color: #000;
}

.menu ul{
list-style-type:none;

}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */
.menu li{
float:right;
/*width:19%;*/
/*padding-right: 0.5%;*/
padding-right:3%;
line-height: 1.8em;
}


.menu a,
.menu a:link,
.menu a:visited{
text-decoration:none;
color:#fff;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.08em;

/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

.menu a:hover,
.menu a:active{
text-decoration: underline;
/*font-style: italic;*/
color: #00c9f4;
color: #52aad8;
}

.menu .current a:link,
.menu .current a:visited{
color:#00c9f4;
color: #52aad8;
font-style: normal;

}




nav{
font-size:18px;
width:100%;
height:2.0em;
border-top:#284482 thin solid;
border-bottom:#284482 thin solid;
}

/*remove bullets from ul in navbar */

nav ul{
list-style-type:none;
}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */
nav li{
float:left;
width:16.6%;
}


nav a,
nav a:link,
nav a:visited{
text-decoration:none;
color:#4f4f4f;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:2.0em;
/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

nav a:hover,
nav a:active{
color:#fff;
background-color:#275ec4;
background-color:#547bc2;

}

nav .current a:link,
nav .current a:visited{
/*font-family:'Belleza', serif;*/
letter-spacing:0.15em;
/*font-weight:bold;*/
font-size:110%;
color:#fff;
line-height:1.9em;

background-color:#039;
}


nav2{
font-size:19px;
width:100%;
height:2.0em;
/*border-top:#284482 thin solid;*/
border-bottom:#284482 thin solid;
}

nav2 ul{
list-style-type:none;
}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */
nav2 li{
float:left;
/*width:19%;*/
/*padding-right: 0.5%;*/
padding-left:6%;
padding-right:5.5%;
}


nav2 a,
nav2 a:link,
nav2 a:visited{
text-decoration:none;
color:#000;
color: darkgreen;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.08em;
line-height:2.5em;
/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

 nav2 a:hover,
 nav2 a:active{
text-decoration: underline;
font-style: italic;
color: #000;
}

 nav2 .current a:link,
 nav2 .current a:visited{
color:#BEBBBB;
font-style: normal;

}





.nav-tiny{
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
height:17.5em;
border-bottom:#dee9de thin solid;
}

.nav-tiny p{
text-align:center;
border-bottom:#dee9de thin solid;
}

.nav-tiny a,
.nav-tiny a:link,
.nav-tiny a:visited{
text-decoration:none;
color: #999;
display:block;
padding-left:2.0em;
padding-right:1.7em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:2.46em;
font-weight: normal;
}



.menutiny{
font-size:22px;
font-family: Arial, "sans-serif";
width:100%;
min-height:10em;
border-bottom:#666 thin solid;
}

.menutiny p{
text-align:center;

/*border-bottom:#666 thin solid;*/
border-top:#666 thin solid;
}

.menutiny a,
.menutiny a:link,
.menutiny a:visited{
color: #000;
display:block;
text-align: center;
outline-style:none;
letter-spacing:0.04em;
line-height:4em;
font-weight: normal;
text-decoration:none;
}

.menu-fixed {
width:50px;
height:70px;
background-color:#7e4048;
background-color:#039;
position: fixed;
top:275px; right:0px;
border:#000 thin solid;
text-align:center;
}


.menu-fixed a{
width:100%;
text-decoration:none;
color: #fff;
display:block;
outline-style:none;
letter-spacing:0.07em;
font-size:110%;

}

.menu-fixed a:hover,
.menu-fixed a:active{
font-style:italic;
}

#main {
width:100%;
min-height:4em;
background-color:#fff;

}

.bar-bg{
background-color:#FC3;
width:100%;
height:3em;
}

.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;
background-color:#99CCFF;
}

.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:48.0%;
min-height:2em;
/*background-color:#6F0;*/
}

.column-third {
float:left;
width:31.3%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#0F9;
}

.column-two-third {
float:left;
width:64.3%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#66FFFF;
}
.column-quarter {
float:left;
width:23%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#FF0;
}

.column-three-quarter {
float:left;
width:73%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#FFFF99;
}

.column-fifth {
float:left;
width:18%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #996;
}

.column-two-fifth {
float:left;
width:38%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #96C;
}

.column-three-fifth {
float:left;
width:58%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #F9C;
}

.column-sixth {
float:left;
width:14.6%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#F9C;
}

.column-seventh {
float:left;
width:12%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}

.column-eight {
float:left;
width:10.5%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #CF0;
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}




.menugallery {
float:left;
width:900px;
}

/*remove bullets from ul in navbar */
.menugallery ul{
list-style-type:none;
}

.menugallery li{
text-align:center;
width:145px;
float:left;

}

.menugallery a,
.menugallery a:link,
.menugallery a:visited{
text-decoration:none;
color: #514E48;
text-align:center;
outline-style:none;

}


.menugallery a:hover,
.menugallery a:active{
color:#B8963E
}

.menugallery .current a:link,
.menugallery .current a:visited{
color: #B8963E;

}


.thumbs {
min-height:29.2em;
}

.thumbs img {
padding-left:0.6em;
padding-bottom:0.56em;

}



#footer {
width:100%;
font-size:13px;
border-top:#999 thin solid;
border-bottom:#999 thin solid;
min-height: 11em;
background-color: #eeefef;
color:#666;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666;
padding-left:0.85em;
padding-right:1.2em;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#footer a:hover,
#footer a:active{
color: #000;
text-decoration:underline;
}