body{ 
    margin:0px; 
    padding:0px; 
    font-family: Arial, Helvetica;
	font-size:10.5px; 
	color:#666666; 
	background:url(/images/blackbar.gif) repeat-y #E0DFDF
	;
	}
	
/*-- logo --*/

div#logo h1{
   	position: absolute;
   	top: 0px;
   	left: 32px;
   	margin: 0;
    }
	
/*-- alias --*/

div#logo h2{
	position: absolute;
	top: 0px;
	left: 70px;
	margin: 0;
	}

/*-- side menu --*/

#menu{
	position:absolute;
	z-index:6;
	top:50px;
	left:20px;
	padding:0;
	margin-left:20px;
	list-style:none;
}
li ul{
	position:relative;
	display:none;
	padding:2px;
	margin:0px;
	list-style:none;
}
li{
	position:relative;
	background-color:#ffffff;
	border:0;
	padding:2px;
	margin:0px;
	color:#000000;
}
.subMenu{
	background-repeat:no-repeat;
}
.click{
	background-color:#ffffff;
	color:#000000;
	font-weight: ;
}
.click ul{
	display:block;
}
.hover, ul li a:hover{
	cursor:pointer;
	background-color:#ffffff;
	color:#000000;
	font-weight:;
}
li ul li.hover, li ul li.hover a:hover{
	background-color:#ffffff;
}
li a{
	width:100%;
}
li a, li ul li a, li.hover ul li a{
	text-decoration:none;
	color:#000000;
}
li.hover a, li ul li.hover a{
	color:#000000;
	font-weight:bold ;
}

.dbMenu{
	width:7em;
	margin-left:10px;
}
.dbMenu .subMenu{
	background-image:url('right.gif');
	background-position:right;
}
.dbMenu li ul{
	position:absolute;
	left:6.8em;
	top:0;
	width:8em;
	}




/*-- horizontal placement --*/	
	
div#horz h1{
	position: absolute;
	top: 120px;
	left: 320px;
	margin: 0;
	}
	
div#horz ul{
	position: absolute;
	top: 450px;
	right: 120px;
	float: left;
	list-style-type: none;
	text-align: right;
	}

div#horz table{
	position: absolute;
	top: 455px;
	left: 4px;
	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	}

/*-- vertical placement --*/

div#vert h1{
	position: absolute;
	top: 60px;
	left: 520px;
	margin: 0;
	}
	
div#vert ul{
	position: absolute;
	top: 450px;
	right: 120px;
	float: left;
	list-style-type: none;
	text-align: right;
	}

div#vert table{
	position: absolute;
	top: 595px;
	left: 200px;
	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	}

/*-- square placement --*/

div#square h1{
	position: absolute;
	top: 80px;
	left: 420px;
	margin: 0;
	}
	
div#square ul{
	position: absolute;
	top: 450px;
	right: 120px;
	float: left;
	list-style-type: none;
	text-align: right;
	}

div#square table{
	position: absolute;
	top: 516px;
	left: 102px;
	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	}
	
/*-- image text --*/

.project {
	color: #777777;
	font-size: 12px; 
	font-family: Arial, Helvetica;
	text-align: right;
	font-weight: bold;
	}
	
.projectinfo {
	font-size: 10px; 
	font-family: Arial, Helvetica; 
	text-decoration: none;
	text-align: right;
	width: 20px;
	}

.projectinfo a{
	color: black;
	}
	
.imagenumber {
	color: black;
	font-size: 9px;
	font-family: Arial, Helvetica;
	text-align: right;
	}

.imageinfo {
	text-align: right;
	}
	
.imagename {
	color: black;
	font-size: 12px;
	font-family: Arial, Helvetica;
	text-align: right;
	}
	
.imagedate {
	color: #777777;
	font-size: 12px; 
	font-family: Arial, Helvetica;
	text-align: right;
	}

.buttonfill {
	width: 270px;
	}


.backbutton {
	padding: 0;
	}
	
.nextbutton {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 10;
	}
	
	
