body {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	background: #655A46 url(images/bg.gif);
	margin-left: 0px;
	margin-right: 0px;
}

#container {
	position: relative;
	margin: 0 auto;
	border: 1px solid red;
	width: 760px;

	background: #FCFAEA url(images/horiz1.gif) repeat-y;
	border-top: 2px solid #555;
	border-left: 2px solid #555;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}


h1, h2, h3, .DictionaryLetter, .SubHeading, .subheading {
	font-weight: bold;
	clear: both;
}

h1 {
	font-size: 13pt;
}
h2, .DictionaryLetter {
	font-size: 12pt;
}
h3, .SubHeading, .subheading {
	font-size: 11pt;
}
.toplink {
	font-size: 80%;
	font-weight: normal;
}

dt {
	font-weight: bold;
	margin-top: 20px;
}
dd {
}

#content {
	position: relative;
	left: 170px;
	padding-top: 80px;
	padding-bottom: 10px;
	width: 500px;
}
#content p, #content li {
	padding-right: 100px;
}

#picture {
	position: absolute;
	top: 50px;
	left: 25px;
	z-index: 450;
}

#pagetitle {
	position: absolute;
	top: 200px;
	left: 20px;
	width: 150px;
	font-weight: bold;
	font-size: 24px;
}

#banner {
	font-size: 20pt;
	position: relative;
	height: 50px;
	width: 100%;	
	left: 0px;
	top: 10px;
}
	#logo {
		float: left;
		width: 160px;
		padding-left: 10px;
	}
		#logo_call {
			color: navy;
			font-style: italic;
		}
		#logo_on {
			color: black;
			font-size: 80%;
		}
		#logo_ken {
			color: red;
		}

	#title {
		font-weight: bold;
		font-size: 20pt;
		color: black;
		float: left;
	}
	
	#subtitle {
		font-size: 16pt;
		clear: left;
		padding-left: 170px;
	}

/*******************************************************************************/
/*  The navigation bar goes across the page.  This comprises a darker spacer,  */
/*  a light spacer and a combination of buttons and spacers.                   */
/*******************************************************************************/
#NewNavBar {
	position: absolute;
	top: 80px;
	left: 0px;

	height: 30px;
	width: 100%;
	background-image:   url(images/mainbar_bg2.gif);
	background-repeat: repeat-x;
	z-index: 400;
}
#NewNavBar #SpacerL1 {
	width: 150px;

	height: 30px;
	top: 0px;
	padding: 0px;
	line-height: 30px;	
	float: left;
	background-image: url(images/mainbar_bg_dark.gif);
	background-repeat: repeat-x;
	z-index: 7;
}

#NewNavBar #SpacerL {
	width: 20px;
	height: 30px;
	top: 0px;
	padding: 0px;
	border-right: 1px solid #333;
	line-height: 30px;	
	float: left;
	background-image: url(images/mainbar_bg2.gif);
	background-repeat: repeat-x;
	z-index: 7;
}

div#nav {
	position: absolute;
	top: 0px; left: 160px;
	margin: 0px;
	background: #FFF;
	font-size: 9pt;
	height: 30px
}

div#nav ul {
	margin: 0;
	padding: 0;
	background: white;
}

div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 8em;
	border-right: 1px solid #333; 
	border-left: 1px solid #fff; 
	
}

/* top level menu formatting */
div#nav ul.level1 li {	
	border-left: 1px solid #blue; 
	border-right: 1px solid #red; 
	height: 30px;	
	background-image: url(images/mainbar_bg2.gif);
	background-repeat: repeat-x;
}
div#nav ul.level2 li {	
	height: auto;
	background-image: none;
	background-color: #B4A78F;
}

div#nav ul.level1 li:hover {
	background: #EBB;
	background-image: url(images/mainbar_bg_hover.gif);
	background-repeat: repeat-x;
	color: #f33;
}
div#nav ul.level2 li:hover {
	background-image: none;
	background-color: #D1C1A5;
}

div#nav li.submenu {
	background: url(images/dropmenu.gif) 95% 50% no-repeat;
}

div#nav li.submenu:hover {
	background-color: #EDD;
	background-image: url(images/mainbar_bg_hover.gif);
	background-repeat: repeat-x;
	color: #f33;
}

div#nav li a {
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	color: black;	
	font-weight: bold;
}
div#nav ul.level2 li a {
	font-weight: normal;
}
div#nav li a:hover {
	color: #f00;
}
div#nav>ul a {
	width: auto;
}

div#nav ul ul {
	position: absolute;
	width: 8em;
	display: none;
}

div#nav ul ul li {
	border-bottom: 1px solid #CCC;
	border-right-color: #CCC;
}

div#nav li.submenu li.submenu {
	background-image: url(images/submenu.gif);
	background-repeat: no-repeat;
}

div#nav li.submenu li.submenu:hover {
	background-image: none;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}

div#nav ul.level2 {
	top: 30px; /*1.5em;*/
	left: -1px;
	margin-top: 0px;
}

div#nav ul.level3 {
	top: -1px;
	left: 8em;
	border-top: 1px solid #CCC;
}
div#nav span#filler {
	float: left;
	border-left: 1px solid #fff;
	width: 1px; 
	height: 30px;
	background-image: url(images/mainbar_bg2.gif);
	background-repeat: repeat-x;
}

.imageright {
	float: right;
/*	
	position: relative; 
	left: 120px;
*/	
}

ul.bullets li {
	margin-left: -20px;
	padding-left: -20px;
	margin-bottom: 10px;
}

p.aside {
	color: maroon;
	margin-left: 20px;
}

.bold {
	font-weight: bold;
}

div.example {
	position: relative;
	width: 400px;
	border: 1px solid brown;
	border-bottom-width: 3px;
	border-right-width: 3px;
	color: brown;
	padding: 5px;
}

#content div.example p, #content div.example li {
	padding-right: 0px;
}

.highlightred {
	color: red;
}

#content label {
	float: left;
	width: 10em;
}

#content input, #content textarea {
	border: 1px solid #cccccc;
	padding: 2px;
	width: 250px;
}

#content input.option {
	width: auto;
	border: none;
}

#content input.button {
	width: auto;
	border: none;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	cursor: default;
}