html, body, div, span, object, h1, h2, h3, h4, p, blockquote, 
a, em, font, img, strong, ul, li, fieldset, form, label, table, caption, 
tbody, tfoot, thead, tr, th, td, t1, t2, t3 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}



#container {
	width: 873px;
	margin: 15px auto;
	text-align: left;
	position: relative;
	padding: 0;
	background: transparent url(../pics/bkgd-container.gif) no-repeat 0 0;
	min-height: 100%;
	height: 100%;
	zoom: 1;
	}
	
#container:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
}

	
#header{
	text-align: left;
	height: 60px;
	background: white;
	}
	
#header:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
	}

#header h1 a {
	width: 700px;
	height: 49px;
	float: left;
	text-align: left;
	background: transparent url(../pics/header.gif) no-repeat;
	color: #000;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0;
	font-size: .1em;
	}
		
#media {
	width: 873px;
	/*height: 443px;*/
	background: url(../pics/bkgd-media.gif) repeat-y 0 0;
	margin: 10;
	padding: 0;
	overflow: hidden;
	font-size: 120%;
	}

#media:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
	
	}

#media img { margin: 0; }
#media img a { text-decoration: none; }
#media img a:hover { text-decoration: none; }


.picsright img { left: 5px; float:right; padding: 10px;}
.picsleft img { left: 5px; float:left; padding: 10px; }
.picscenter img { left: 5px; float:center; padding: 10px;}


/*
.pics { height: 395px; width: 863px; padding:0; margin:0; overflow: hidden; }
.pics img { padding: 0; left: 30px; }
*/

.shadowbox {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5px;
	padding-left:5px;
	/*padding: 5px;*/
	}
	
.text {
	padding: 15px;
	}

.text1 {
	margin: 0;
	padding: 0px;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}

.text2{
	margin: 0;
	padding: 0px;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}


	
#nav {
	background: url(../pics/bkgd-nav.gif) repeat-x top;
	height: 38px;
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #bfbfbf;
	}

#nav em {
	font-style: italic;
	}
#menu ul {
}

#menu li {
	list-style: none;
	display: inline;
	float: left;
}

#menu li a {
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	height: 39px;
	display: block;
	width: auto;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url() no-repeat 0 0;
	background-repeat: no-repeat; 
	background-position: 0 0; 
}
#menu li a#home { background-image: url(../pics/button-home.gif); width: 73px; }
#menu li a#about { background-image: url(../pics/button-about.gif); width: 74px; }
#menu li a#publications { background-image: url(../pics/button-publications.gif); width: 114px; }
#menu li a#research { background-image: url(../pics/button-research.gif); width: 96px; }

#menu li a:hover#home, #menu li a.active:hover#home, .home-active #menu li a.active:hover#home,
#menu li a:hover#about, #menu li a.active:hover#about, .about-active #menu li a.active:hover#about,
#menu li a:hover#publications, #menu li a.active:hover#publications, .publications-active #menu li a.active:hover#publications,
#menu li a:hover#research, #menu li a.active:hover#research, .research-active #menu li a.active:hover#research {
	background-position: -150px 0;
}

#menu li a.active#home, .home-active #menu li a.active#home,
#menu li a.active#about, .about-active #menu li a.active#about,
#menu li a.active#publications, .publications-active #menu li a.active#publications,
#menu li a.active#research, .research-active #menu li a.active#research {
	background-position: -150px 0;
}



.about-active #menu li a#about { background-position: -300px 0; }
.publications-active #menu li a#publications { background-position: -300px 0; }
.research-active #menu li a#research { background-position: -300px 0; }

#menu li ul {
	float: left;
	position: absolute;
	top: 104px;
	left: -999em;
	display: block;
	width: 146px;
	z-index: 100;
	clear: left;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #e0e0e0;
	margin: 0;
	overflow: hidden;
}

#menu li ul.about {background: transparent url(../pics/bkgd-about-dropdown.gif) no-repeat 0% 0%;}
#menu li ul.publications {background: transparent url(../pics/bkgd-publications-dropdown.gif) no-repeat 0% 0%;}
#menu li ul.research{background: transparent url(../pics/bkgd-research-dropdown.gif) no-repeat 0% 0%;}

#menu li li {
	float: left;
}

#menu ul ul {
	display: none;  /*Hides the subitems in the main navigational menu */
}

#menu li.active li,
#menu li.active li a {
}

#menu li ul a {
	color: #0299c0;
	line-height: 1.3em;
	font-size: 1em;
	padding: 6px 18px;
	width: 108px;
	font-weight: normal;
	margin: 0 1px;
	
	
	/* negate images at top level of menu */
	height: auto;
	text-indent: 0;
	overflow: hidden;
	background: #fcfcfc url(../pics/bkgd-dropdown-li.gif) repeat-x top;
}

#menu li:hover ul, 
#menu li.sfhover ul {
	left: auto;
}

#menu li:hover a, 
#menu li.sfhover a,
#menu li:hover a.active#about, #menu li.sfhover a.active#about,
/*#menu li:hover a.active#publications, #menu li.sfhover a.active#publications,*/
#menu li:hover a.active#research, #menu li.sfhover a.active#research {
	background-position: -150px 0;
}


#menu li li:hover, 
#menu li li.sfhover,
#menu li.active li:hover,
#menu li.active li.sfhover {
	text-decoration: none;
	background: #e0e0e0;

}

#menu li li a:hover, 
#menu li li.sfhover a,
#menu li.active li:hover a,
#menu li.active li.sfhover a {
	text-decoration: none;
	background: #e0e0e0;
}



body{
	background: #ccc url(../pics/bkgd-home.gif) repeat-x top;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	color: black;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 0.7125em;
	}

/*h1 	{
	color: black;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 22px;
	}
	
h2	{
	color: black;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-top: -18px;
	}*/
	
p {
	margin-bottom: 18px;
	line-height: 1.5em;
}

h1{
	color: black;
	font-size: 1.5em;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	font-weight: normal;	
	}
	
t2{
	color: #4c9bc3;
	font-size: 0.7125em;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	font-weight: normal;	
	}
	
t3{
	color: #4c9bc3;
	font-size: 0.7125em;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	font-weight: normal;	
	}
	



a {color: #1078B2; text-decoration: none;}
a:hover {color: #1078B2; text-decoration: none;}




