body {
background-color: #000;
color: #FFF;
margin: 0;
padding: 0;
}

h1 {
font-size: 1.8em;
color: #FFCC00;
font-style: italic;
font-family: Lora, "Times New Roman", sans-serif;
text-align: center;
margin: 10px 0;
padding: 5px 0 0;
font-weight: lighter
}

h2 {
font-size: 1.4em;
color: #FFCC00;
font-style: italic;
font-family: Lora, "Times New Roman", sans-serif;
text-align: center;
margin: 10px 0;
padding: 0 0;
font-weight: lighter
}

h3 {
font-family: Lora, "Times New Roman", sans-serif;
font-size: 1.2em;
color: #FFCC00;
font-weight: 700;
letter-spacing: 2px;
text-align: center;
font-style: italic
}

h5 {
font-size: .9em;
color: #FFCC00;
font-style: italic;
font-family: Lora, "Times New Roman", sans-serif;
text-align: center;
margin: 10px 0;
padding: 2px;
font-weight: lighter
}

.mess {
padding: 10px;
background-color: #232323;
}


#slideshow {
  margin: 80px auto;
  position: relative;
  width: 240px;
  height: 240px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

img {
border: 0; 
max-width: 100%;
height: auto;
}

.ranga {
font-family: 'Ranga', cursive;
font-weight: 700;
font-size: 1.2em;
}

.bread {
font-family: Lora, Oswald, sans-serif;
font-weight: 700;
color: #ffffff;
height: 40px;
font-size: 1em;
padding-top: 10px; padding-left: 10px
}

.bread2 {
font-family: Lora, Oswald, sans-serif;
font-weight: 700;
color: #ffffff;
background-color:#000000;
height: 40px;
font-size: 1em;
padding-top: 10px; padding-left: 10px
}

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

a:visited {
color: #A8D8F6;
text-decoration: none;
}

a:hover {
color: #FF0;
text-decoration: none;
}

a:active {
color: #FEF95A;
text-decoration: none;
}

p {
font-size: 1.3em;
color: #A8D8F6;
}

ul {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}


li {
display: block;
color: #FC0;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 400;
font-size: 1.2em;
}

.related4 {
float: right;
border:2px #fff solid;
width:220px;
display: block;
background-color:#000000;
margin:5px 5px;
padding:5px 5px 5px 10px;
}

.related5 {
font-family: "Open Sans Condensed", Times, serif;
font-size:0.8em;
color:#FFC;
border:2px #fff solid;
width:210px;
text-align:left;
display: block;
background-color:#000000;
list-style-type:none;
margin:5px 5px;
padding:5px 5px 5px 10px;
}

.image2 {
float: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px #FF9900 dotted;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 25px;
margin-left: 5px;
text-align: center;
font-size: 14px;
}

.chall {
text-align: left;
border: 3px solid;
font-family: "Times New Roman", Times, serif;
font-size: 1.3em;
color: #FFF;
width: 70%;
border-color: #6C8336 #374613 #374613 #6C8336;
margin: auto;
padding: 5px;
}

dfn {
cursor: help;
color: #FFF;
border: dashed;
font-style: normal;
border-color: #000 #000 #FF6;
border-width: 0 0 1px;
}

.intro {
font-size:100%;
color:#CCC;
background-color: #232323;
text-align:left;
border:4px solid;
margin-bottom:20px;
border-color:#964F1B #471F02 #471F02 #964F1B;
padding:5px 10px;
}

.test {
font-family: "Open Sans Condensed", san-serif;
font-size: 100%;
border:4px solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: left;
border: 1px #FC1E00 solid;
border-color:#964F1B #471F02 #471F02 #964F1B;
margin: 5px;
padding: 10px;
}


.photomenu {
font-family: Lora, Oswald, sans-serif;
font-weight: 700;
font-size:1em;
color:#CCC;
background-color: #232323;
text-align:left;
border:4px solid;
margin-bottom:20px;
border-color:#964F1B #471F02 #471F02 #964F1B;
padding:5px 10px;
}

.introc {
font-size:100%;
color:#CCC;
background-color: #232323;
text-align:center;
border:4px solid;
margin-bottom:20px;
border-color:#964F1B #471F02 #471F02 #964F1B;
padding:5px 10px;
}

.intros {
font-size:100%;
color:#CCC;
background-color: #000;
text-align:left;
border:4px solid;
margin-bottom:20px;
border-color:#964F1B #471F02 #471F02 #964F1B;
padding:5px 10px;
}

.content {
font-family: 'Open Sans Condensed', sans-serif, Lora;
color:#000000;
padding:5px 10px;
font-size: 1.3em;
}

.content-b {
text-align: center;
font-family: 'Open Sans Condensed', sans-serif, Lora;
color:#000000;
display: block;
padding:5px 0px;
font-size: 1.3em;
}

.pic {
border:1px #999 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
color:#FF9;
margin-bottom:10px;
padding:5px;
}


.drop {
font-family: "Open Sans Condensed", san-serif;
font-size: 100%;
color: #6f3103;
background-color: #A8D8F6;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: left;
margin: 10px;
padding: 10px;
}

.cat {
font-size: 1.2em;
color: #CCC;
background-color: #6F3103;
border: 2px solid;
margin-bottom: 20px;
border-color: #964F1B #471F02 #471F02 #964F1B;
padding: 5px 10px;
}

.cat2 {
font-size: 100%;
color: #CCC;
background-color: #402C06;
text-align: left;
border: 2px solid;
margin-bottom: 20px;
border-color: #694F1E #2F2003 #2F2003 #694F1E;
padding: 5px 10px;
}

.cat3 {
font-size: 100%;
color: #CCC;
background-color: #000000;
text-align: left;
border: 2px solid;
margin-bottom: 20px;
border-color: #694F1E #2F2003 #2F2003 #694F1E;
padding: 5px 10px;
}

.floatleft {
float: left;
border: 1px #000 solid;
margin: 0 5px;
padding: 0
}

.floatright {
float: right;
margin: 0 5px;
padding: 0
}

td {
vertical-align: top;
font-size: 1em;
}

.clearboth {
clear: both;
}

.blue {
color: #FF0;
}

.poem {
font-size: 1em;
color: #CCC;
text-align: center;
font-family: "Open Sans Condensed", Times, serif;
}


b {
color: #FC0;
}

hr {
color: #0F0;
}

.vid {
float: left;
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: center;
border: #FFF;
border-style: solid;
border-width: 1px;
margin: 3px;
padding: 10px;
}


.box {
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: center;
width: 25%;
border: #FFF;
border-style: solid;
border-width: 1px;
margin: 3px;
padding: 3px;
}

.boxg {
font-family: "Open Sans Condensed", san-serif;
text-align: left;
background-color: #ffffff;
border: 2px solid;
margin: 10px 5px 10px 0px;
padding: 5px 5px;
border-color: #339900 #336600 #336600 #339900;
width: 400px;
}

.box5 {
font-family: "Open Sans Condensed", san-serif;
font-size: 20px;
text-align: center;
border: 1px #666666 solid;
margin: 3px;
padding: 3px;
}

.box3 {
font-family: "Open Sans Condensed", san-serif;
font-size: 100%;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: left;
border: 1px #FC1E00 solid;
margin: 10px;
padding: 10px;
}

.box2 {
font-family: "Open Sans Condensed", san-serif;
font-size: 100%;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align: left;
border: 1px #666 solid;
margin: 10px;
padding: 10px;
}

.boxsearch {
text-align: left;
width: 300px;
border: #FFF;
border-style: solid;
border-width: 1px;
margin: 3px;
padding: 3px;
}

.boxsearch2 {
font-family: Lora, "Times New Roman", sans-serif;
font-weight: 900;
color:#000000;
text-align: left;
border: 3px solid;
font-size: 1.3em;
border-color: #6C8336 #374613 #374613 #6C8336;
margin: auto;
padding: 5px;
max-width: 375px;
}

.wrap {
border: thin #F60 solid;
padding: 5px;
}

.small {
font-size: 80%;
padding-bottom: 20px;
}

.choctaw {
color: #FF0;
border-color: #000 #000 #FF0;
border-style: solid;
border-width: 0 0 1px;
}

blockquote {
color: #66CCCC;
}

.list {
font-family: Georgia, Times New Roman, Times, serif;
color: #FF9900;
}

.side-bar200 {
width:200px;
border: 5px #CCCCCC solid;
margin-top: 10px; 
margin-left: 10px; 
margin-bottom: 10px;
}


.centerc {
text-align: center;
font-family: "Open Sans Condensed", san-serif;
font-size: 1em;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin: 0px 10px 20px 10px;
}

.nail {
float: left;
padding: 5px;
border: 1px #900 solid;
width: 150px;
margin: 5px 5px 25px 25px;
text-align: center;
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
height: 250px
}


.nailad {
float: left;
padding: 5px 5px;
border: 2px solid;
width: 90%;
margin: 5px 5px 25px 25px;
text-align: center;
min-height: 100px;
background-color: #402C06;
border-color: #694F1E #2F2003 #2F2003 #694F1E;
}

.cards {
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
float: left;
text-align: center;
width: 210px;
margin: 5px 5px 5px 5px;
padding: 5px;
height: 15em;
}


.naill {
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
float: left;
text-align: center;
width: 170px;
margin: 5px 5px 5px 5px;
padding: 5px;
height: 11em
}

.wide {
float: left;
padding: 5px;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 150px;
margin: 5px 5px 20px 20px;
text-align: center;
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
height: 10em
}

.deep {
float: left;
padding: 5px;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 150px;
margin: 5px 5px 20px 20px;
text-align: center;
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
height: 13em;
}

.deep2 {
float: left;
padding: 5px;
border: 1px #900 solid;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 150px;
margin: 5px 5px 20px 20px;
text-align: center;
font-family: "Open Sans Condensed", san-serif;
font-size: 18px;
height: 14em;
}

.btm {
text-align: center;
font-family: Lora, sans-serif;
font-size: 14px;
font-weight: normal;
}


.center {
text-align: center;
}

.centerb {
text-align: center;
margin: 5px 0px 20px 0px;
}

.blue2 { color: #FFFF99; ; font-family: Lora, Oswald, sans-serif}

.minimenu {
font-family: "Open Sans Condensed", Times, serif;
background-color: #232323;
font-size: 1em;
text-align: center
}


a.mm:hover, a.mm:active {text-decoration: overline underline;}

legend { 
    display: block;
    padding-left: 6px;
    padding-right: 6px;
    border: thin solid;
; font-size: 1em; border-color: #FFCC00 #FF9900 #FF9900 #FFCC00
; padding-top: 2px; padding-bottom: 2px
}

.responsive {
    width: 100%;
    height: auto;
}

.resbox {
display: block;
  margin-left: auto;
  margin-right: auto;
max-width: 336px;
max-height: 280px;
}

.resbox2 {
display: block;
  margin-left: auto;
  margin-right: auto;
width: 336px;
height: 280px;
}

.table {border-collapse: collapse;}
.td    {padding: 6px;}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

#example-seamed1{
 background-image: url(/nai_clipart/Seamless/Seamed005.jpg);
}

#example-seamed2{
 background-image: url(/nai_clipart/Seamless/Seamed036.jpg);
}

#example-seamed3{
 background-image: url(/nai_clipart/Seamless/Seamed053.jpg);
}

#example-seamed4{
 background-image: url(/nai_clipart/Seamless/Seamed063-faded.jpg);
}

#example-seamed5{
 background-image: url(/nai_clipart/Seamless/Seamed098.jpg);
}

#example-seamed6{
 background-image: url(/web-graphics/ceremonial-herbs/juniper-leaves-seamless.jpg);
}

#example-wolves{
 background-image: url(/wolf-backgrounds/wolves-background-01.jpg);
}

#example-owls{
 background-image: url(/owl-backgrounds/owl-background-09.jpg);
}

#example-naibackground1{
 background-image: url(/nai_clipart/Background/american-indian-jewelry-background-07.jpg);
}

#example-naibackground2{
 background-image: url(/nai_clipart/Background/Background-45-1024.jpg);
}

#example-naibackground3{
 background-image: url(/nai_clipart/Background/Background-65-1024.jpg);
}

#example-naibackground4{
 background-image: url(/nai_clipart/Background/Background-80-1024.jpg);
}

#example-fnbackground1{
 background-image: url(/nai_clipart/backgrounds/009-1024.jpg);
}

#example-fnbackground2{
 background-image: url(/nai_clipart/backgrounds/048-1024.jpg);
}

#example-fnbackground3{
 background-image: url(/nai_clipart/backgrounds/064-1024.jpg);
}

#example-fnbackground4{
 background-image: url(/nai_clipart/backgrounds/099-1024.jpg);
}

#example-ewbackground1{
 background-image: url(/nai_clipart/backgrounds-2010/1152-native-american-bar-041-B1.jpg);
}

#example-ewbackground2{
 background-image: url(/nai_clipart/backgrounds-2010/1152-native-american-bar-041-B2.jpg);
}

#example-ewbackground3{
 background-image: url(/nai_clipart/backgrounds-2010/1152-native-american-bar-041-B3.jpg);
}

#example-ewbackground4{
 background-image: url(/nai_clipart/backgrounds-2010/1152-native-american-bar-041-B4.jpg);
}

#example-ewbackground5{
 background-image: url(/nai_clipart/backgrounds-2010/1152-native-american-bar-041-B5.jpg);
}


.bar1 {
background-image: url(/nai_clipart/bars/Lake-Mountain-03.jpg);
background-repeat: repeat-x;
}

.bar2 {
background-image: url(/nai_clipart/bars/american-indian-divider-08a.jpg);
background-repeat: repeat-x;
}


.footer-distributed{
	background-color: #000000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	font-family: Lora, "Times New Roman", sans-serif;
	text-align: left;
	padding: 10px 10px;
	margin-top: 10px;
	overflow: hidden;
}

/* Footer left */

.footer-distributed .footer-left{
	float: left;
}

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
        font-family: Lora, "Times New Roman", sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}


/* Footer right */

.footer-distributed .footer-right{
	float: right;
}

/* The search form */

.footer-distributed form{
	position: relative;
}

.footer-distributed form input{
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
	background-color:  #1f2022;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	border: none;
	font-family: Lora, "Times New Roman", sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:  #000000;
	width: 500px;
	padding: 18px 50px 18px 18px;
}

.footer-distributed form input:focus{
	outline: none;
}

/* Changing the placeholder color */

.footer-distributed form input::-webkit-input-placeholder {
	color:  #000000;
}

.footer-distributed form input::-moz-placeholder {
	opacity: 1;
	color:  #000000;
}

.footer-distributed form input:-ms-input-placeholder{
	color:  #000000;
}

/* The magnify glass icon */

.footer-distributed form i{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 16px;
	right: 18px;
	color: #000000;
	font-size: 18px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 1000px) {

	.footer-distributed form input{
		width: 300px;
	}

}

@media (max-width: 800px) {

	.footer-distributed{
		padding: 30px;
		text-align: center;
		font-family: Lora, "Times New Roman", sans-serif;
	}

	.footer-distributed .footer-company-name{
		margin-top: 10px;
		font-size: 12px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		float: none;
		max-width: 300px;
		margin: 0 auto;
	}

	.footer-distributed .footer-left{
		margin-bottom: 20px;
	}

	.footer-distributed form input{
		width: 100%;
	}

}