﻿/* I borrowed this style sheet from Sylvain Paris from MIT */
/* http://people.csail.mit.edu/sparis/ */

body {
	background 	: rgb(230,230,240);
	font-style	:  normal;
	font-family :  sans-serif, 'Trebuchet MS', Verdana, Arial; 
	font-size	:  10pt;
	margin		: 0;
	xtext-align	: center;
}


pre.small{
	font-family 	: 'lucida console', 'courier new';
	font-size		: 7.5pt;
}


a {
	text-decoration : none;
	padding		: 1px 2px 1px 2px;
}

a:hover {
	text-decoration : none;
	background	: rgb(240,240,255);
}

a:hover img{
	/*border-color: blue;*/
}

a.anchor {
	position: relative;
	top		: -5ex;
}


img {
	/*behavior: url("pngbehavior.htc");*/
	border		: 0;
}


img.id{
	border		: 3px solid black;
	float		: right;
	position 	: relative;
	left		: 50px;
	top			: 20px;
	margin-bottom	: 50px;
}

img.border{
	border		: 1px solid black;
}

ul {
	list-style-type : circle;
}

#side {
	position 	: fixed;
	z-index		: 100;
	width 		: 100%;
}


#page {
	background 	: rgb(255,255,255);
	border		: 1px solid gray;
	position 	: relative;
	margin		: auto;
	padding   	: 1ex 2ex;
	text-align	: justify;
	top 	 	: 7ex !important;
	top 	 	: 0;
	zwidth		: 725px;
	width		: 640px;
}

#page_paper {
	background 	: rgb(255,255,255);
	border		: 0;
	position 	: relative;
	margin		: auto;
	padding   	: 1ex 2ex;
	text-align	: justify;
	top 	 	: 7ex !important;
	top 	 	: 0;
	zwidth		: 800px;
	width		: 800px;
}

#page_results {
	background 	: rgb(255,255,255);
	border		: 0;
	position 	: relative;
	margin		: auto;
	padding   	: 1ex 2ex;
	text-align	: justify;
	top 	 	: 7ex !important;
	top 	 	: 0;
}

#image_border img {
	background-color: rgb(255,255,255);
	border		: 1px solid rgb(0,0,0);
	margin		: 0ex;
	margin-left	: 0ex;
	margin-right: 0ex;
	padding		: 0px;
}

.menu {
	background	: url("terrain/images/dropshadow.png") !important;
	background-position	: bottom center !important;
	background	: transparent;
	padding     : 5px 0 40px 0;
	margin		: auto;
	text-align 	: center;
	ztext-align : left;
}

.menu a{
	padding		: 0.25ex 1ex;
	color		: black;
}


.menu a:hover{
	background	: rgb(230,230,230);
}

.pagetitle {
	font-size      	: x-large;
	font-weight     : bold;
	letter-spacing 	: 0.25ex;
	line-height	: 150%;
}

h2{
	background	: url("terrain/images/blue_gradient_terrain.png");
	border        	: 1px solid black;
	font-size      	: larger;
	font-weight    	: bold;
	letter-spacing 	: 0.75ex;
	height		: 2.25ex;
	margin-top	: 3ex !important;
	margin-top	: 5ex;
	margin-bottom	: 3ex;
	padding		: 0.5ex;
	padding-top	: 0.75ex;
	padding-left	: 20px;
	position	: relative;
	left		: -50px;
	width		: 80%;
}

h2.title{
	margin		: 4em 20% 3em 20%;
	text-align	: center;
}

/*
h3{
	font-size      	: 11pt;
	font-weight    	: bold;
	letter-spacing 	: 0.5ex;
	margin-left		: 0px;
	margin-bottom	: 1.5ex;
	margin-top		: 4ex;
	text-align		: center;
}*/

h3{
	background		: url("terrain/images/gray_gradient_64.png");
	border        	: 1px solid black;	
	font-size      	: 11pt;
	font-weight    	: bold;
	letter-spacing 	: 0.5ex;
	height			: 2.25ex;
	margin-top		: 3ex !important;
	margin-top		: 5ex;
	margin-bottom	: 3ex;
	padding			: 0.5ex;
	padding-top		: 0.75ex;
	padding-left	: 20px;	
	text-align		: center;
}


h3.nointro{
	margin-top	: 0;
}

h4{
	letter-spacing 	: 0.1ex;
	font-size      	: 100%;
	font-weight    	: bold;
	color			: gray;
	/*height			: 32px;*/
	margin-top		: 1ex;
	margin-bottom	: 2ex;
	padding-bottom	: 0;
	/*text-align		: left;*/
}


.news{
	margin		: 0;
	margin-left 	: 2ex;
	margin-top 	: 0.5ex;
	margin-bottom 	: 1ex;
	padding		: 0;
}

.newsdate{
	color		: gray;
	font-weight    	: bold;	
}

.smalltitle{
	margin		: 0;
	padding		: 0;
	font-weight    	: bold;
}

.address{
	margin-top	: 0.5ex;
}


table.linklist tr{
	vertical-align	: baseline;
}


table.linklist th{
	font-weight    	: normal;
	font-style    	: italic;
	text-align 	: left;
	padding-bottom 	: 1ex;
	width           : 18ex;
}


table.linklist td{
	padding-bottom 	: 1.5ex;
	padding-left	: 1ex;
}

table.finalpubli{
	background	: rgb(210,210,225);
	border		: 2px outset rgb(200,200,200);
	width 		: 100%;
}

table.publi#font-family{
	border		: 1px solid gray;
}

.section_title{
	font-family: Tahoma;
	font-size: medium;
	font-weight: bold;
}

.publi, .otherpubli{
	font-size	: 95%;
}

table.finalpubli tr{
	vertical-align	: top;
}

table.finalpubli td{
	padding		: 1ex 1.5ex;
}

table.publi td{
	margin		: 0;
	padding		: 0.5ex 1ex;
}

.finalpubli img{
	background	: rgb(175,175,175);
	border		: 2px inset rgb(200,200,200);
	float		: right;
	margin		: 0.5ex 0 1ex 2ex;
}

.finalpubli, .publi, .otherpubli {
	margin-bottom	: 1ex;
}

.finalpubli .title, .publi .title, .otherpubli .title{
	text-align	: left;
	font-weight	: bold;
}


.finalpubli .where, .publi .where, .otherpubli .where{
	font-style	: italic;
	text-align	: left;
}


.finalpubli .year, .publi#font-family .year, .otherpubli .year{
}


.finalpubli ul.comment, .publi ul.comment {
	list-style-type : square;
	padding-left 	: 2ex;
	margin-left	: 0;
	margin-bottom	: 0;
}


.finalpubli ul.comment li, .publi ul.comment li  {
	margin-bottom	: 0.75ex;
}



table.illustration{
	zborder		: 0px solid white;
	width 		: 100%;
}

table.illustration tr{
	vertical-align	: top;
}

table.illustration td{
	padding		: 1ex 0;
}


.illustration ul.comment{
	list-style-type : square;
	padding-left 	: 3ex;
	margin-left	: 0;
	margin-bottom	: 0;
}

.illustration .title{
	text-align	: left;
	font-weight	: bold;
}


.illustration img{
	border		: 2px inset rgb(200,200,200);
	float		: right;
	margin		: 0.5ex 0 1ex 2ex;
}


form {
	margin-left	: 10px;	
}


div.id{
	margin-bottom	: 3ex;
}

.id .name{
	font-size      	: larger;
	font-weight     : bold;
}


.id .name .lastname{
	font-variant	: small-caps;	
}


.id td {
	padding    : 1ex;
	text-align : left;
}


#footnote {
	font-size   : smaller;
	text-align	: center;
	margin		: 12ex 0 2ex 0 !important;
	margin		: 2ex;
	padding		: 1ex;
}


#footnote hr{
	width	: 300px;
}


.photogallery {
	text-align	: center;
}

table.photogallery  {
	padding-left : 0px;
	text-align   : left;
}

.photogallery th {
	text-align	: left;
}


.photogallery img {
	background-color: rgb(255,255,255);
	border		: 2px solid rgb(0,0,0);
	margin		: 1ex;
	margin-left	: 0ex;
	margin-right	: 3ex;
	padding		: 7px;
}


.panotitle{
	font-style     : italic;
	padding-bottom : 0.5ex;	
}

