/* common styles
 */
body {
background: #fff;
font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
margin: 0px;
padding: 0px;
color: #933;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* layout
 */
#container {
position: absolute;
left: 20px;
background: transparent;
margin: 20px auto;
padding: 0px;
width: 700px;
}

#content {
position: relative;
background: transparent;
margin: -20px 0 0 0px;
padding: 0px;
width: 700px;
border: 0px solid #000;
}

#leftNav {
position: absolute;
float: left;
top: 55px;
left: 0px;
background: transparent;
width: 150px;
border: 0px solid #000;
}

#rightColumn {
position: relative;
float: right;
top: 0px;
left: 0px;
width: 540px;
background: transparent;
}

#pageHeading {
width: 540px;
}

#pageHeading h1 {
background: transparent;
display: inline;
color: #933;
}

#pageContent {
background: transparent;
}

#pageContent h2 {
margin: 10px -10px 0 0px;
}

#footer {
clear: both;
position: relative;
top: 0px;
margin: 25px 0 0 0;
text-align: left;
border-top: 1px solid #933;
}

/* navigation
 */
#siteLinks ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#siteLinks li {
margin: 0 0 3px 0;
}

#subnavlist li {
margin: 3px 0 3px 20px;
}

#siteLinks a
{
display: block;
padding: 2px 2px 2px 15px;
border: 1px solid #333;
width: 135px;
background-color: #fff;
background-image: url(nav_background.gif);
/*background-image: url(logo_bullet3.gif);*/
}

#subnavlist a {
display: block;
padding: 2px 2px 2px 15px;
border: 1px solid #333;
width: 115px;
background-color: #fff;
background-image: url(nav_background.gif);
/*background-image: url(logo_bullet3.gif);*/
}

#siteLinks a:link, #navlist a:visited
{
color: #933;
text-decoration: none;
}

#siteLinks a:hover
{
border: 1px solid #333;
background-color: #933;
color: #fff;
background-image: url(nav_background_over.gif);
/*background-image: url(logo_bullet3a.gif);*/
}

#navlist li a#active {
border: 1px solid #333;
background-color: #933;
background-image: url(nav_background_over.gif);
/*background-image: url(logo_bullet3a.gif);*/
/*background-repeat: no-repeat;*/
text-decoration: none;
color: #fff;
}

#subnavlist a#active {
border: 1px solid #333;
background-color: #933;
/*background-image: url(nav_background_over.gif);*/
text-decoration: none;
color: #fff;
}

/* text
 */
p {
font-size: 14px;
padding: 5px 5px 10px 5px;
margin: 0;
line-height: 16px;
}

.p1 {
padding-left: 0px;
color: #000;
}

.p2 {
padding-left: 0px;
color: #000;
}

#pageContent ul li {
list-style-type: disc;
font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
font-size: 14px;
line-height: 18px;
/*margin-left: 10px;*/
/*padding-left: 5px;*/
position: relative;
top: -10px;
color: #000;
}

.p2 ul {
margin-bottom: 0px;
}

p.bar {
border-bottom: 4px solid #933;
/*border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #a33;
*/
color: #933;
line-height: 0px;
}

.product {
font-weight: bold;
}

.product a:link {
font-weight: bold;
}

.smallcaps {
font-variant: small-caps;
/*font-size: 80%;*/
}

.metasmallcaps {
/*
text-transform: lowercase;
font-variant: small-caps;
*/
font-size: 80%;
text-transform: uppercase;
}
h1 .metasmallcaps {
font-size: 80%;
}

h2 .smallcaps {
/*text-transform: lowercase;*/
font-variant: small-caps;
}

h2 #bioName {
font-variant: small-caps;
line-height: 0.5em;
margin-top: 1em;
/*color: #036;*/
color: #933;
}

h3 #bioRoles {
line-height: 0.5em;
font-size: 90%;
/*color: #036;*/
color: #933;
}

#pageContent .index_header a {
font-size: 120%;
font-weight: bold;
color: #933;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
}

#pageContent .index_item a {
margin-left: 15px;
margin-top: 0px;
padding: 0px;
line-height: 6px;
}

#pageContent .index_header {
font-size: 120%;
font-weight: bold;
}

#pageContent .index_item {
margin-left: 25px;
position: relative;
top: 3px;
}


#indexColumn {
float: right;
position: relative;
top: -178px;
left: -100px;
margin-bottom: -150px;
}

/* headings
 */
#pageHeader {
background: url(metaswarm_logo.jpg) top left no-repeat #fff;
height: 155px;
margin: 0;
border-bottom: 5px solid #933;
}

#pageHeader h1 {
display: none;
position: relative;
top: 145px;
left: 190px;
margin-top: 50px;
font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
margin: 0px;
padding: 0px;
color: #933;
}

#pageHeader h2 {
display: none;
position: relative;
top: 139px;
left: 190px;
margin-top: 50px;
font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
font-style: italic;
margin: 0px;
padding: 0px;
color: #933;
}

#logo {
background: transparent url(metaswarm-small.gif) top left no-repeat;
left: 10px;
height: 100px;
margin-left: 25px;
}

#logo h1 {
display: none;
}

#logo h2 {
display: none;
}

/* links
 */
a, a:link, a:visited {
color: #933;
text-decoration: underline;
font-weight: normal;
}

a:hover {
color: #933;
text-decoration: none;
font-weight: normal;
}