body, div, td { font-family: verdana, helvetica, tahoma, arial; font-size: 10pt; }
td { vertical-align: top; margin: 0; padding: 0;}
body, html { height: 100%; }

body { text-align: center; background-color: #edebd6; background-repeat: repeat-x; background-image: url('../images/head_bg.jpg'); margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
.page { width: 1076px; min-height: 100%; overflow: visible; margin: 0 auto; repeat-y; background-image: url('../images/page_bg.jpg');}
/* Internet Explorer fix */
* html .page {
height: 100%;
}

a { color: black; }
a:hover { text-decoration: none; }

.head { width: 1076px; height: 216px; margin: 0 auto; text-align: left; background-image: url('../images/head.jpg');}

.pagebar { position: relative; top: 185px; height: 31px; overflow: hidden; margin: 0 9px;}
.pagebar .browsertitle { float: left; width: 246px; text-align: center; }

.pagebar .browsertitle, .pagebar ul li { padding: 9px 0 28px 0; color: white; letter-spacing: 2px; font-size: 8pt; }

.pagebar ul { list-style: none; margin: 0;  padding: 0; }
.pagebar ul li { float: left; padding-left: 30px; padding-right: 30px; cursor: pointer; }
.pagebar ul li:hover { background: url('../images/root-hover.png'); color: black; } 
.pagebar ul li a { text-decoration: none; color: white; }
.pagebar ul li:hover a { color: black; }

.container { width: 1058px; margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; text-align: left; }
.browser { height: 400px; width: 247px; overflow: hidden; background-image: url('../images/browser_bg.jpg'); background-repeat: no-repeat; }
.content { width: 792px; padding: 20px; padding-bottom: 25px; }
.content .ui-icon { display: none; }

#pageTree
{
	font-size: 10pt;
	position: relative;
	top: -8px;
}

#pageTree h1
{
	font-size: 10pt;
	display: inline;
	font-weight: bold;
}

.treebrowser { width: 240px; overflow-x: hidden; }
.treebrowser ul { list-style-type: none; margin: 0; padding: 0; padding-left: 20px; width: 100%; }
.treebrowser ul.root { padding-left: 5px; margin-top: 12px; }
.treebrowser ul li { cursor: pointer; }
.treebrowser ul li span { float: left; padding-right: 5px; }
.treebrowser a { text-decoration: none; color: black; }


img { border: 0; }
.lightbox {  width: 100%; padding: 3px; margin-top: 10px; border: 1px solid #cccccc; background-color: #f6f6f6;}
.lightbox img { padding: 2px; border: 1px solid #cccccc; margin: 3px; }
.lightbox span { padding-left: 3px; letter-spacing: 1px; }