body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background-color: #A74; */
	/* background-color:#FFF5D2; */ 
	background:#FFF5D2 url(images/back2col.jpg) repeat-y 0 0;
	}

/* The CSS
This elementary CSS rule is added to the body element:

background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;

Essentially we're making the entire page's background color grey and tiling it vertically only (repeat-y). The 50% 0 bit refers to the positioning of the background image — in this case, 50% from the left side of the browser window (resulting in a centered image) and 0 pixels from the top.
 */

#top {
	font-size: 12px;  /*affects top height*/
	line-height: 22px; /*affects top height*/
	margin: 0px 0px 0px 0px;
	padding: 1px; /*token padding no content in header*/
	border: 0px;
	background: #9E6B38;
	height: 23px; /* ie5win fudge begins - minus 20 pixels */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 23px;
	}
html>body #top {
	height: 23px; /* ie5win fudge ends */
	}

#left {
		font:11px Verdana; 
        position:absolute;
        top:24px;
        left:0px;
        margin:0px;
        padding:0px;
        border: 0px;
        /* background: #A74; */
		background:#B79164; 
        width:120px; /* ie5win fudge begins */
        voice-family:"\"}\"";
        voice-family:inherit;
        width:120px;
        }
html>body #left {
	width:120px; /* ie5win fudge ends */
        }

DIV.TextCenter {
position:absolute;
top:49px;
left:155px;
width:360px;
height:380px;
text-align:center; 
/* border:2px;
border-style: solid;
border-color: #00dd00; */
}

DIV.Ndx01 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:normal; 
font-size:1.9em; 
text-align:center; 
color:#930; 
position:relative; 
top:0px;
}
DIV.Ndx02 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:italic; 
font-size:1em; 
text-align:center; 
color:#AA7E4E;
position:relative; 
top:20px;
}
#barmiddle {
border-top-width:1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #B79164; 
text-align:center; 
width: 180px;
top:45px;
}
/* margin-left:auto;
margin-right:auto; */
/* display:block; 
align:center; 
position:relative;  */
DIV.Ndx03 {
font-family:Georgia,serif;
font-weight:bold; 
font-style:italic; 
font-size:.85em; 
text-align:center; 
color:#B79164;
position:relative; 
top:55px;
}
DIV.Ndx04 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:normal; 
font-size:.6em; 
text-align:center; 
color:#AA7E4E;
position:relative; 
top:121px;
}

/* 
DIV.Ndx01 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:normal; 
font-size:1.9em; 
color:#993300; 
position:absolute; 
top:49px;
left:186px;
}
DIV.Ndx02 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:italic; 
font-size:1em; 
color:#AA7E4E;
position:absolute; 
top:93px;
left:186px;
}
DIV.barmiddle {
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #AA7E4E; 
	width: 180px;
	position:absolute; 
	top:130px;
	left:186px;
}
DIV.Ndx03 {
font-family:Georgia,serif;
font-weight:bold; 
font-style:italic; 
font-size:.85em; 
color:#B79164;
position:absolute; 
top:150px;
left:186px;
}
DIV.Ndx04 {
font-family:Arial,sans-serif;
font-weight:bold; 
font-style:normal; 
font-size:.6em; 
color:#AA7E4E;
position:absolute; 
top:360px;
left:186px;
}
 */
DIV.dkbox {
border: 0px;
border-style: none;
width: 120px;
height: 26px; 
background: #9E6B38;
position:absolute; 
left:0px;
}
		
/* = = = = = = = */
/* these list styles are all for navigation bar */
/* ANYTHING STARTS WITH LI UL IS FLYOUTS */
UL {
	padding-right:0px; 
	padding-left:0px; 
	padding-bottom:0px;
	margin:0px 0px 0px 0px; 
	width:120px; 
	padding-top:0px; 
	border-bottom:#B97 1px solid; 
	list-style-type:none; }
/*width above is overall nav column width*/
UL LI {
	position:relative; }
LI UL {
	display:none; 
	left:119px; 
	position:absolute; 
	top:0px; 
	width:150px; }
/*left above is fly-outs relation to main nav column*/

UL LI A.NavLtBrn {
	border-right:#B97 1px solid; 
	padding-right:5px; 
	border-top:#B97 1px solid; 
	display:block; 
	padding-left:5px; 
	padding-bottom:5px;
	border-left:#B97 1px solid; 
	padding-top:5px; 
	border-bottom:#B97 0px solid; 
	text-decoration:none; 
	background:#F7E5B2; 
	color:#975; 
	}
/* above is base background color for main nav */

/* following suggested by R.Pringle but caused IE problems... */
/* UL LI A.NavLtBrn {width: 108px;} */ 
/* Firefox, add 120px minus padding and borders -R.Pringle */

UL LI A.NavLtBrn:focus {
border:none;
}
/* Be sure to use the following order...
:link  :visited  :focus  :hover  :active     */
HTML UL LI {
	FLOAT:left; 
	HEIGHT:1%; }
HTML UL LI A {
	HEIGHT:1%; }
UL LI A.NavLtBrn:hover {font-weight:bold; 
	background:#FFF5D2; 
	COLOR:#930; }
/* both background color and font color */
/* base style main nav column */
LI UL LI A.NavLtBrn {
	padding-right:5px; 
padding-left:5px; 
padding-bottom:2px;
padding-top:2px; 
        background:#F7E5B2; COLOR:#975; }
/* flyouts base style */
/* WAS CEC 888   */
/* BETWEEN FFEEAA AND FFDDBB  */
LI UL LI A.NavLtBrn:hover {font-weight:bold; 
	padding-right:5px; 
	padding-left:5px; 
	padding-bottom:2px;
	padding-top:2px; 
	background:#FFF5D2; 
	color:#930; }
/* flyouts hover style */
/* WAS fec b50   */
LI:hover UL {
	display:block; }
LI.over UL {
	display:block; }
/* = = = = = = = */


#middle {
	margin: 0px 0px 0px 120px;   /* top right bottom left */
	padding: 50px;
	/* background: #C96; */
	background:#FFF5D2 url(images/kft2f-RGB-1d.jpg) no-repeat 20px 0;
  	height: 400px; /* was 96% */
	}
	/* kft2f-RGB-1d.jpg  is  width 379px height 480px */

/* FFF5D2 EDDBB6 D7BF97 C3A57A B79164 AA7E4E 9E6B38 885522 */ 
/* FFF5D2 RGB 255 245 210
	EDDBB6 RGB 237 219 182
	D7BF97 RGB 215 191 151
	C3A57A RGB 195 165 122
	B79164 RGB 183 145 100
	AA7E4E RGB 170 126 78
	9E6B38 RGB 158 107 56
	885522 RGB 136 85 34 */

/* selection rectangle problem */
/* http://www.csscreator.com/attributes/properties/:focus  */
/* javascript solution...
http://www.htmlgoodies.com/beyond/nodottedline.html  */
/* no answer at all...
http://www.cs.tut.fi/~jkorpela/www/links.html#selrect   */