body {
        
			background: #008282;
		}
		div.titlebar {
			background: #000082;
			color: #FFFFFF;
			font-family: monospace, sans-serif;
			font-size: 12px;
			padding: 2px 1px 2px 1px;
			position: relative;
			margin: 0px 0px 1px 0px;
			margin-right: auto;
		}
		div.container {
			background: #c3c3c3;
			position: relative;
			border-style: outset;
			border-color: #FFFFFF;
			border-width: 1px;
			margin-left: 10%;
			margin-right: auto;
			max-width: 1100px;
            min-width: 850px;
			padding: 2px;
		}

/*		div.gallerycontainer {
			background: #c3c3c3;
			border-style: outset;
			border-color: #FFFFFF;
			border-width: 1px;
			margin-left: 10%;
			float: left;
			padding-left: auto;
			max-width: 50%
		} */
		
        div.warningbar {
            background: #DD0000;
            color: #FFFFFF;
            display: block;
            width: 100%;
            margin: 0px;
            padding: 5px;
            text-align: center;
            font-weight: bold;
            font-family: sans-serif;
            font-size: small;
        }
        
		div.content {
			background: #FFFFFF;
			/*color: #000000;
			position: relative;
			border-style: inset;
			border-color: #c3c3c3;
			border-width: 1px;
			font-family: "System", system, monospace;
			font-size: 12px;
			top: 0px;
			*/
			border-style: inset;
			border-color: #dddddd;
			border-width: 2px 0 2px 2px;
			/*border-right: 4px ridge;*/
            /*font-family: monospace, sans-serif, system;*/
			font-size: 12px;
			margin-top: 3px;
			padding: 1px 0 0 4px;
			
		}
        
        div.date {
            position: relative;
            float: right;
            font-size: small;
            color: #888888;
            margin: 5px;
            
        }
        
		div.linkholder {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 50px; 
			position: relative;
			display: block;
		}
		div.caption {
			background-color: black;
			padding: 2px 0 2px 0; 
			text-align: center;
			color: white;
		}
		div.row {
			padding: 10px 0px 10px 0px;
			min-height: 300px; 
			position: relative;
			line-height: 150%;
		}
		div.childcontainer {
			background: #c3c3c3;
			border-style: outset;
			border-color: #DDDDDD;
			border-width: 1px;
			padding: 2px;
			position: relative;
			float: right;
			right: -5%;
			top: -20px;
			margin: 5px 0 5px 15px;
		}
		
		div.thumbcontainer {
			background: #c3c3c3;
			border-style: outset;
			border-color: #DDDDDD;
			border-width: 1px;
			padding: 2px;
			position: relative;
			float: right;
			right: -5%;
			top: -20px;
			margin: 10px 0 5px 15px;
			max-width: 25%;
			height: auto;
		}
		
		div.locations {
			background: #c3c3c3;
			border-style: outset;
			border-color: #FFFFFF;
			border-width: 1px;
			padding: 2px;
			position: relative;
			float: left;
			left: 5%;
			top: 47px;
			margin: 5px;
			z-index: 5;
		}
		
		ul.menu {
			margin: 0px 0px 0px 0px;
			padding: 4px 0px 4px 0px;
			background: #c3c3c3;
			font-size: 12px;
			font-family: "Tahoma", sans-serif;
			list-style-type: none;
			height: 15px;
			display: block;
		}
		li.menuitem {
			color: #000000;
			border: solid;
			border-width: 1px;
			border-color: #c3c3c3;
			text-align: center;
			display: inline;
			padding: 1px 4px 1px 4px;
			margin: 1px 1px 1px 1px;
		}
		li.menuitem:hover {
			color: #FFFFFF;
			border-style: outset;
			border-width: 1px;
			border-color: #dddddd;
			display: inline;
			padding: 1px 4px 1px 4px;
			margin: 1px 1px 1px 1px;
		}
		a.menu:link {
			text-decoration: none;
			color: #000000;
		}
		a.menu:visited {
			text-decoration: none;
			color: #8168a5;
		}
		a.menu:hover {
			text-decoration: none;
			color: #0000FF;
		}
		a.pagelink {
			position: relative;
			display: block;
			float: left;
			width: 20%;
			text-decoration: none;
			color: #FF00FF;
			font-weight: bold;
		}
		a.pagelink:visited {
			text-decoration: none;
			color: #8168a5;
		}
		a.pagelink:hover {
			text-decoration: none;
			color: #0000FF;
		}
		a.dirlink {
			text-decoration: none;
			color: #FF00FF;
			font-weight: bold;
		}
		a.dirlink:visited {
			text-decoration: none;
			color: #8168a5;
		}
		a.dirlink:hover {
			text-decoration: none;
			color: #0000FF;
		}
		a.section {
			font-weight: bold;
			color: #000000;
            font-family: monospace;
			text-decoration: underline;
			font-size: 13pt;
		}
		h2 {
			color: #000000;
            font-family: monospace;
			font-style: italic;
			text-decoration: underline;
                        font-size: 11pt;
		}
		a.subsection {
			color: #000000;
            font-family: monospace;
			font-style: italic;
			text-decoration: underline;
                        font-size: 11pt;
		}
		pre {
			color: #00AA00;
		}
		img.thumb {
			width: 100%;
			border-style: none;
		}
        div.new_thumb {
            margin: 15px;
            padding: 2px;
            border: 1px solid #CCCCCC;
            text-align: center;
            font-family: serif;
            font-style: italic;
            position: relative;
            float: right;
            width: 20%;
        }
		img.new_thumb {
			margin-bottom: 2px;
            display: block;
            width: 100%;
			border-style: none;
		}
		a.image {
			
		}
		
		ul.toplist { 
			list-style: none; 
			margin: -1px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			background: #c3c3c3;
			font-size: 12px;
			font-family: "Tahoma", sans-serif;
			list-style-type: none;
			height: 18px;
			display: block;
		}
		li.topitem {
			color: #000000;
			border: solid;
			border-width: 1px;
			border-color: #c3c3c3;
			text-align: left;
			padding: 1px 4px 1px 4px;
			margin: 1px 1px 1px 1px;
			display: inline; 
			float: left;
		}
		li.topitem:hover ul {
			visibility: visible;
		}
		li.topitem:hover{
			color: #FFFFFF;
			border-style: outset;
			border-width: 1px;
			border-color: #dddddd;
		}
		ul ul.sublist { 
			list-style: none; 
			border: 1px #dddddd outset;
			margin: 1px 0px 0px -5px;
			padding: 0px 0px 0px 0px; 
			position: absolute; 
			visibility: hidden; 
			z-index: 200;
			background: #c3c3c3;
			}
		ul li.subitem {
			text-align: left; 
			color: #000000;
			background: #c3c3c3;
			border: solid;
			border-width: 1px;
			border-color: #c3c3c3;
			padding: 1px 4px 1px 1px;
			margin: 0px 0px 0px 0px; 
		}
		ul li.subitem:hover {
			color: #FFFFFF;
			border-style: outset;
			border-width: 1px;
			border-color: #dddddd;
		}
		div.sidepane {
			background: #FFFFFF;
			color: #000000;
			position: relative;
			/*border-style: inset;
			border-color: #dddddd;
			border-width: 2px 2px 2px 2px;
			border-right: 4px ridge;*/
			font-family: sans-serif, monospace;
			font-size: 12px;
			top: -2px;
			left: -6px;
			padding: 1px 3px 1px 6px;
			margin: 1px 2px 2px 2px;
			width: 14em;
			float: left;
			
		}
		div.rightpane {
			background: #FFFFFF;
			color: #000000;
			position: relative;
			border-style: inset;
			border-color: #cccccc;
			border-width: 2px 2px 2px 2px;
			font-family: "Arial", "Liberation Sans", sans-serif;
			font-size: 10pt;
			top: -2px;
			padding: 1px 2px 2px 4px;
			margin-left: 15em;
			border-bottom: 2px solid white;
			margin-bottom: 0;
			
		}
		img.folder {
			margin: 0 auto 0 auto;
			height: 64px;
			width: auto;
			display: block;
			
		}
		ul.tree { 
			list-style: none outside url('../images/fbullet.png');
			margin-left: 26px;
			margin-top: 5px;
			padding-left: 0px;
			font-size: 12px;
			font-family: "Tahoma", sans-serif;
		}
		ul.subtree { 
			list-style: none;
			padding-left: 6px;
			border-left: 1px dotted #cccccc;
			margin-left: -15px;
			margin-top: 5px;
			font-size: 12px;
			font-family: "Tahoma", sans-serif;
		}
		li.leaf {
			background-image: url('../images/lfbullet.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.pdfleaf {
			background-image: url('../images/pdf_icon.gif');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.sectionleaf {
			background-image: url('../images/section_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.errorleaf {
			background-image: url('../images/error.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.videoleaf {
			background-image: url('../images/video_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}		
		li.imgleaf {
			background-image: url('../images/img_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.codeleaf {
			background-image: url('../images/code_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.otherleaf {
			background-image: url('../images/other_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.failleaf {
			background-image: url('../images/fail_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.autogenleaf {
			background-image: url('../images/autogen_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.passleaf {
			background-image: url('../images/pass_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		li.zipleaf {
			background-image: url('../images/zip_icon.png');
			background-repeat: no-repeat;
			text-align: left; 
			color: #000000;
			padding: 2px 1px 1px 27px;
			margin: 2px 0px 2px 2px; 
		}
		ul li.subitem:hover {
			color: #FFFFFF;
			border-style: outset;
			border-width: 1px;
			border-color: #cccccc;
		}
		div.exploreritem {
			margin: 10px;
			text-align: center;
			float: left;
            width: 100px;
        }
		
		div.exploreritem a:link {
			color: white;
		}
		div.exploreritem a:visited {
			color: purple;
		}
		div.smalltext {
			font-size: 8pt;
			color: white;
			font-family: sans-serif;
			margin-top: 5px;
			margin-bottom: 7px;
		}
	
		img.windowicon {
			vertical-align: middle;
			height: 16px;
			margin-right: 4px;
		}
		
		div.galleryitem {
			margin: 8px;
			display: inline;
		}

		img.tiny {
			width: 20%;
			margin: 5px;
		}
		
		a.superlink {
			font-size: 8px;
            font-family: monospace;
			text-decoration: none;
			vertical-align: super;
		}

		img.big {
			max-width: 100%;
			max-height: 100%;
		}
        table.single {
            border: 2px solid black;
            border-collapse: collapse;
            font-size: 10pt;
        }
        td.single, th.single {
            border: 1px solid #BBBBBB;
            padding: 3px;
        
        }