#page a {
	text-decoration: none;
	color: black;
}

#page a:hover {
color: #009AFF;
}

#page .nav {
	margin: 2px;
	padding-left: 10px;	
	
	margin-bottom: 8px;
}

#pagej [chapterof]
{
	cursor: pointer;
	color: Black;
	background-color: #DCDCDC;
	
	padding: 2px;
	padding-left: 8px;
	
	margin-bottom: 2px;
	border-style: outset;
}

#page [chapterof] {
	padding: 2px;
	padding-left: 8px;
	padding-right: 2px;
	background-color: #ddd;
	border-top: 1px solid #eef;
	border-left: 1px solid #eef;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;

	text-align: left;
	vertical-align: top;
	
	cursor: pointer;
	color: Black;
	background-color: #DCDCDC;
	margin-bottom: 2px;
	}


#page [chapterof]:hover
{
	cursor: pointer;
	color: gray;
	
}

#page div.chapter {
	margin-top: 4px;
	margin-bottom: 6px;
}

#page div.menu {
	margin-top: 4px;
	margin-bottom: 6px;
}

#page input, #page select, #page textarea
{
	border:0px none;
	width:100%;
	/* width:90%; */
	overflow: hidden;
	
	/* smartit */
	color: black;
}

#page .button, #page input[type=button]
{
	width: auto;
	padding-left: 2px;
	padding-right: 2px;

	background: transparent;
	margin: 2px;
	cursor: pointer;
	color: Black;

}

#page .button:hover, #page input[type=button]:hover
{
	color: gray;

	
}

.hand {
	cursor: pointer;
	background-color: #F2F2F2;
}


#welcome div[link]:hover {
	cursor: pointer;
	text-decoration: underline;	
}

#page #head {
	float: left;
	width: 600px; 
	height: 40px;
	padding-left: 248px;
	clear: both;

	font-size: 27px; 
	color: #0099FF;
	font-family: Arial;
	margin-top: 8px;
	

}

#page #left  {
	float: left;
	width: 220px; 
	vertical-align: top; 
	
	padding-left: 10px;
	clear: left;
}

#page #left span:first-child {
	color: #0099FF; 
	font-size: 18px; 
	font-family: Arial;
	
}

#page #right {
	float: left;
	width: 600px;	
	
	vertical-align: top;
	padding-left: 18px;
	text-align: left;	
	border-left: 1px dotted black;

	margin-bottom: -5px;
	

}