/*  General */
	
body {
	background: #272727;
	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;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
}
	
#bodytemp {  
	background: #ccc url(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;
}	

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

	
	/*  Links */

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

a:hover {
	background-color: #f30;
	color: #000;
}

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

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


.columnthird a:hover, .columnquarterwhite a:hover, .paragraphpractisetitle a:hover, #menuquarterwhite a:hover {
	text-decoration: underline;
	background-color: #fc6;
}

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

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

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

.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: #fc6;	
	color: #fff;
}

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

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

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

.highlight {
	color: #f0c;
}	


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

.paragraphspace {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
	width: 99%;	
}

.popuplinkspace {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
}
	
.paragraphhalfspace {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
	width: 100%;
	border: 1px solid #fff;
}	

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

.paragraphpractisetitletest {
	margin-bottom: 60px;
	text-align: left;		
}

.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: 0px;
	text-align: left;
	width: 99%;	
}	

.image {
	border: 0;
}	

ul {
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
}

.aboutdescribe li {
	list-style-type: none;
}

.popuplist {
	list-style-image: url('menu-topright-arrow.gif');
}

	/*  Structure */

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

div.spacer {
	clear: both;
}

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

#containerfix {
	margin-bottom: 14px;
	width: 780px;
}

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

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

.containerthirdfix {
    float: left;
	background: transparent;
	margin-bottom: 14px;
	width: 279px;
}

.containerthirdyellow {
    float: left;
	background: #fc6;
	margin-bottom: 14px;
	width: 291px;
}

#containerquarterwhite {
    float: left;
	background: #fff;
	margin-bottom: 14px;
	width: 194px;
}
	
.containerwork {
    float: left;
	background: transparent;
	width: 586px;
}	

.containerworkfix {
    float: left;
	background: transparent;
	width: 584px;
}	
	
#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: #f30;
	padding: 2px 14px 2px 14px;
	margin: 11px 7px 14px 7px;
    border: 1px solid #fff;
	width: 249px; /* IE Hack */	
	height: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
	height: 15px;
}

#pageheadingworks {
    float: left;
	display: inline;
	background: #f30;
	padding: 2px 14px 2px 14px;
	margin: 11px 7px 14px 7px;
    border: 1px solid #fff;
	width: 249px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}
	
.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: #A5AB9D;
	padding: 2px 14px 2px 14px;
	margin-right: 7px;
	margin-left: 7px;
    border: 1px solid #fff;
	width: 249px; /* IE Hack */	
	height: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
	height: 15px;
}

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

#menuarchivepd {
	z-index: 5;
	position: absolute;
	top: 71px;
	left: 525px;
	visibility: hidden;	
	background: #A5AB9D;
	padding: 15px 14px 15px 14px;
	margin-right: 7px;
	margin-left: 7px;
    border: 1px solid #fff;
	border-top-color:  #fff;
	width: 249px; /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;	 
}	
	
#invisible {
	z-index: 1;
	position: absolute;
	top: 19px;
	left: 220px;
	visibility: hidden;	
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	width: 610px;
	height: 500px;
}		
	
#columntwothirds {
	background: #ff6600;
	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: transparent;
	padding: 0;
	margin: 0 7px 14px 7px;
	width: 277px;
}
	
#titlequarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 2px 14px 2px 14px;
	margin-left: 7px;
	margin-right: 7px;
	color: #ccc;			
	width: 150px;  /* IE Hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
}	

#titlequarterfix {
    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;	 
}

div.news {
    float: left;
	display: inline;
	background: #fff url(paper-dotted-grey.gif);
	background-attachment: scroll;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	height: 315px;
	width: 277px;
	overflow: auto;
}

#workdescribe {
	float: left;
	display: inline;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;
	width: 249px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 249px;
	background-color: #A5AB9D;
	border: 1px solid #fff;
}

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

#workdescriberight {
    float: right;
	background: #fff url(paper-dotted-grey.gif);
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 249px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 249px;
}


#menuquarter {
    float: left;
	display: inline;
	background: transparent;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}

#menuquarterwhite {
    float: left;
	display: inline;
	background: #fff;
	padding: 15px 14px 0 14px;
	margin: 0 7px 14px 7px;	
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}

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

#linkdescribe ul {
	list-style-image: url(menu-right-arrow-black.gif);
	margin: 0; 
	padding: 0;
}

#workdescribealt li {
	display: inline;	
	padding-left: 25px;
	background: url(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: #333;
	padding: 14px;
	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(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;
}
.images_works {
	float: left;
	display: inline;
	background: transparent;
	width: 568px;
}
.containerwork2 {
	float: left;
	background: transparent;
	width: 568px;
}
.paragraphcaption2 {
	padding: 0 0px 0 14px;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: left;
	width: 99%;
	color: #ccc;
}
.paragraphhalfspace2 {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
	width: 100%;
	border: 1px solid #fff;
	margin-left: 7px;
}
.paragraphcaption3 {
	text-align: left;
	padding-left: 14px;
	width: 263px;
}
.paragraphspace2 {

	margin-top: 0;
	margin-bottom: 4px;
	text-align: left;
	width: 99%;
}