/*  General */
	
body {  
	background-image: url(../artwork/space-all-star-tile.gif);
	color: #000;
	margin: 40px 0 0 40px;
	padding: 0;
	font-family: Monaco, Verdana, "Courier New", monospaced; 
	font-size: 9px; 
	letter-spacing: 1px; 
	line-height: 15px; 
	color: #000;
}

#bodytemp {  
	background: #ccc url(../artwork/work-box.jpg);
	background-repeat: no-repeat;
	color: #000;
}	

#bodyabout {  
	background: #0c0;
}	

#bodylinks {  
	background: #9cf;
}	

#bodycontact {  
	background: #fff;
}	

#bodypopup {  
	background: #fff;
	color: #000;
	margin: 0px;
}	

#bodyallstar {  
	background-image: url(../artwork/space-all-star-tile.gif);
}

#bodymars {  
	background-image: url(../artwork/space-mars-tile.gif);
}

#bodyunivers {  
	background-image: url(../artwork/space-univers-tile.gif);
}

#bodyfilenotfound {  
	background-image: url(../artwork/file-not-found-tile.gif);
}

	
	/*  Links */

a {
	text-decoration: underline;
	color: #000;
}

a:hover {  
	background-color: #fff;
}

#menurecentthird a, #menuarchivethird a, #menurecentpd a, #menuarchivepd a {
	text-decoration: none;
}

#menurecentthird a:hover, #menuarchivethird a:hover {
	background-color: transparent;
}

.columnthird a:hover {
	text-decoration: underline;
	background-color: #ff0;
}

.columnquarterwhite a:hover {
	text-decoration: underline;
	background-color: #ff0;
}

.paragraphpractisetitle a:hover {
	text-decoration: underline;
	background-color: #ff0;
}

.bold {
	color: #000;
	font-weight: bold;
}
	
.white, .here {
	color: #fff;
}

.here a, .hereabout a, .herelinks a {
	text-decoration: underline;
	color: #fff;
}

.here a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #ccc;
}	

.hereabout a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #0c0;
}	

.herelinks a:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #9cf;
}

.herecontact a {
	text-decoration: underline;
	background-color: #ff0;	
	color: #fff;
}

.herecontact a:hover {
	text-decoration: underline;
	background-color: #ff0;
	color: #000;
}

#workdescribe a, #linkdescribe a {
	text-decoration: none;
	color: #00f;
}

#workdescribe a:hover, #linkdescribe a:hover {
	text-decoration: none;
	background-color: #ff0;
	color: #000;
}

.highlight {
	color: #f0c;
}	


	/*  Layout */
	
p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.paragraphspace {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
}
	
.paragraphhalfspace {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
}	

.paragraphpractisetitle {
	margin-bottom: 59px;
	text-align: left;
    border: 1px solid #fff;		
}

.paragraphdivider {
	padding-bottom: 14px;
	margin-top: 0;
	margin-bottom: 14px;
	text-align: left;
	border-bottom: 1px dotted #000;
}

.paragraphcaption {
	padding: 0 14px 0 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}	

.image {
	border: 0;
}	

ul {
	list-style-type: none
}

li {
	list-style-image: url('../artwork/menu-right-arrow-black.gif');
}

div.spacer {
	clear: both;
}

#container {
	margin-bottom: 14px;
	width: 776px;
}

#containerquarter {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 194px;
}

#containerthird {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 291px;
}

#containerquarterwhite {
    float: left;
	background: #fff;
	margin-bottom: 14px;
	width: 194px;
}
	
.containerwork {
    float: left;
	background: transparent;
	width: 582px;
}	
	
#heading {
    float: left;	
	background: transparent;
	margin-top: 12px;
	margin-bottom: 43px;
	width: 776px;
}

#headingquarter {
    float: left;	
	background: transparent;
	margin-top: 12px;
	margin-bottom: 43px;
	width: 180px;
}

#headingquarterwhite {
    float: left;	
	background: #fff;
	margin-top: 12px;
	margin-bottom: 43px;
	width: 180px;
}	
	

#pageheading {
    float: left;
	display: inline;
	background: #fff;
	padding: 2px 14px 2px 14px;
	margin: 11px 7px 14px 7px;
    border: 1px solid #fff;
	width: 277px; /* IE Hack */	
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;
	height: 15px;
}
	
.columnthird {
    float: left;
	display: inline;
	background: #fff;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;	
	margin-right: 7px;
	width: 277px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;	 
}
	
#menurecentthird {
	z-index: 2;
	position: absolute;
	top: 52px;
	left: 234px;
	background: #ff0;
	padding: 2px 14px 2px 14px;
	margin-right: 7px;
	margin-left: 7px;
    border: 1px solid #ff0;
	width: 277px; /* IE Hack */	
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;
	height: 15px;
}

#menurecentpd {
	z-index: 4;
	position: absolute;
	top: 71px;
	left: 234px;
	visibility: hidden;	
	background: #ff0;
	padding: 15px 14px 15px 14px;
	margin-right: 7px;
	margin-left: 7px;
    border: 1px solid #ff0;
	width: 277px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;	 	
}
	
#menuarchivethird {
	z-index: 3;
	position: absolute;
	top: 52px;
	left: 525px;
	background: #ccc;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;	
	margin-right: 7px;
    border: 1px dotted #fff;
	width: 277px; /* IE Hack */
	height: 21px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;
	height: 15px;	
}	

#menuarchivepd {
	z-index: 5;
	position: absolute;
	top: 71px;
	left: 525px;
	visibility: hidden;	
	background: #ccc;
	padding: 15px 14px 15px 14px;
	margin-right: 7px;
	margin-left: 7px;
    border: 1px dotted #fff;
	border-top-color:  #ccc;
	width: 277px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 247px;	 
}	
	
#invisible {
	z-index: 1;
	position: absolute;
	top: 19px;
	left: 220px;
	visibility: hidden;	
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	width: 610px;
	height: 700px;
}		
	
#columntwothirds {
	background: #ff0;
	width: 582px; 
}
	
.columnquarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;
	margin-right: 7px;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 152px;	 
}

.columnquarterwhite {
    float: left;
	display: inline;
	background: #fff;
	padding: 14px 14px 14px 14px;
	margin-left: 7px;
	margin-right: 7px;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 152px;	 
}

.columnquarterimage {
    float: left;
	display: inline;
	background: #ccc;
	padding: 0;
	margin: 0 7px 14px 7px;
	width: 180px;
}
	
#titlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid transparent;
	color: #ccc;			
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}	

#abouttitlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid #0c0;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}	

#linkstitlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
    border: 1px solid #9cf;		
	width: 180px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}

#workdescribe {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}

#linkdescribe {
    float: left;
	display: inline;
	background: #fff url(../artwork/paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}

#linkdescribe li {
	list-style-image: url('../artwork/menu-right-arrow-black.gif');
}

#workdescribe li {
	list-style-image: url('../artwork/menu-right-arrow.gif');
}

#workdescribealt li {
	display: inline;	
	padding-left: 25px;
	background: url(../artwork/menu-right-arrow.gif) no-repeat;	
}

	
	
}

* html #workdescribe p {
	width: 99%;
}

.workdisplay {
    float: left;
	display: inline;
	background: transparent;
	margin: 0 7px 14px 7px;
	width: 277px; 
}

.workdisplayspan {
    float: left;
	display: inline;
	background: #ccc;
	margin: 0 7px 14px 7px;
	width: 568px; 
}

/* jŸrg stuff */

u { /* instead of .highlight! */
	text-decoration: none;
	color: #f0c;
}

#editmenu {
	position: absolute;
	background: #cff;
	padding: 0px;
	width: 150px;
	padding: 14px;
	margin-left: -14px;
	margin-top: 14px;
	z-index: 1;
}

#edit {
	position: absolute;
	width: 540px;
	margin: -14px;
	padding: 14px;
	z-index: 1;
	background: #fff url(/static/paper-dotted-grey.gif);
}

#edittext {
	width: 530px;
}

#changedNodes {
	float: left;
	margin-right: 15px;
}

#changedDates {
	clear: right;
}

ul.chooser {
	display: none;
	padding: 0;
	margin: 0 0 0 28px;
	list-style-type: none;
	white-space: nowrap;
}

p.chooser {
	padding: 0;
	margin: 0;
}