body {
	behavior: url("csshover.htc");
}
	
.title {
	font: 36px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #666666;
	padding: 10px;
}

.textsmall {
	font: 10px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #666666;
	padding: 10px 0px 10px 0px;
}

.textsmallright {
	font: 10px/13px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #666666;
	padding: 10px;
	text-align: right;
}

.text {
	font: 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #333333;
	padding: 10px 0px 10px 0px;
}

.textwhite {
	font: 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #FFFFFF;
	margin: 4px 0px 4px 0px;
}

.titleblock {
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #FFFFFF;
	background-color: #9EC1ED;
	padding: 4px;
}

.titleblock2 {
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #FFFFFF;
	background-color: #6699CC;
	padding: 4px;
}



.titleblockline {
	font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #6699CC;
	padding: 4px;
	border-top: 1px solid #9EC1ED;
	background: url(images/bg.gif) repeat-x;
	border-left: 1px solid #CEE0F6;
}

.lineleft {
	border-left: 1px solid #CEE0F6;
}

.emptyblockblue {
	margin: 4px 0px 4px 0px;
	background-color: #6699CC;
	padding: 5px;
}

.emptyblockgray {
	margin: 4px 0px 4px 0px;
	background-color: #DDDDDD;
	padding: 5px;
}

.navbar {
	background-color: #6699CC;
	font: bold 13px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	padding: 5px 2px 5px 15px;
	color: #FFFFFF;
}

ul,li,a {	
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	background: white;
	list-style-type: none;
	width: 150px;
}

li {
	position: relative;
	z-index: 9;
	padding: 0;
}
	
li.folder  { 
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	background-color: #EFEFEF;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	width: 135px;
	height: 23px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html li.folder {
	width: 145px;
	height:  23px;
}
 
/* End hide from IE5/mac */

li.explain { 
	font: bold 11px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	background-color: #DCEAF9;
	border-bottom: 1px solid #FFFFFF;
	color: #6699CC;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 190px;	
}

* html li.explain { 
	width: 200px;
}
					
li.folder ul {
	position: absolute;
	display: none;
	left: 150px; /* IE */
	top: 0px;
}	
		
li.folder>ul { 
	left: 150px;
}

li.folder:hover { 
	z-index: 10; 
}	

#middlesection { 
	z-index: 0; 
}	
		
ul.level1 li.folder:hover ul.level2, 
ul.level2 li.folder:hover {
	display: block;
	width: 200px;
}

li a {
	text-decoration: none;
	color: #666666;
	display: block;
	width: 100%; /* IE */
}
	
li>a { 
	width: auto;
}

li a.submenu {
	background-color: #EEE;
	padding-left: 10px;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	display: block;
	border-bottom: 1px solid #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

a:link, a:visited {
	color: #666666;	
}

a:hover {
	color: #000000;	
}

li.folder:hover {
	background-color: #EFEFEF;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}

.text a:hover li, .text a:link, .textsmall a:link, .textsmallright a:link {
	color: #336699;
	text-decoration: none;
}

.text a:hover li, .text a:visited, .textsmall a:visited, .textsmallright a:visited  {
	color: #666666;
	text-decoration: none;
}

.text a:hover li, .text a:hover, .textsmall a:hover, .textsmallright a:hover {
	color: #FF5500;
	text-decoration: none;
}

.text a:active li, .text a:active, .textsmall a:active, .textsmallright a:active {
	color: #999999;
	text-decoration: none;
}

.text ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.text li {
	list-style-type: none;
	margin: 0px;
	padding:  0px;
	background: url(images/bullet.gif) no-repeat;
	padding: 0px 0px 0px 15px;
}