/* style for <input> items */
.formItem {
	background-color: #D2D1F9;
	border-color: black;
}
/* style for the title of an item in the Sidebar */
.sidebar_title
{
	color: #9900cc;
	font-family: verdana, arial, helvetica, times new roman, sans-serif;
	font-size: 13pt;
	text-align: center;
}
/* style for link items in the Sidebar */
.sidebar_link
{
	color: black;
	font-family: verdana, arial, helvetica, times new roman, sans-serif;
	font-size: 8pt;
	height: 8pt;
	text-align: center;
}
/* Header items*/
	h1
	{
		color: #9900cc;
		font-family: verdana, arial, helvetica, times new roman, sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
	h2
	{
		color: black;
		font-size: 25px;
		font-weight: bold;
		position: relative;
		left: 10px;
		text-align: left;
	}
	h3
	{
		color: black;
		font-size: 20px;
	}
	h1, h2, h3, h4, h5, h6
	{
		font-family: verdana, arial, helvetica, times new roman, sans-serif;
	}
/* basic items */
p, li, ol, ul, dd, dt, body
{
	font-family: verdana, arial, helvetica, times new roman, sans-serif;
	font-size: 13px;
	line-height: normal;
	text-align: left;
}
/* for SMALL text. */
.small
{
	color: #9900cc;
	font-family: verdana, arial, helvetica, times new roman, sans-serif;
	font-size: 10px;
	link-height: normal;
}
/* link items */
	a, a:link
	{
		color: blue;
		font-weight: normal;
		text-decoration: none;
	}
	a:visited
	{
		color: blue;
		font-weight: normal;
	}
	a:hover
	{
		background-color: transparent;
		color: #330066;
		text-decoration: underline;
	}

.input
{
	background-color: #D2D1F9;
	border-bottom-color: black;
	border-left-color: black;
	border-right-color: black;
	border-top-color: black;
	font-family: verdana, arial;
	font-size: xx-small
}

.leftNav
{
	font-family: arial, helvetica;
	font-size: 18;
	background-color: transparent;
	color: #330066;
	font-weight: bold;
	text-indent:6pt;
	text-decoration: none;
	width: 97px;
	height: 24px;
}
.leftNav:hover
{
	font-family: inherit;
	font-size: inherit;
	background-color: #d2d1f9;
	text-decoration: none;
}
/**
 *
 * The following CSS classes are for the DHTML menus on the left side of the page.
 * For more info see http://www.dhtmlcentral.com/projects/coolmenus/
 *
 **/


	/* level 0 */
	.clLevel0, .clLevel0over
	{
		padding:2px; 
		font-family:arial,helvetica; 
		font-size:18; 
		font-weight:bold;
		text-indent:0pt;
		text-align:center;
		text-decoration:none;
	}
	.clLevel0border{
		position:absolute;
		visibility:hidden;
		background-color:#330066;
		layer-background-color:#330066;
	}
	.clLevel0
	{
		position:absolute; 
		background-color:white; 
		layer-background-color:white; 
		color:#330066; 
	}
	.clLevel0over
	{	
		position:absolute; 
		background-color:#d2d1f9; 
		layer-background-color:#d2d1f9;
		color:#330066; 
		cursor:pointer;
		cursor:hand;
		
		border-top:2px;
		border-color:#330066
	}
	
	/* level 1 */
	.clLevel1, .clLevel1over
	{
		padding:2px; 
		font-family:arial,helvetica; 
		font-size:9; 
		font-weight:bold;
		text-indent:6pt;
		text-decoration:none;
	}
	.clLevel1border{
		position:absolute;
		visibility:hidden;
		background-color:#006699;
		layer-background-color:#006699;
	}
	.clLevel1
	{
		position:absolute; 
		background-color:white; 
		layer-background-color:white; 
		color:#330066; 
	}
	.clLevel1over
	{	
		position:absolute; 
		background-color:#d2d1f9; 
		layer-background-color:#d2d1f9;
		color:#330066; 
		cursor:pointer;
		cursor:hand;
	}
	
	/* bar */
	.clBar
	{
		position:absolute;
		width:10;
		height:10;
		background-color:white;
		layer-background-color:white;
		visibility:hidden;
	}