#mainCenter  { color: #fff; height: 100% }

#titleframe  { color: #fff; background-color: #cccccc; width: 100% }

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{ color: #000; text-decoration: none; font-weight:normal;} 
a:hover		 { color: #fff; text-decoration: underline }

/* title frame */

.titleContent  { color: white; padding: 6px 0 6px 6px }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #ffffff;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent  { color: white; padding-top: 6px; padding-bottom: 6px; width: 95%; border-bottom: 1px dotted #333333 }

.indexInfo   { color: white; font-size: 12px; font-family: "Trebuchet MS", verdana, arial; padding: 0 0 0 6px }

.indexInfo .filename    { color: #fff }

.indexInfo .date  { color: #fff }

/* file info */

#content  { color: #fff; font-size: 11px; font-family: "Trebuchet MS", verdana, arial; padding: 8px; width: 100%; border-bottom: 1px dotted #333333 }

#content .header { color: #fff; font-size: 9px; font-weight: bold }

#contentLast   { color: #fff; font-size: 11px; font-family: "Trebuchet MS", verdana, arial; padding-top: 6px; width: 95% }

#contentLast .header { color: white; font-size: 9px; font-weight: bold }