body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0px none;/*zeroes off any existing border*/
	background-color: #ae8d64;/*sets the body background colour*/
	color: #78572A; /*set the default text color */
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the default fonts */
	font-size: 100.01%;/* Sets default font size. This odd value compensates for several browser bugs.*/
	min-width: 770px; /* Firefox will honor this. IE won't.  Must have multiple ways to keep the page from collapsing. */
}

/* These styles set up a "current page marker" or a "you are here" visual cue. 
By setting an ID on the body of each unique page, as well as an ID on each list 
item that contains a link, we can create an automatic look for current page links. */
body#cherokeeOutlet li#cherokeeOutlet a,
body#cherokeeStripLandRun li#cherokeeStripLandRun a,
body#ruralHeritage li#ruralHeritage a, 
body#events li#events a, 
body#otoeMissouri li#otoeMissouri a,
body#bpEnright li#bpEnright a, 
body#perryInPostcards li#perryInPostcards a, 
body#fgBeers li#fgBeers a, 
body#vSpeer li#vSpeer a, 
body#OM-Who li#OM-Who a, 
body#OM-From li#OM-From a, 
body#OM-Beliefs li#OM-Beliefs a, 
body#OM-Education li#OM-Education a, 
body#OM-DailyLife li#OM-DailyLife a,
body#OM-Resources li#OM-Resources a,
body#BPE-Biography li#BPE-Biography a,
body#BPE-Lahoma li#BPE-Lahoma a,
body#BPE-PreBros li#BPE-PreBros a,
body#BPE-Bros li#BPE-Bros a,
body#BPE-PostBros li#BPE-PostBros a,
body#BPE-Studio li#BPE-Studio a,
body#BPE-Bibliography li#BPE-Bibliography a,

body#Celebrations li#Celebrations a, 
body#Reunion li#Reunion a,
body#CelebrationHistory li#CelebrationHistory a, 
body#ParadesCarnivals li#ParadesCarnivals a, 

body#Photography li#Photography a, 
body#FlowerParades li#FlowerParades a,
body#Sports li#Sports a,

body#LTAC li#LTAC a,
body#LTAC-intro li#LTAC-intro a,
body#LTAC-rise li#LTAC-rise a,
body#LTAC-promised li#LTAC-promised a,
body#LTAC-first li#LTAC-first a,
body#LTAC-before li#LTAC-before a,
body#LTAC-schools li#LTAC-schools a,
body#LTAC-methodist li#LTAC-methodist a,
body#LTAC-churches li#LTAC-churches a,
body#LTAC-telephone li#LTAC-telephone a,
body#LTAC-bands li#LTAC-bands a,
body#LTAC-library li#LTAC-library a,
body#LTAC-pictures li#LTAC-pictures a,
body#LTAC-businesses li#LTAC-businesses a,
body#LTAC-parades li#LTAC-parades a,
body#LTAC-parks li#LTAC-parks a,
body#LTAC-poets li#LTAC-poets a,
body#LTAC-history li#LTAC-history a,
body#LTAC-associate li#LTAC-associate a,
body#LTAC-activities li#LTAC-activities a,
body#LTAC-homecoming-1917 li#LTAC-homecoming-1917 a,
body#LTAC-homecoming-1939li#LTAC-homecoming-1939 a,
body#LTAC-style-show li#LTAC-style-show a,
body#LTAC-pictures2 li#LTAC-pictures2 a,
body#LTAC-Moore li#LTAC-Moore a,
body#LTAC-Taylor li#LTAC-Taylor a,
body#LTAC-Alcorn li#LTAC-Alcorn a,
body#LTAC-Johnston li#LTAC-Johnston a,
body#LTAC-Briscoe li#LTAC-Briscoe a,
body#LTAC-Boyes li#LTAC-Boyes a,
body#LTAC-Foster li#LTAC-Foster a,
body#LTAC-Doyle li#LTAC-Doyle a,
body#LTAC-Bowles li#LTAC-Bowles a,
body#LTAC-Tebbe li#LTAC-Tebbe a,
body#LTAC-Merry li#LTAC-Merry a,
body#LTAC-Brengle li#LTAC-Brengle a,
body#LTAC-Nicholson li#LTAC-Nicholson a,
body#LTAC-McKinney li#LTAC-McKinney a,
body#LTAC-Elliott li#LTAC-Elliott a,
body#LTAC-Kretsch li#LTAC-Kretsch a,
body#LTAC-Woodruff li#LTAC-Woodruff a,
body#LTAC-Museller li#LTAC-Museller a,
body#LTAC-Donahoe li#LTAC-Donahoe a,
body#LTAC-Hansen li#LTAC-Hansen a

{
	background-image:  url("images/li_bkg_over.gif");/* changes the background image */
	background-repeat: no-repeat;
	color: #78572A;
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#banner {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 2px solid #78572A;
	border-bottom: 2px solid #78572A;
	height: 80px;
	width: 100%;
	background: url(images/Strip_bkg.jpg) repeat-x;
}

#goldLine {
    position: relative;
	margin: 0px;/*zeroes the margins on the body*/
	padding: 0px;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	height: 2px;	
	width: 100%;
	background-color: #D0923A;
}
#brownLine {
    position: relative;
	margin: 0px;/*zeroes the margins on the body*/
	padding: 0px;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	height: 2px;	
	width: 100%;
	background-color: #78572A;
}

#wrapper_bkg {  
	position: relative; /* important to position it relatively */
	width: 100%; /* sets the width of the wrapper */
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background-image:  url("images/menu_bkg.gif");	
	background-repeat: repeat-y;
	background-color: #ecdbb1;
}
#wrapper_bkg2 {  
	position: relative; /* important to position it relatively */
	width: 770px; /* sets the width of the wrapper */
	margin: 5px auto;
	padding: 0px;
	border: 3px solid #78572A;
	text-align: left;
	background-image:  url("images/menu_bkg.gif");	
	background-repeat: repeat-y;
	background-color: #ecdbb1;
}
#wrapper_bkg3 {  
	position: relative; /* important to position it relatively */
	width: 100%; /* sets the width of the wrapper */
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background-color: #ecdbb1;
}

#horse_bkg {
	position: relative; /* important to position it relatively */
	width: 100%; 
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background:   url("images/horse.gif") no-repeat right bottom;
}

#desk_bkg {
	position: relative; /* important to position it relatively */
	width: 100%; 
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background:   url("images/desk.gif") no-repeat right bottom;
}

#Otoe_Chief_bkg {
	position: relative; /* important to position it relatively */
	width: 100%; 
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background:   url("images/Otoe_Chief_bkg.gif") no-repeat right bottom;
}

#nav-top {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
	background-color: #78572A;
	white-space: no-wrap;
}
#nav-top p {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

/* LEFT NAVIGATION COLUMN-------------------------------------------------------*/

#navigation {
    float: left; /* Floats the div to the left to make a column */
	margin: 0px;
	padding: 10px 0 0 0;
	line-height: 100%;/* helps out IE 5.01 pc */
	width: 200px; /* sets a width for the div */

}

#navigation #searchBox {
	position: relative;
	top: 0px;
	left: 10px;
	margin: 0; 
	padding: 0;
	font-size: 70%;/* scales the font to 75% of the body font declaration*/
	font-weight: bold;
}

#navigation #searchBox .button{
  background-color: #ecdbb1;
  width: 100px;/*changes the default width colour from the input styling*/
  margin-top: 5px;/*adds a little sapce between the bottom input and the buttons*/
  margin-left: 15px;
  margin-bottom: 0px;
  font-size:80%;
  font-weight: bold;
  color: #78572A;/*changes the text color*/
  width: 125px;
}

#navigation ul {
	background-color: transparent;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #78572A;
	font-weight: bold;
 }
 
#navigation ul li {
	padding: 0;
	margin: 0;
	margin: /**/ 0 0 -3px 0;
	ma\rgin: 0;
	width: 195px;
	w\idth: 192px;/*resets the width for IE6 and compliant browsers - see notes on line 93 regarding the position of the escape \ character*/
	background-color: transparent;
	text-align: top;
}

/*Begin styling the link lists - visited is styled the same as link
Note that the reference is to "a" and not "a:link". This makes the link act as a button in a cross-browser way. */
/*You will notice that I have set two selectors on this rule. This is fine when the occasion arises - saves time and space*/
#navigation a, #navigation a:visited {/*use dual selectors if the properties and values are the same for each*/
	background-color: transparent;/* provides a background for the link */
	display: block;/* required to make the links act like a button*/
	padding: 0px 0 5px 24px; /* sets padding values to give the link text some "air"*/
	text-decoration: none; /*removes the underline*/
	text-align: left;
	color: #78572A;
	background-image:  url("images/li_bkg.gif");
	background-repeat: no-repeat;
}

#navigation a:hover, #navigation a:focus { 
	background-image:  url("images/li_bkg_over.gif");/* changes the background image */
	background-repeat: no-repeat;
	color: #78572A; 
}

#navigation h3 {
    margin: 0px;
	padding: 10px 0 10px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 105%;	
	font-weight: bold;
	text-align: left;
}
#navigation h2 {
    margin: 0px;
	padding: 10px 0 10px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 102%;	
	font-weight: bold;
	text-align: left;
}

#facebook a, #facebook a:visited, #facebook a:hover, #facebook a:focus{
    margin: 10, 20, 5, 40;
	background-image:  none;
}
/* Main Content Area-------------------------------------------------------*/

#content {/* Begin laying out and styling the content div for two-column layout */
    position: relative;
	margin: 0 0 0 210px; /* this left margin clears the contact div and allows our content div to become a second column*/
	padding: 10px 0 0 0;/* sets a padding clearance on the bottom of the div*/
	width: 550px;/* sets the width of our content*/
	font-size: 80%;
}
#content3 {/* Begin laying out and styling the content div for two-column layout */
    position: relative;
	margin: 0 30px 0 30px; /* this left margin clears the contact div and allows our content div to become a second column*/
	padding: 10px 0 0 0;/* sets a padding clearance on the bottom of the div*/
	width: 95%;/* sets the width of our content*/
	font-size: 80%;
}

#content p {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
#content p.center {
    text-align: center;
}

#content p.nav {
	padding: 0px 0px 10px 10px;
}
#content p.important {
    font-style: italic;
    font-weight: bold;
}
#content p.indent {
	text-indent: 10px;
}
#content p.divider {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#content ul {
	margin: 10px 0 0 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: bold;
}
#content li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#content li.notBold{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: normal;
}
#content ul.guide {
	margin: 10px 0 5px 10px;
	padding: 0px;
    font-weight: normal;
}
#content li.guide {
	margin: 0px;
	padding: 0px 0px 0px 10px;
    font-weight: normal;
	list-style: disc inside;
}

#content table {
	margin: 10px 0 0 10px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
#content td {
    vertical-align: top;
	padding: 5px;
}
#content td.nopadding {
    vertical-align: top;
	padding: 0px;
}
#content td.center {
    text-align: center;
	vertical-align: top;
}
#content td.middle {
	vertical-align: middle;
}
#content td.photo {
    margin: 0px;
	padding: 0 0 10px 0;
    text-align: center;
	vertical-align: bottom;
	width: 120px;
}
#content td.photo2 {
    margin: 0px;
	padding: 0 0 10px 0;
    text-align: center;
	vertical-align: bottom;
	width: 160px;
}
#content td.photo3 {
    margin: 0px;
	padding: 0 0 10px 0;
    text-align: center;
	vertical-align: bottom;
	width: 320px;
}
#content td.photo4 {
    margin: 0px;
	padding: 0 0 10px 0;
    text-align: center;
	vertical-align: bottom;
	width: 240px;
}
#content td.photo5{
    margin: 0px;
	padding: 0 0 10px 0;
    text-align: center;
	vertical-align: bottom;
	width: 480px;
}

#content td.photo img, #content td.photo2 img, #content td.photo3 img, #content td.photo4 img, #content td.photo5 img {
	border: 0px;
}

#content h1 {
	font-size: 140%; /*scales the main content title*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the default fonts for h1 ** Notice that fonts that consist of more than word are surrounded in quotes*/
	margin: 0px;
	padding: 5px 0 0 0;
	color: #78572A;
	font-style: italic; 
	font-weight: bold;
}
#content h2 {
	font-size: 130%; /*scales the main content title*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the default fonts for h1 ** Notice that fonts that consist of more than word are surrounded in quotes*/
	margin: 0px;
	padding: 0px;
	color: #78572A;
	font-style: italic; 
	font-weight: bold;
}
#content h3 {
	font-size: 120%; /*scales the main content title*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the default fonts for h1 ** Notice that fonts that consist of more than word are surrounded in quotes*/
	margin: 0px;
	padding: 0px;
	color: #78572A;
	font-style: italic; 
	font-weight: bold;
	text-align: center;
}

#content a, #content a:visited {/*use dual selectors if the properties and values are the same for each*/
	padding: 0px; /* sets padding values to give the link text some "air"*/
	text-decoration: underline; /*removes the underline*/
	color: #d0923a;
}

#content a:hover { 
	color: #0085ac; 
}

/* CSS for Building Project page ----------------*/

#buildingProject {/* Begin laying out and styling the content div for two-column layout */
    position: relative;
	margin: 10px; /* this left margin clears the contact div and allows our content div to become a second column*/
	padding: 10px 0 0 0;/* sets a padding clearance on the bottom of the div*/
	width: 100%;/* sets the width of our content*/
}

#buildingProject h1 {
	font-size: 120%; /*scales the main content title*/
	font-style: italic; 
	font-weight: bold;
	text-align: center;
}
#buildingProject p {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

#buildingProject a, #buildingProject a:visited {/*use dual selectors if the properties and values are the same for each*/
	padding: 0px; /* sets padding values to give the link text some "air"*/
	text-decoration: underline; /*removes the underline*/
	color: #d0923a;
}

#buildingProject a:hover { 
	color: #0085ac; 
}


/* Customization of Google's search page content area----------------*/
#Search{
	background-color: #f9f4e7; 
	padding: 20px;  
}

/* Footer Area-------------------------------------------------------*/
#footer {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 30px;
	text-align: center;
	color: #D0923A;
	font-size: 75%;
	background-color: #78572A;
	vertical-align: middle;
}

#footer a, #footer a:visited {/*use dual selectors if the properties and values are the same for each*/
	padding: 0px 2px 0px 2px; /* sets padding values to give the link text some "air"*/
	text-decoration: underline; /*removes the underline*/
	color: #d0923a;
}

#footer a:hover { 
	color: #ecdbb1; 
}

/* Miscellaneous -------------------------------------------------------*/
.leftfloat {
	float: left;/*Floats the image to the left*/
	margin: 5px 10px 2px 0;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
}

.rightfloat {
	float: right;/*Floats the image to the left*/
	margin: 5px 0 2px 10px;/*sets the margins so the image sits nicely in the p elements*/
	border: 0px;
}

.caption {
   font-size: 75%;
   font-weight: bold; 
}

.below {
   clear: both;
}
.center {
   text-align: center;
}
.justify {
	text-align: justify;
}

.italic {
	font-style: italic;
}