/* File wiegert2.css */
/* Enter new styles here, or override styles from file 'wiegert1.css' */


/*Define behaviour that is inherited by all left column lists (menus) */
#leftcol ul {
	display:block;
	list-style:none;
	background-color:#fff;
	border:1px solid #609;
	border-top:1px solid #609;
	text-align: center;
	padding:0;
	margin:0 0 12px 0;
}

#leftcol li {
	display:block;
	background-color:#fff;
	text-align: center;
	font-weight:bold;
	line-height:1.7em;
/*	padding: 3px 0 3px 0; */
	padding:2px; 
	margin:0px;
	border-bottom: 1px solid #999999;
	}

#leftcol li a:link {
	color: #609;
	text-decoration: none;
	margin:0px;
	display:block;
	}
	
#leftcol li a:visited {
	color: #609;
	text-decoration: none;
	margin:0px;
	display:block;
	}

#leftcol li a:hover {
	display:block;
	color:#fff;
	background-color: #9966CC;
	margin:0px;
	}

#leftcol .last-in-list {
border-bottom:none;
}

.centered-text {
text-align:center;
}

.research p {
text-indent:12px;
text-align:justify;
}

.page-title {
color:#000;
text-align:left;
}


.banner-area {
display:block;
padding:4px;
margin:0;
border:1px solid black;
/* border:2px solid black; */
/* background-color: #eee; */
/* background-image:url(images/layout/shoemaker-levy.jpg); */
/* background-position:top; */
/* background-repeat:no-repeat; */
}

.banner-images {
display:block;
float:right;
text-align:center;
width:200px;
margin:auto;
padding:2px;
}

.banner-images img {
display:inline;
padding:4px;
margin-top:8px;
max-height:160px;
border:1px solid  #000000;
}

.banner-contacts {
display:block;
width:280px;
margin:10px;
border:2px solid #0066CC;
background-color: #FFFFFF;
padding:4px;
}

.banner-contacts h2 {
color: #000;
text-align:center;
}

.banner-contacts ul {
list-style:none;
color:#FFFFFF;
}


.banner-contacts ul li{
list-style:none;
color:#000;
}


.banner-text {
font-size:14px;
color: #333333;
text-align:center;
}


table.contacts-table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border-collapse:collapse;
width:100%;
}
table.contacts-table td {
white-space:nowrap;
text-align:left;
}

table.contacts-table td img {
margin:2px;
border:1px solid #f93;
padding:2px;
}

.centered-images {
text-align:center;
margin:auto;
padding:2px;
}

.centered-images img {
display: inline;
padding:2px;
margin-top:2px;
border:1px solid #999;
}

.mainpage-body {
display:block;
margin:0;
padding:0;
}

.mainpage-body p {
/* text-align:center; */
text-align:left;
}

/* try a table approach for the research images and captions. */
/* This has been given a width that only fits in a full width page
as in the div 'threecol' at the bottom of Pauls main page 
*/
table.research-table {
width:750px;
border:1px solid #000;
border-spacing:0;
border-collapse:collapse;
margin-bottom:10px;
}

.research-table td {
border:1px solid black;
margin:0;
padding:4px;
line-height:1.0em;
}

.research-table td p{
font-size:10px;
}

.research-table td h2{
font-size:12px;
line-height:1.5em;
color:#003399;
}

.research-table td img{
padding:0;
margin:0;
margin:auto;
}


/* Column one */
.rescol-1 {
width:170px;  /* same width as leftcol */
text-align:left;
background-color:#888;
}

/* Column two */
.rescol-2 {
width:570px;
text-align:center;
font-size:10px;
}

#leftFloatimg
{
float: left;
width: 300px;
margin: 0.5em 0.5em 0.5em 0.5em;
}

#leftFloatsmimg
{
float: left;
width: 150px;
margin: 0.5em 0.5em 0.5em 2.5em;
}

#leftFloatcap
{
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width: 310px;
font-size:0.8em;
}

#leftFloatsmcap
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;
width: 150px;
margin: 0 0 0 2.5em;
}

#rightFloatimg
{
float: right;
width: 300px;
margin: 0.5em 0.5em 0.5em 0.5em;
}

#rightFloatcap
{
font-family:Verdana, Arial, Helvetica, sans-serif;
float:right;
width: 310px;
font-size:0.8em;
}

#rightFloatsmimg
{
float: right;
width: 150px;
margin: 0.5em 2.5em 0.5em 0.5em;
}

#rightFloatsmcap
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:right;
width: 150px;
margin: 0 2.5em 0 0;
}



#mainimagepers img {
float:left;
margin:5px 15px 5px 5px;
border:1px solid black;
}

ul.other-locations li {
font-size: 10px;
}


#leaf-list1 {
display:block;
margin-top:0;
}

#leaf-list1 li {
line-height:2.4em;
list-style:none;
padding:0;
padding-left: 30px;
background-image: url(../images/layout/mapleleaf.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
margin:0;
font-size:12px;
font-weight:bold;
}



#leaf-list2 {
display:block;
margin-top:0;
font-size:12px;
}

#leaf-list2 li {
line-height:1.9em;
list-style:none;
padding:0;
padding-left: 30px;
background-image: url(../images/layout/leaf1-22.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
margin:0;
font-size:12px;
font-weight:normal;
}

.teaching {
display:block;
border:2px solid #900;
background-color:#666;
color:#fff;
margin:0;
padding:0;
vertical-align:middle;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.teaching a {
display:block;
margin:0;
padding:0;
color:#fff;
font-size:18px;
vertical-align:middle;
text-decoration:none;
font-weight:bold;
}

.teaching a:hover {
display:block;
margin:0;
padding:0;
color:#000;
background-color:#fff;
text-decoration:none;
}