#mainCenter {
	height:100%;
}

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

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

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}
/* title frame */

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

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

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

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

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

/* index frame */

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

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

.indexInfo .filename   { color: #000080 }

.indexInfo .date {
	color: #666;
}

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content   { color: #000080; font-size: 11px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #333333 }

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

.contentLast {
	font-size:11px;
	color: #333333;
	padding-top:6px;
}
element { }
a:hover { color: #eee8aa; font-family: Verdana, Helvetica, Arial; font-style: italic; text-decoration: none; background-color: #00ced1; background-position: 1ex 1ex; cursor: pointer; border-bottom: medium none }
a:active { color: #ff0; font-family: Verdana, Helvetica, Arial; background-color: #6ff }
a:visited { color: #fcc; font-family: Verdana, Helvetica, Arial; font-style: italic }
a:link { color: #ffc; text-decoration: underline; background-color: transparent; list-style-position: outside }