@charset "utf-8";
/*
colors
khaki #ddb
green #794 & #683
orange #d80
*/

/* Reset CSS by Eric Meyer, modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background: rgb(251,235,196) url('/vgc/images/body_background.jpg') repeat-x top left; color: #554; text-align: center;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: .3em; font-size: 1.8em; color: #d80; font-weight: normal; padding: 1em 0; text-align: center;line-height: 150%;}
h2, h3, h4, h5 {margin-top: 1em;}
h2 {font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {font-size: 1.2em;}
p, li, dd {margin: .75em 0;}
ul, ol {margin: .5em 0 .5em 3em;}
ul {list-style: square;}
a {color: #683;}
a:hover {color: #d80;}
td {padding:2px 4px;}
#container {width: 720px; margin: auto; background: url('/vgc/images/container_background.jpg') no-repeat;}

#header {background: url('/vgc/images/header_background.jpg') no-repeat center; height: 100px; margin: 0 10px;}
	#header img {margin-top: 30px;}

#nav {margin: 0 10px; background: rgb(14,68,112); height: 28px; letter-spacing: .25em; 
font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;color:#432; position:relative;}
	#nav ul {margin: 0; padding: 7px 0 0 0; position: absolute; bottom:7px; width:720px; left:-10px;text-transform:uppercase;}
	#nav li {display: inline; margin: 0 .5em 7px; padding:0 0 7px; position:relative;}
	#nav a {color: #ddb; text-decoration: none;}
	#nav a:hover {color: #fff;}



#subnav {text-align: right; float:left; color: #ddb; padding: 220px 0 0 100px}
#subnav p {line-height: 200%;}
#subnav ul {margin: 0; padding: 0;}
#subnav li {margin: 0; padding: .5em; list-style: none;}
#subnav li a {color: #683; text-decoration: none;}
#subnav li a:hover {color: #d80;}

#submenu {text-align: left; float: right; border: double #794; padding: 1em; width: 175px}


#content {text-align: left; margin: 0 10px; padding: 10px 20px 60px; background: rgb(251,249,243) url('/vgc/images/footer_background.jpg') no-repeat bottom center; font-size: 1.1em; line-height: 150%;}
.intro {width: 250px; float: left;}
.events {width: 250px; float: inherit}
.news {width: 380px; float: right;}
.left {width: 325px; float:left;}
.right {width: 325px; float:right;}
.clear {clear: both; height: 0px;}

#footer {padding: 1em 20px; clear: both;text-align: center;}
	#footer p {width: 680px;text-align: center; margin: 0 auto;}
	#footer a {text-decoration: none;}
	#footer a:hover {color: #d80;} 
	
	
.people #nav_people a, .dls #nav_events a, .archives #nav_archives a, .projects #nav_projects a, .home #nav_home a, .presentations #nav_presentations a, .partners #nav_partners a, .institutes #nav_institutes a, .inst_home #nav_inst_home a{
	color:#FFF;
}

	
.institutes #nav_institutes, .archives #nav_archives, .dls #nav_events , .people #nav_people, .projects #nav_projects, .home #nav_home, .partners #nav_partners, .presentations #nav_presentations{
	background: url('/vgc/images/nav_here.gif') bottom no-repeat; 
	color:#FFF;
}

#nav ul.dropdown {
	position: absolute;
	top: 80%;
	z-index: 5;
	left: 0;
	margin: 0;
	padding: 10px 0 20px 10px;
	text-align: left;
	display: none;
	width: 175px;
	bottom: auto;
	background: url('/vgc/images/dropdown.png') bottom no-repeat; 
	letter-spacing: 0;
	font-size: 120%;
	text-transform: none;
}

#nav li:hover ul.dropdown{
	display: block;
}

#nav ul.dropdown li {
	display: block;
	margin: 0;
	padding: .0em .5em 1em;
	position: static;
	float: none;
}


.projects p, .institute p {
	padding-left: 1em;
}



a.more {
	color: #d80;
}

.dot { font-weight: bold; color: #d80;}

.staff_portrait {
	float:left;
	width:auto;
	margin:.75em 1em 2em -1em;
	padding: 0 10px 0 0;
}

.padded {
	padding-top: 1.5em;
}

.crpg li {
	padding-bottom: .5em;
}


h2 a, h2 a:visited, h3 a, h3 a:visited, .person a , .person a:visited, .titles a , .titles a:visited {
	text-decoration: none;
}

.titles p {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	text-align:left;
	margin-left: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2;
	padding: 0 0 .25em 0;
}


.titles h1, .person {
	text-align: left;
}

.titles img {
	float:right;
	margin-top: 1em;
}

p.citation {
	padding-left: 4em;
	text-indent: -3em;
}

.titles .position {
	display: block;
	float:left;
	width:auto;
	height: 2em;
	padding-right: .25em;
}

 .institutes .person {
	clear: both;
}


.staff hr {
	clear:both;
}

#mission .motto {
	color:rgb(19,51,91);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logo {
	display:inline;
	padding-bottom: 15px;
	position: relative;
	top: -15px;
}