@charset "UTF-8";
/* CSS Document */
@font-face {font-family: "Luckiest Guy"; src: url('images/LuckiestGuy.ttf'); font-display: swap;}

img			{border:none;}

p			{color:#334229; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding-left:10px;}

footer		{padding-bottom:30px;}

h1			{font-family:"Luckiest Guy"; color:#334229; padding:10px; font-size:36px;}
h2			{font-family:"Luckiest Guy"; color:#986f2f; padding:20px 10px 10px 10px; font-size:24px;}

a 			{text-decoration:underline; font-weight:normal; color:#334229;} 
a:hover		{text-decoration:none; color:#986f2f;}

*			{margin:0; padding:0;}

ul#menu		{font-family:"Luckiest Guy"; font-size:27px; color:#334229;
			list-style:none; height:60px; width:795px; margin:auto;}
			
li			{float:left;}

ul#menu a	{text-decoration:none; padding:15px;}

#email a	{font-family:"Luckiest Guy"; font-size:24px;}

#logo img	{padding:10px;}

#Gal a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#Gal a:hover	{background-color: #334229;}

#SON a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#SON a:hover	{background-color: #1d4cce;}
#LEO a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#LEO a:hover	{background-color: #68774c;}
#EOA a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#EOA a:hover	{background-color: #993333;}
#GEAH a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#GEAH a:hover	{background-color: #7fc235;}
#VIVO a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#VIVO a:hover	{background-color: #420295;}
#SJ a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#SJ a:hover		{background-color: #ec643e;}
#YJA a			{float: left; padding: 9px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 4px;
				-webkit-transition: all 0.1s ease-out;
				-moz-transition: all 0.1s ease-out;
				-ms-transition: all 0.1s ease-out;
				-o-transition: all 0.1s ease-out;
				transition: all 0.1s ease-out;}
#YJA a:hover	{background-color: #fce30c;}


iframe		{padding:15px;}

div#slideshow {
	width: 1000px; height: 468px;
	background: url(images/Slide_bg.webp);
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;}

div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: relative; z-index: 15;
}
	div#slideshow ul#nav li#prev {
		float: left;
	}
	div#slideshow ul#nav li#next {
		float: right;
	}
	div#slideshow ul#nav li a {
		display: block; width: 72px; height: 468px; text-indent: -9999px;
	}
	div#slideshow ul#nav li#prev a {
		background: url(images/left_arrow.webp);
	}
	div#slideshow ul#nav li#next a {
		background: url(images/right_arrow.webp);
	}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 0px 0;
		}