@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; }



body {
font-family: Arial, Helvetica,  "sans-serif";
font-size:17px;
color:#000;
background-color:#f4f4f4;
background-color:#000;
}

#header {
font-family:"Amiri" ;
font-weight: normal;
max-width:100%;
background-image: url("images/headerbackground2.jpg");
background-repeat:no-repeat;
background-size: cover;
}

#header h2 {
color:#fff;
text-shadow: 4px 2px 4px #000000;
font-size: 370%;
letter-spacing: 0.05em;
}

#header h2 a,
#header h2 a:link,
#header h2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
letter-spacing:0.05em;
font-weight: normal;
}


.see-tiny {
display:none;
}
.see-big {
display: inline;
}


/*As of 2018 - 1360-29%, 1920-17%, 1600-5%, 1280-5%*/
#wrapper {
width:1024px;
width:1280px;
width:1600px;
width:1440px;
width:1920px;
width:1360px;
margin:auto;
min-height:20em;
/*border-left:#e2e2e2 thin solid;
border-right:#e2e2e2 thin solid;*/
}

nav{
font-family: Arial, "sans-serif";
font-size:20px;
width:100%;
height:2.0em;
border-top:#000 thin solid;
/*background-color:#000;*/
}

/*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:20%;
}


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

}

nav a:hover,
nav a:active{
color:#000;

background-color:#fbb98f;
background-color:#e3d596;
background-color:#8b804a:
line-height:2.1em;
}

nav .current a:link,
nav .current a:visited{
color:#000;
line-height:2.1em;
background-color:#fff;
background-color: antiquewhite;
}


.nav-tiny{
font-size:24px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
min-height:15em;
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:#FFFFFF;
display:block;

text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:3em;
font-weight: normal;
}



.menutiny{
font-size:26px;
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{
text-decoration:none;
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: antiquewhite;
}

#main h1, #main h2, #main h3, #main h4, #main h5{
font-family: "Amiri", "Alex Brush";
	font-weight: normal;
	letter-spacing: 0.08em;
	
}

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

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

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

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

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

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

.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;

}

.column-full a,
.column-full a:link,
.column-full a:visited{
text-decoration: none;
font-weight:normal;
outline-style:none;
color: #b4893f;
letter-spacing:0.05em;
}

.column-full a:hover,
.column-full a:active {
font-style:italic;
color:#663333;
text-decoration: underline;
}

.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-quarter-footer {
float:left;
width:23%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#000;
}

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

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

.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%;
background-color: #F9C;
}

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

.column-seven-eight {
float:left;
width:85.5%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color: #F9C;*/
}

.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:15px;
border-top:#999 thin solid;
border-bottom:#999 thin solid;
height:9em;
background-color:#000;
color:#fff;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #B2AFAF;
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: #fff;
text-decoration:underline;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5{
font-family: "Alex Brush";
font-weight:normal;
letter-spacing: 0.08em;
}

#footer h1{
font-size:250%;
}
#footer h2{
font-size:200%;
}