body {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #211a08;
	background-image: url(../images/design/bg101.gif); /*  KIVA BODY BACKGROUND */
	background-color: #cccccc; /* SET THIS FOR HIGH RESOLUTION and SHORT CONTENT */
	padding: 0em;
	margin: 0em;
	height: 100%;
}

/* ********************* COLOR THEME STYLES *************************************** */
/* BACKUP STYLE for NO JAVASCRIPT DISPLAY - THIS IS IN MENU STYLES */
.menuArea {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .85em;
	color: #ffffff;
 	align: center;
	background-color: #c7b889;
	padding-top: .65em;
	padding-right: 0em;
	padding-bottom: .65em;
	padding-left: 0em;
	margin: 0em;
}

/* THIS NEEDED TO CENTER IN MOZILLA */
#outerpage {
	background-color: transparent;
}

/* innerpage division width set in resolution style sheets */
#innerpage {
	background-color: #ffffff;
}

/* LIGHT GRAY BORDER */
.innerborder {
	border-top: #cccccc 4px outset; 
  	border-right: #cccccc 5px outset; 
  	border-bottom: #cccccc 5px outset;
  	border-left: #cccccc 4px outset;		
}

.header {
	background-color: #c7b889;
	margin: 0em;
	padding: 0em;
}

.headerDivide {
	background-image: url(../images/design/headDivider.gif);
	background-color: #800000;
	margin: 0em;
	padding: 0em;
}

.headerImg {
	background-image: url(../images/design/kivaHead.jpg);
	background-color: #c7b889;
	margin: 0em;
	padding: 0em;
}

.search {
	z-index: 1;
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	font-size: .75em;
	margin-top: 2px; 
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 20px;
	padding: 0px;
	color: #97030c;
	background-color: #b09a57;
	border-top: #97030c 1px solid; 
  	border-right: #97030c 1px solid; 
  	border-bottom: #97030c 1px solid;
  	border-left: #97030c 1px solid;
}

.searchForm {
	margin-bottom: 6px;
	text-align: center;
}


/* ********************* END COLOR THEME STYLES *************************************** */


/* HEADING CASCADES OFF CONTENT STYLE */
h1 {
	font-size: 140%; /* SET SO BODY CONTROLS SIZE */
}

h2 {
	font-size: 120%; /* SET SO BODY CONTROLS SIZE */
}

h3 {
	font-size: 100%; /* SET SO BODY CONTROLS SIZE */
}

h4 {
	font-size: 90%; /* SET SO BODY CONTROLS SIZE */
}

h5 {
	font-size: 80%; /* SET SO BODY CONTROLS SIZE */
}

h5.hozBack {
	color: #ffffff;
	background: #97030c;
	text-align: left;
	padding-left: 20px;
}

h6 {
	font-size: 70%; /* SET SO BODY CONTROLS SIZE */
}

p {
	font-size: .82em;  /* equals 12pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;    
	padding-left: 0px;
	margin-right: 20px;
	margin-bottom: 3px;
	margin-left: 30px; /* MARGIN PRESET TO 30PX */  
}

p.center {
	font-size: .82em;  /* equals 12pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;    
	padding-left: 0px;
	margin-bottom: 3px;
	margin-left: 0px;  
}

p.bookReview {
	font-size: .75em;  /* equals 12pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;    
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px; 
}

p.margin10 {
	margin-left: 10px;
}

p.margin20 {
	margin-left: 20px;
}

p.margin30 {
	margin-left: 30px;
}

ul.noBullet {
	list-style-type: none;
}


/* SPECIAL PAGE DIVISION STYLES IN PRINT STYLES TOO */

#header {
	display: block;
}

.leftHead {
	float: left;
	margin-top: 0px;	
	margin-right: 30px;	 
	margin-bottom: 0px;
	margin-left: 0px;
}

.subtitle {
	font-family: "Times New Roman", serif;
	font-size: 1.02em;
	font-weight: bold;
	text-align: right;
	margin-top: 42px;
	margin-bottom: 0px;
	padding-right: 25px;
	color: #800000;
	background-color: transparent;
}

.title {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	
	text-align: right;
	font-style: italic;
	color: #404040; /* GRAY COLOR */
	background-color: transparent;
	margin-top: -5px;
	padding-right: 20px;
}

#content {
	display: block;
	background-color: #c7b889;
}

.pageContent {
	vertical-align: top;
	background-color: #ffffff;
	padding-right: 10px;
	padding-left: 10px;
}

#footer {
	display: block;
}

#printHeader {
  	text-align: center;
	display: none;
}

#adaMenu {
	display: block;
} 

#bottommenu {
	display: block;
} 

/* END SPECIAL PAGE DIVISION STYLES */


/*Small text for copyright notice*/
.small {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: .7em;
	text-align: center;
	background-color: transparent;
}

/* SPECIAL FONT COLORS */
.mountain {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #0c489b;
}

.river {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #0084b0;
}

.spruce {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #006633;
}

.pine {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #009900;
}

.cherry {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #ff0000;
}

.maroon { 
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #800000;
} 

/* END TEXT STYLES */

/* IMAGE FLOAT STYLES */

.rightSide { 
	float: right;
	margin-top: 0px;	
	margin-right: 30px;	 
	margin-bottom: 12px;
	margin-left: 20px; 
}

.leftSide { 
	float: left; 
	margin-top: 0px;	
	margin-right: 20px;	
	margin-bottom: 12px;
	margin-left: 30px;	 
}
/* END IMAGE FLOAT STYLES */

div.clear {
	clear: both;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	

hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 0.2em;
	margin: 0px;
	padding: 0px;
}

/* Special Custom Horizontal Rule */
hr.mainbgcolor {
	color: #97030c;
	background-color: #97030c;
	height: 0.2em;
	margin-right: 4px;
	margin-left: 4px;
}

.footer_menu p {
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: .80em; 
	text-align:center;
	background-color: transparent;
	border-top: 6px; /* ADJUST FOR BORDER SIZE */
	border-right: 0px;
	border-bottom: 6px; /* ADJUST FOR BORDER SIZE */
	border-left: 0px;
	border-color: #97030c;
	border-style: double; /* solid; double; */
}

/* ANCHOR AND MENU CSS*/	
/* This document's anchor pseudo-classes*/
/*General Link CSS for text links*/

a {
	font-weight: bold;
	text-decoration: none;
	color: blue;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
	color: red;
}

/* Special Book Menu Link Anchors*/
a.specialMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	font-weight: bold;
	margin-right: 15px;
	text-decoration: none;
	color: #000fff;
}

a.specialMenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	font-weight: bold;
	margin-right: 15px;
	text-decoration: none;
	color: Red;
}

/* New Special Link Anchors*/
a.special {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: bold;
	text-decoration: none;
	color: #000fff;
}

a.special:link {
	text-decoration: none;
	color: #000fff;
}

a.special:active {
	text-decoration: none;
	color: #000fff;
}

a.special:visited {
	text-decoration: none;
	color: #008080;
}

a.special:hover {
	text-decoration: underline;
	color: Red;
}
a.special:visited:hover {
	text-decoration: underline;
	color: Red;
}

/* SPECIAL MYSTIC BUTTON ANCHOR STYLES */
.mysticbutton {
	font-family: helvetica,arial,sans-serif;
	font-weight: bold; 
	font-size: 90%; /*90% */
	width: 14.5em;
	margin: 1em 0em; 
}

.mysticbutton A {
	display: block; 
	width: 20em;       /* 18em; */
}

.mysticbutton A:link {
	color: #ffffff; 
	background-color: #8B1A1A;       /*#063e89;*/ 
	text-decoration: none;
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid;
}

.mysticbutton A:visited {
	color: #ffffff; 
	background-color: #8B1A1A;       /*#063e89;*/  
	text-decoration: none;
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid; 
}

.mysticbutton A:hover {
	color: #ffffff; 
	background-color: #d17d7d; /*#3c5ed9; */
	text-decoration: none;
	border-top: #4a4a4a .15em solid; 
	border-right: #cecece .15em solid; 
	border-bottom: #cecece .15em solid;
	border-left: #4a4a4a .15em solid;
}

.mysticbutton span {
	font-family: Verdana, Arial, sans-serif;
	font-size: .99em;   /* also adjusts background color height */
	font-weight: bold;
	padding-top: 0em; 
	padding-right: 0.4em;
	padding-bottom: 0em;  
	padding-left: 0.4em; 
	color: #0c479d; 
	background-color: #e6e6e6;
}