/* Organisational Carescapes */
/* (c) ben gilman of nuclearsummer.com */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
* { margin: 0; padding: 0; border: 0; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; list-style-type: none; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body {
	font-family: verdana, arial, helv, sans-serif;
	font-size: 76%;
	}

.Internal { width: 760px; margin: 0 auto; }
.Clear { clear: both; }
.NoWrap { white-space: nowrap; }

#Masthead {
	min-height: 100px;
	background: #36a2d2 url(../cssimg/BackgroundMasthead.gif) repeat-x top left;
	border-bottom: 2px #0e6195 solid;
	}
#Masthead h1 {
	text-indent: -9999px;
	background: transparent url(../cssimg/Logo.gif) no-repeat top left;
	width: 392px;
	height: 100px;
	}

#TopNav {
	background-color: #ece9d9;
	border-bottom: 1px #b4ac7e solid;
	padding-top: 5px;
	overflow: hidden;
	padding-bottom: 1px
	}
	#TopNav ul {
		margin-left: 0px;
		margin-bottom: -1px;
		}
	#TopNav ul li {
		display: inline;
		float: left;
		margin-right: 3px;
		}
		#TopNav ul li a {
			display: block;
			width:15em;
			padding: 8px 12px 3px 12px;
			height: 22px;
			background: transparent url(../cssimg/TabInactiveRight.gif) no-repeat top right;
			text-align: center;
			font-size: 1.1em;
			font-weight: normal;
			padding-right: 12px;
			color: #fff;
			text-decoration: none;
			}
		#TopNav ul li a span span {
			width: 12px;
			float: left;
			margin: -8px 0 0 -12px;
			height: 32px;
			background: transparent url(../cssimg/TabInactiveLeft.gif) no-repeat top right;
			}
		#TopNav ul li#Home a { width: 4em; }
		#TopNav ul li#About a { width: 4em; }
		#TopNav ul li#Projects a { width: 5em; }
		#TopNav ul li#Seminars a { width: 6em; }
		#TopNav ul li#Grove a { width: 9em; }		
		#TopNav ul li#Archive a { width: 4.5em; }
		#TopNav ul li#Outputs a { width: 5em; }
		#TopNav ul li#Contact a { width: 5em; }
		
		#TopNav ul li a:hover { text-decoration: underline; }
		
		#TopNav ul li a.Active { background: transparent url(../cssimg/TabActiveRight.gif) no-repeat top right; }
		#TopNav ul li a.Active span span { background: transparent url(../cssimg/TabActiveLeft.gif) no-repeat top right;	 }

#Content {
	padding-top: 1em;
	}

	#Content a:link { color: #38a8d6; text-decoration: underline; }
	#Content a:visited { color: #38a8d6; text-decoration: underline; }
	#Content a:hover { color: #38a8d6; text-decoration: none; }
	#Content a:active { color: #38a8d6; text-decoration: underline; }
	
	#Content h2 {
		color: #38acd8;
		font-size: 2em;
		padding-bottom: .2em;
		border-bottom: 1px #38acd8 solid;
		letter-spacing: -1px;
		margin-bottom: .5em;
		font-weight: normal;
		}
	#Content h3 {
		color: #7ca129;
		font-size: 1.4em;
		margin-bottom: .5em;
		}
	#Content h4 {
		color: #666;
		font-size: 1.3em;
		margin-bottom: .5em;
		}
	#Content h5 {
		color: #008aca;
		font-size: 1.2em;
		margin-bottom: .5em;
		}
	#Content h6 {
		color: #7ca129;
		font-size: 1.1em;
		font-weight: normal;
		margin-bottom: .5em;
		}


	#Content p {
		line-height: 1.6em;
		margin-bottom: 1.25em;
		}
	
	#Content dl, #Content ul {
		margin: 1em;
		line-height: 1.5em;
		}

	#Content dl dt {	
		font-weight: bold;
		font-size: 107%;
		border-left: 2px #008aca solid;
		padding-left: 5px;
		}
	#Content dl dd {
		margin-bottom: 1em;
		padding-left: 7px;
		}
		
	#Content .ProjectPromo {
		width: 345px;
		background-color: #f3fae6;
		float: left;
		margin: 10px;
		}
	#Content .ProjectPromo a {	
		color: #7ca129;
		font-weight: bold;
		}
	#Content .ProjectPromoRight {
		float: right;
		}
	#Content .ProjectPromo h3 {
		width: 345px;
		height: 60px;
		}
	#Content .ProjectPromo h3 span { text-indent: -9999px; visibility: hidden; }
	#Content .ProjectPromo .PromoInternal {
		background-color: #f3fae6;
		padding: 5px 15px 12px 15px;
		}
	#Content .ProjectPromo .PromoInternal p {
		margin: 0.25em 0;
		}
	
	#Content ul.Documents {
		list-style-image: url(../cssimg/BulletDocument.png);
		margin: 1em 2em;
		}
	#Content ul.Documents li {
		margin: 0.5em 0;
		}

	#Content ul, 
	#Content ol {
		margin: 1em 3em 1em 3em;
		line-height: 1.5em;
		list-style-type: decimal;
		}
	#Content ul li,
	#Content ol li {
		margin: 0.5em 0;
		}
	#Content ol li {
		list-style-type: decimal;
		}
	#Content ul li {
		list-style-type: square;
		}
		
	#Content h3.Seminar {
		padding-bottom: 8px;
		border-bottom: 1px #ccc solid;
		}
	#Content dl.SeminarDetails {
		font-size: 95%;
		color: #666;
		margin: .5em 1em !important;
		padding-top: 0 !important;
		}
	#Content dl.SeminarDetails dt {	
		font-weight: bold;
		font-size: inherit;
		border: none;
		clear: left;
		display: block;
		padding-left: 0 !important;
		}
	#Content dl.SeminarDetails dd {
		margin-bottom: .25em;
		display: block;
		padding-left: 0 !important;
		}

img.Montage {
	float: right;
	margin: 0 0 3em 4em;
	
}

div.vcard {
	clear: both;
	padding: 15px;
	background-color: #eee;
	border: 1px #ccc solid;
	position: relative;
	}
div.vcard .Address {
	width: 48%;
	float: left;
	position: relative;
	}	
div.vcard .Numbers {
	width: 40%;
	float: left;
	position: relative;
	}	
#Content div.vcard dl,
#Content div.vcard ul {
	margin: 0;
	list-style-type: none;
	}
#Content div.vcard dl dt,
#Content div.vcard dl dd,
#Content div.vcard ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
#Content div.vcard dl dd {
	margin-bottom: .5em;
	}
div.vcard h3 { font-size: 125%; font-weight: bold; }
	
	#Content #PromoOrgCare { background: transparent url(../cssimg/MastheadOrgCare.gif) no-repeat top left; }
	#Content #PromoWrw { background: transparent url(../cssimg/MastheadWrw.gif) no-repeat top left; }
	#Content #PromoWlb { background: transparent url(../cssimg/MastheadWlb.gif) no-repeat top left; }
	#Content #PromoGrf { background: transparent url(../cssimg/MastheadGrf.gif) no-repeat top left; }
	#Content #PromoMcf { background: transparent url(../cssimg/MastheadMcf.gif) no-repeat top left; }

	
	#Content div.ProjectDetails {
		width: 250px;
		float: right;
		margin: 0 0 2em 2em;
		border: 1px #f3f3f3 solid;
		background-color: #fffece;
		}
	#Content div.ProjectDetails h3 {
		background-color: #AF9B2B;
		color: #fff6c0;
		padding: 7px 8px;
		font-size: 115%;
		text-transform: uppercase;
		border-bottom: 4px #BFAE53 solid;
		margin: 0 !important;
		}
	#Content div.ProjectDetails h4 {
		color: #7ca129;
		padding-bottom: 3px;
		border-bottom: 1px #B7DF61 solid;
		}
	#Content div.ProjectDetails div.ProjectDetailsInternal {
		padding: 12px 10px 4px 10px;
		border: 1px #BFAE53 solid;
		border-top: 0;
		}
	#Content div.ProjectDetails div.ProjectDetailsInternal img {
		margin: 0 auto;
		margin-bottom: 7px;
		}
#Content div.ProjectDetails dl,
#Content div.ProjectDetails ul {
	margin: 0;
	list-style-type: none;
	}
#Content div.ProjectDetails dl dt,
#Content div.ProjectDetails dl dd,
#Content div.ProjectDetails ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
#Content div.ProjectDetails dl dd {
	margin-bottom: .5em;
	}
#Content div.ProjectDetails p.MemberNotes {
	font-size: 90%;
	font-style: italic;
	margin-top: 1.5em;
	}

		


#Footer  {
	width: 760px;
	margin: 0 auto;
	margin-top: 1em;
	border: 1px white solid;
	padding: 12px 0;
	color: #868588;
	font-size: 0.9em;
	font-family: tahoma, verdana, arial, helv, sans-serif;
	line-height: 1.4em;
	}
#Footer .Column {
	width: 240px;
	float: left;
	display: inline;
	}
#Footer .ColumnTwo { margin-left: 15px; width: 500px;}
#Footer .ColumnThree { margin-left: 15px; }

#Footer .Column p {
	margin: 0 0 1em 0;
	}
#Footer .Column a:link, #Footer .Column a:visited, #Footer .Column a:visited, #Footer .Column a:active { color: #868588; }
#Footer .Column a:hover { color: #444; text-decoration: underline; }
#Footer h3 {
	position: relative;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: .5em;
	padding-bottom: 6px;
	border-bottom: 1px #949494 solid;
	}

#Footer .Column ul {
	margin: 0.5em 1em;
	list-style-image: url(../cssimg/BulletFooter.gif);
	}
#Footer ul li {
	margin: 0.25em 0;
	font-weight: bold;
	}
#Footer ul li ul li {
	font-weight: normal;
	}

#Footer .vcard {
	margin: 0 1em;
	background: none;
	border: none;
	padding: 0;
	}
	.Gap {
		margin-top: 1em;
		}

ul.Profiles li {
	clear: both;
	margin-bottom: 1.5em;
	}

img.Portrait {
	clear: right;
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 10px;
	background-color: white;
	border: 1px #eee solid;
	}

div.ImageHold {
	float: right;
	padding: 10px;	
	background-color: #f8f8f8;
	border: 1px #eee solid;
	width: 370px;
	margin: 0 0 1.5em 1.5em;
	}
div.ImageHold p {
	padding: 5px;
	font-size: 90%;
	color: #888;
	margin: 0 !important;
	}
div.ImageHold img {
	padding: 10px;
	background-color: white;
	border: 1px #eee solid;	
	}

#Footer {
	clear: both;
	}
	
#Footer a.LogoLink {
	width: 105px;
	height: 105px;
	background-position: 0px -50px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	}
#Footer a.LogoLink:hover {
	width: 105px;
	height: 105px;
	background-position: 0px -195px;
	background-repeat: no-repeat;
	text-decoration: none;
	}	
#Footer a.LogoLink span {
	text-indent: -9999px;
	visibility: hidden;
	font-size: 50%;
	}

#Footer a#Esf { background-image: url(../cssimg/LogoEsf.gif); background-repeat: no-repeat; margin-right: 25px; }	
#Footer a#Esrc { background-image: url(../cssimg/LogoEsrc.gif); background-repeat: no-repeat; margin-right: 25px; }	
#Footer a#GlasCal { background-image: url(../cssimg/LogoGlasCal.gif); background-repeat: no-repeat; margin-right: 25px; }
#Footer a#Heriot { background-image: url(../cssimg/LogoHeriot.gif); background-repeat: no-repeat; }

#Footer a#Reading { background-image: url(../cssimg/LogoRead.gif); background-repeat: no-repeat; margin-top: 10px; margin-right: 25px; }
#Footer a#Crfr { background-image: url(../cssimg/LogoCrfr.gif); background-repeat: no-repeat; margin-top: 10px; margin-right: 25px; }
#Footer a#Masa { background-image: url(../cssimg/LogoMasa.gif); background-repeat: no-repeat; margin-top: 10px; }
#Footer a#Hanken { background-image: url(../cssimg/LogoHanken.gif); background-repeat: no-repeat; margin-right: 25px; margin-top: 10px; }
#Footer a#MarieCurie { background-image: url(../cssimg/LogoMca.gif); background-repeat: no-repeat; }
#Footer a#Sofia { background-image: url(../cssimg/LogoSofia.gif); background-repeat: no-repeat; margin-top: 10px; margin-right: 25px; }


.CreditFooter {
	text-align: right;
	font-family: Helvetica, tahoma, arial, helv, sans-serif;
	font-size: 90%;
	color: #aaa;
	}
.CreditFooter a:link,
.CreditFooter a:visited,
.CreditFooter a:hover,
.CreditFooter a:active {
	color: #aaa;
	}