body {
	background: #fff url('bggrad.gif') repeat-x top;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 0;
	margin: 0;
	min-width: 76em;
}

a { position: relative; }
	
a:link, a:visited {
	text-decoration: none;
	color: #00649A;
} 

a:hover {
	text-decoration: underline;
	color: #428BDC;	
}

#page, #content {
  border: 0;
  color: #333;
  background-color: transparent;
}

#page {
	color: #3F3F3F;
	min-width: 78.5em;
	max-width: 100em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

#header, #vis {
	padding: 0; margin: 0;
	height: 120px !important;
	position: relative;
}

#header {
  background: #2B648E url("headers/blue.png") no-repeat center left;
	min-width: 74.5em;
 	max-width: 99em;
	margin: 2em 1.5em 0 1.5em;
}

#vis {
  background: transparent url("headers/blue.png") no-repeat center right;
	margin-left: 1em;
}

#print_logo {	display: none; }

#logo {
	display: block;
	background: transparent url("logo.png") no-repeat center;
	width: 19em;
	height: 120px;	
	cursor: pointer;
}

#ilab {
	top: 0;
	position: absolute;
	width: 8em;
	left: 90%;
	height: 120px;	
	display: block;
	background: transparent url("ilab.png") no-repeat center;
	cursor: pointer;
}


#content {
	min-width: 52em;
 	max-width: 80em;
	margin: 0;
	margin-left: 23.5em;
	margin-right: 1.5em;
	padding: 0 !important;
	position: relative;
	top: 2em;
	padding-bottom: 4em;
	background: transparent url('img/white_02.gif') no-repeat right top;
}

div#wikitext {
	background: transparent url('img/white_01.gif') no-repeat left top;
	padding-left: 1.5em;
	padding-top: 1em;
	margin-right: 1.5em;
	min-height: 350px;
	height:auto !important;
 	height:350px;
	font-size: 1.2em;
}



#content table.quickref{
	width: 45em;
}

#content table.quickref td {
	font-size: 0.95em;	
}

#content table td img { margin-bottom: 0.2em;}
#content table td  { padding-bottom: 0.5em; padding-right: 0.25em; }


#content table {
	border: 0;
}

#content table tr, #content table td {
	padding:0; margin:0;
}

#content table td {
	padding-right:	6px;	
	padding-bottom: 12px;	 
}


#content textarea {
	width:99%; height:35em;
	font-family: monospace;
}

#content h1 {
	font-weight: normal;
	font-size: 1.75em;
	padding-top: 0; margin-top: 0;
}


#content h2 {
	font-size: 1.2em;
}

#content h3 {
	font-size: 1.1em;
}

#content ul {
	padding-left:2em;
	margin-left: 0;
}

div#content { 
	min-height: 350px;
}

#sidebar {
	float: left;
	position: relative;
	top: 1.85em;
	width: 18em;
	padding: 0;
	margin: 0;
	margin-left: 1.5em;
	background: transparent url('img/white_02.gif') no-repeat right top;
	font-size: 1.1em;
}


#sidebar .corner {
	padding: 1.5em 0.5em 1em 1em;
	background: transparent url('img/white_01.gif') no-repeat left top;
	margin-right: 10px;
	min-height: 350px;
	height:auto !important;
 	height:350px;
}

#sidebar h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0.2em 0;
}

#sidebar ul { list-style:none; padding:0px; margin:0px;}
#sidebar li { margin:0px; margin-bottom: 0.2em;padding-left: 0.6em; }


#suptitle {
	margin: 1em 0;
}


#suptitle p, #suptitle ul {
	font-size: 1.1em;
	padding: 0.4em 0;
}

#suptitle p {
	float: left;
	padding-left: 1em;
}

#suptitle ul {
	text-align: right;
	padding-right: 1em;
}

#suptitle ul li {
	display: inline;
	margin-left: 1em;
}

#menu ul {
	text-align: center;
  bottom: 38px;
  left: 26%;
	position: absolute;
	margin: 0;
	padding: 0;
	display: inline;
}

#menu ul li {
	font-size: 1.20em;
  height: 30px !important;
  display: block;
  float: left;
  padding-right:4px !important;
  position:relative;	
	margin: 0 1em 0 0;
}

#menu ul,
#menu ul li a {
	padding: 0.7em 1.25em 0.8em;
	margin: 0 1.5em;
	}

#menu ul li a {
	position: relative;	 
	font-size: 1em;
	color: #fff;
	margin: 0; padding:0;
	cursor: hand;
	display: block;
}

#menu ul li a:hover {
	text-decoration: none;
	background: transparent;
}


/*  
#menu ul li:hover{ background: transparent url("menus/hover_02.png") no-repeat right; }
#menu ul li  a:hover { background: transparent url("menus/hover_01.png") no-repeat left; }

  */  

#menu ul li .here, #menu ul li .there {
		min-height: 26px;
		display: block;	
}

#menu ul li .here .here, 	#menu ul li .there .there {
	padding-top: 0.85em;
	margin-left: 5px;
	padding-right: 5px;
}



#menu ul li .here {  background: transparent url("menus/blue_01.gif") no-repeat center left ; }
#menu ul li .here .here {  background: transparent url("menus/blue_02.gif") no-repeat center right ; }

#menu ul li:hover .there {  background: transparent url("menus/hover_01.png") no-repeat center left ; }
#menu ul li:hover .there .there {  background: transparent url("menus/hover_02.png") no-repeat center right ; }

#menu ul li.external:hover .there {  background: transparent url("menus/hoverext_01.png") no-repeat center left ; }
#menu ul li.external:hover .there .there {  background: transparent url("menus/hoverext_02.png") no-repeat center right ; }

#menu ul li a .there { color: #B8DCE6; }
#menu ul li a:hover .there { color: #fff !important; }





#footer {
	clear: both;
	padding: 0;
	margin: 7.5em 0 1em 0 ;
	text-align: center;
}

#footer a {
	margin: 0.25em;
}

#footer a:link, #footer a:visited {
	color: #aaa;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #555;
	
}

.clear {
	clear: both;
}

#toggle_media, #toggle_author, #toggle_year {
	padding-bottom: 0 !important;
}

#sidebar a.selflink {
	font-weight: bold;
}

#sidebar h1 a.selflink {
	font-weight: bold !important;
}

#tools {
  visibility: hidden;
  margin-top: 1em;
}



body.Publications a:link,
body.Publications a:visited    {	color: #007700; } 
body.Publications a:hover {	color: #009C1C;	}
body.Publications #header { background: #578445 url("headers/green.png") ; }
body.Publications #vis { 		background-image: url("headers/green.png") ; }
body.Publications #menu ul li .here {  background-image: url("menus/green_01.gif") ; }
body.Publications #menu ul li .here .here {  background-image: url("menus/green_02.gif") ; }
body.Publications #menu ul li a .there { color: #B7E6C2; }

body.Videos a:link,
body.Videos a:visited {	color: #6744BF; } 
body.Videos a:hover {	color: #AB97D9;	}
body.Videos #header { background: #6D5B99 url("headers/violet.png") ; }
body.Videos #vis { 		background-image: url("headers/violet.png") ; }
body.Videos #menu ul li .here {  background-image: url("menus/violet_01.gif") ; }
body.Videos #menu ul li .here .here {  background-image: url("menus/violet_02.gif") ; }
body.Videos #menu ul li a .there { color: #D5C2E6; }

body.Projects a:link,
body.Projects a:visited {	color: #CE3E66; } 
body.Projects a:hover {	color: #DC4E76;	}
body.Projects #header { background: #8D3C57 url("headers/red.png") ; }
body.Projects #vis { 		background-image: url("headers/red.png") ; }
body.Projects #menu ul li .here {  background-image: url("menus/red_01.gif") ; }
body.Projects #menu ul li .here .here {  background-image: url("menus/red_02.gif") ; }
body.Projects #menu ul li a .there { color: #F1C1CB; }

body.People a:link, body.People a:visited {	color: #935300; } 
body.People a:hover {	color: #DAA562;	}
body.People #header { background: #9A8449 url("headers/beige.png") ; }
body.People #vis { 		background-image: url("headers/beige.png") ; }
body.People #menu ul li .here {  background-image: url("menus/beige_01.gif") ; }
body.People #menu ul li .here .here {  background-image: url("menus/beige_02.gif") ; }
body.People #menu ul li a .there { color: #E9DBC2; }

