* {margin:0;padding:0}
img {border:0}
html {font-size: 62.5%;}
body {
	font-family:"lucida grande","Trebuchet MS","tahoma",arial,sans-serif;
	text-align:center;
}
p,li {	}
#header {
	margin:0 auto;
	width: 79em;
	text-align:left;
}
#banner {
	background-image:url(images/TFCbanner.jpg);
	width:100%;
	height:200px;
}
#navbar {
	font-size:1.3em;
	margin: 0 0 2px 0;
	height: 2em;
	color:#000:	
}
#main {
	margin:0 auto;
	width: 79em;
	text-align: left;
}
#colOne, #colTwo {
	padding:20px 0 0 0;
	border: 1px solid #135A86; /* border colour A*/
	/*border-bottom:none;*/
	/*border-top:none;*/
	background-image: url(images/col-background.gif); /* column header image */
	background-repeat: repeat-x;
	background-color: #EBF0F4;
	vertical-align:top;
}
#colOne {float:left;width: 15em; padding:30px 0 1em 0;}
#colTwo {float: right;width: 15em;text-align:center;padding:4em 0 0 0;}
#colThree {margin: 0 16em;background-color:#FFFFFF;}
#footer {
	margin:0 auto;
	margin-top: 1em;
	clear: both;
	float:none;
	width:79em;
	height: 6em;
	text-align:left;
	color:#666;
	border-top:1px solid #EBF0F4;
}
.clear{float:none;clear:both;}
#breadcrumb {float: left;}
#links {float: right;}

a, a:link, a:active, a:hover, a:visited{color:#00F;}
a:hover{color:#88F;}
#navbar li{	list-style-type:none;display: inline;}
#navbar a {text-decoration: none;}
#navbar a:hover {background-color: #FFF; text-decoration:none;}
#colOne li{list-style-type:none;display:block;clear:both;}
#colOne li a {
	text-decoration: none;
	display: block;
	width: auto;
	padding: 0.4em 1em;
	text-align:left;
	font-size: 1.4em;
	color:#2F80D0;
	font-weight:bold;
}
#colOne li a.active {background-color:#FAFAFA;}
#colOne li a:hover{background-color:#FFF;text-decoration:none;}
#colTwo h2 {padding:0;margin:.5em 0 0 0;text-align:center;font-size:1.4em;}

#colTwo p {padding: 0 .5em .5em .5em;margin: 0;text-align:left;font-size: 1.1em;}
#colTwo img {margin:0 0 1em 0;border:1px solid #FFF;}
#colThree a {text-decoration:none;}
#colThree a:hover {text-decoration: underline;}
#colThree .section {
	border: 1px solid #135A86; /* border colour A*/
	/*border-top:none;*/
	background-image: url(images/col-background.gif); /* column header image */
	background-repeat: repeat-x;
	padding:1.5em 1em 0 1em;
	padding-bottom:1em; /*IE doesn't seem to pick up the padding from the above rule? */
	margin-bottom: 1em;
}
#colThree h2 {font-size:1.4em;padding:1em 0 0.1em 0;margin-bottom:0.5em;border-bottom:1px dotted #000;}
#colThree h3 {padding:0;margin:0;font-size:1.1em;font-weight:normal;}
#colThree p {line-height: 1.6em;font-size: 1.4em;color: #000;padding-bottom: 1em; text-align:left;}
#colThree ul {
	list-style-position:inside;
	padding:0 0 0 1em;
	font-size:1.3em;
	color:#135A86;
	list-style-type:square;
	margin:2em 0;
}
#colThree ul ul {
	font-size:100%;
	list-style-type:circle;
	margin:0 0 0 2em;
}
#wrapper {border: 1px solid #DADADA;}
#wrapper {border:0 1px 0 1px}
a[href^="http"] { padding-right: 15px; background: url(images/external.png) no-repeat center right; }
a[href^="mailto:"] { padding-right: 20px; background: url(images/email.png) no-repeat center right; }
a[href$=".pdf"] { padding-right: 20px; background: url(images/page_white_acrobat.png) no-repeat center right; } 
.floatLeft {float: left; margin:5px 10px 0 0;}

#biography {
	float:right;
	border:1px solid #DDD;
	margin:0 0 0 1em;
	padding:8px  1em 0 1em;
	background-color:#FFF;
	width:18em;
}
#biography img {
	margin:0.2em auto;
	display:block;
}
#biography p, biography img {
	color:#666;
	/*line-height:120%*/
}
#biography p {margin-bottom: 1em;font-size:1em;}
#biography .name {
	font-size: 1.2em;
	font-weight: bold;
	color:#333;
}