body
{	
	margin: 0px;
	background: #CDD0BA url(images/iceb2.jpg) fixed bottom left no-repeat;
	color:#000000;
	font-size: 0.9em;
    	font-family: verdana, helvetica, sans-serif;
	font-weight:300;
}

td { 	
	font-size: 0.9em;
        font-family: verdana, helvetica, sans-serif;
	font-weight:300;
}

td.notes { 
	background-color:#fff4e3;
}

a { 
    	text-decoration: none;
    	color:#f0f0ff;
	font-family: verdana, helvetica, sans-serif;
	font-weight:600;
}

a:link  	{ color:#222240; }
a:visited 	{ color:#444460; }
a:hover 	{ color:#000000; }
a:active 	{ color:#545470; }

pre
{
    	font-family: monospace;
}

p
{	
    	margin-top: 0px;
    	font-size: 100%;
    	margin-bottom: 0px;
    	text-indent: 0em;
}
p.mini {
	margin-left:2em; 
	font-size: 95%;
	z-index: 2;
}
p.small { 
	font-size: 80%;
	}
p.dropped { 
	font-size: 80%;
	text-indent: 0.2em;
}
p.dropped:first-letter { 
	font-size: 200%; 
	float:left; 
	position:relative;
	top:-0.5em;
} 

h1 { 
    	font:30px/30px verdana, helvetica, sans-serif;
    	font-weight:900;
}

img.thumb { 
	border-width:0px;
	width:100px;
	height:75px;
}

h2 { 
    	font:18px/18px verdana, helvetica, sans-serif;
    	font-weight:900;
	letter-spacing:0.5em;
}

h2.note { 
	background:#006699 url(images/icehead.jpg);
	color:#fefaf0;
	border-bottom: 1px dotted #a0a0b0;
	padding:3px 10px 5px 10px;
}

h2.note a  {
	color:#fefaf0;
}

h2.small { font-size:14px; 
		padding:10px 0px 0px 4px; 
	 }

h1.note { 
	background:#006699 url(images/icehead.jpg);
	color:#fefaf0;
	border-bottom: 1px dotted #a0a0b0;
	padding:3px 10px 5px 10px;
}

#graphic {
	text-align:right;
	height:240px;
	width:540px;
	padding: 0px;	
	position:relative;
	left:25px;
	border-right: 3px dotted black; 
	border-bottom: 3px dotted black; 
	background-color: #cdd0ba; 
	background-repeat: no-repeat;
	background-position: bottom left;
	color : #eee8db;
	z-index: 1;
	} 

#freegfx { 
	position: fixed;
	top : 0px;
	right : 0px;
	width : 615px;
	height : 300px;
	background: url(images/edgeb.jpg) top right no-repeat;
	z-index: 0;
}

.detail { 
    left: 10px;
    background-color:#fefaf0;
    border: 4px solid #305d85;
}

.notes {
	text-align:right;
	/*margin: 0px 0px 0px 20%; */
	position:relative; 
	left:0px;
	width:250px;
	background-color: #fff4e3; 
	padding: 0px 10px 10px 10px;
	z-index: 2;
}

.imgs { 
	background-color:#000000;
	margin-left: 50px; 
	margin-right: auto;
	border: 16px solid black;
}

.appletbox {

	background-color:#000000;
	margin-top: 50px;
	margin-left: 50px; 
	margin-right: auto;
	border: 16px solid black;
} 

.appletdetail { 
    width: 200px;
    padding: 10px;
    background-color:#fef8cb;
    border-right: 16px solid black;
}

.appletdetail h2 { 
    font-weight:600;
    padding:16px;
    border-bottom: 2px solid black;
    font-size:140%;
    text-align:right;
    letter-spacing:0.5em;
}

.appletdetail h3 { 
    font-size:100%;
}

.appletdetail p { 
    margin-left:2em;
    text-indent:-2em;
    font-size:80%;
}


.appletframe { 
    padding: 10px;
    border: 2px dotted #cdc9c0;
}
	
.detail { 
    background-color:#fef8cb;
    border: 4px solid black;
}

.caption {
	text-align:left;
	position:relative; 
	margin-left:50px;
	border: 16px solid black;
	border-top: 0px;
	color:#000000;
	background-color: #ded8cb; 
	padding: 5px 10px 10px 10px;
}
 
.caption a { 
    font-weight: 800;
    color:#2e2a20;
}

.notepad { 
	border: 1px solid #305d85;
	border-right: 3px dotted black; 
	border-bottom: 3px dotted black; 
	z-index: 3;
}

.content { 
	margin: 50px 0px 0px 0px;
	padding:10px;
	padding-right: 20px;
	padding-bottom: 50px;
	width:510px;
	background-color: #fff4e3;
	border: 1px solid #305d85;
	border-right: 3px dotted black; 
	border-bottom: 3px dotted black; 
	z-index: 4;
}

#showlisting { 
	border: 1px solid #305d85;
	border-right: 3px dotted black; 
	border-bottom: 3px dotted black; 
	z-index: 3;
	position: absolute;
	left: 605px;
	top: 40px;
}

#showdetails { 
	position: absolute;
	left : 25px;
	top: 310px;
	padding:10px;
	padding-right: 20px;
	padding-bottom: 50px;
	width:510px;
	background-color: #fff4e3;
	border: 1px solid #305d85;
	border-right: 3px dotted black; 
	border-bottom: 3px dotted black; 
	z-index: 4;
}



#cords { 
	position: absolute;
	border-left:2px dotted black;
	border-right:2px dotted black;
	z-index: 4;
}

p.perf_entry { 
	font-size: 12px;
}

span.perf_title { 
	font-style: oblique;
}

span.perf_conference { 
	font-weight: 800;
}
p.bib_entry { 
	font-size: 12px;
}

span.pub_title { 
	font-style: oblique;
	font-weight: 400;
}	

span.pub_journal { 
	font-weight: 800;
}	

.imgref { 
	height : 80px;
	margin : 2px;
	border : 2px dotted #bebab0;
}
.imgref img { 
	float: left;
}

.figures { 
	float: left;
	width: 120px;
	text-align: center;
	padding : 3px;
	border : 2px dotted #bebab0;
	margin: 4px;
	margin-right: 12px;
}

.documentation h1{ 
	text-align: right;
	font-size: 250%;
	border-bottom: 8px solid #bebab0;
	padding: 8px;
}

.documentation p { 
	margin : 1em;

}

.documentation p:first-letter { 
	font-weight: 600;
	font-size: 100%;
	padding: 2px;
	margin-left : 1em;
}

.gfxfdiv { 
	font-size: 90%;
	margin-top : 16px;
}
.gfxfdiv td { 
	padding  : 4px;
	margin : 4px;
	padding-right: 8px;
	border-right: 4px solid #eeeae0;
	border-left: 4px solid #eeeae0;
	border-bottom: 2px solid black;
	background-color : #dedad0;
}	

.gfxfdiv td:hover { 
	border-right: 4px solid black;
	border-left: 4px solid black;
	background-color : #fefaf0;
}	

.gfxfile {
	background-color : #fefaf0;
}

.gfxdir { 
	padding : 2px;
	border : 1px solid black;
	background-color : #ffddcc;
}