/* --------------------
   Global rules
---------------------*/
* {
   color: #808000;
   font-family: "Times New Roman", Georgia, Serif;
   font-style: italic;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

html {
   font-size: 100.01%;
   overflow: scroll;
}
body {
   background-color: Black;
   font-size: 105%;
}

a:link, a:visited, a:active {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

h1 {
   font-size: 145%;
   font-weight: bold;
   margin: 0.5em 0;
   text-align: center;
}
body.contact h1 {
   text-align: left;
}

h2 {
   font-size: 135%;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 1em;
}

h3 {
   font-size: 125%;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 0.5em;
}

img {
   border-style: none;
}

ol li {
   list-style-type: decimal;
   margin-left: 1em;
}

ol ol li {
   list-style-type: lower-alpha;
}

ol ol ol li {
   list-style-type: lower-roman;
}

p {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

th {
   vertical-align: baseline;
   font-size: 1em;
   font-weight: bold;
}

ul li {
   list-style-type: square;
   margin-left: 1em;
}

ul li li {
   list-style-type: disc;
}

ul li li li {
   list-style-type: circle;
}

/* --------------------
   Class-based rules
---------------------*/
.caption {
   margin: 0 0 1em 0;
   text-align: center;
}

.center {
	text-align: center;
}

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

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


.images .left {
   float: left;
   position: relative;
}
.images .right {
   float: right;
   position: relative;
}

body.exhibits .images {
   position: relative;
   margin-top: 1em;
}

body.homePage .images {
   position: relative;
   left: 50%;
   margin-left: -202px;
   width: 405px;
}
body.homePage .images .left {
   top: 40px;
   width: 220px;
}
body.homePage .images .right {
   margin-left: 20px;
   text-align: center;
   width: 165px;
}

body.profile .images {
   float: left;
   margin-right: 20px;
   position: relative;
   width: 230px;
}

body.stillLife .images {
   position: relative;
   left: 50%;
   margin-left: -250px;
   width: 500px;
}
body.stillLife .images .topRow {
   position: relative;
   height: 200px;
}
body.stillLife .images .topRow .left {
   position: absolute;
   bottom: 0;
   left: 0;
}
body.stillLife .images .topRow .right {
   position: absolute;
   bottom: 0;
   right: 0;
}

.narative {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   position: relative;
   text-align: left;
   width: 30em;
}
body.contact .narative {
   left: 50%;
   margin-left: -19em;
   width: 38em;
}
body.exhibits .narative {
   left: 50%;
   margin-left: -17.5em;
   width: 35em;
}
body.homePage .narative {
   left: 50%;
   margin-left: -15em;
}
body.profile .narative {
   left: 50%;
   margin-left: -312px;
   overflow: auto;
   width: 625px;
}
body.profile .narative p {
   margin-top: 5em;
   padding: 0;
}
body.profile .narative .degree {
   margin: 1em 0 0 0;
   padding: 0;
}
body.profile .narative .school {
   margin: 0;
   padding: 0;
}

body.stillLife .narative {
   left: 50%;
   margin-left: -15em;
}

.thanksVisiting {
	font-size: 145%;
}

.tightTop {
   margin-top: 0;
   padding-top: 0;
}
.tightBottom {
   margin-bottom: 0;
   padding-bottom: 0
}

body.contact .vcard {
   display: block;
   margin: 2em 0 0 0;
   text-align: left;
}
body.contact .vcard .fn, body.contact .vcard .org {
   font-size: 145%;
}
body.contact .vcard .mapIt {
	margin-top: 1em;
}

/* --------------------
   ID-based rules
---------------------*/
#footer {
   clear: both;
   font-size: 75%;
   font-weight: normal;
   padding: 1em 0;
}
body.contact #footer {
	display: none;
}

#header {
   padding: 1em 0 1em 0;
   position: relative;
   text-align: left;
   width: 100%;
}
#header ul {
}
#header li {
	float: left;
	list-style-type: none;
	list-style-position: outside;
    margin-left: 0;
	text-align: center;
	width: 19.5%;
}
#header li a {
   font-size: 125%;
}
#header li.youAreHere {
}
#header li.youAreHere a {
   background-attachment: scroll;
   background-image: url(../images/bullet-YouAreHere.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 25px;
   padding-right: 25px;
}

/* All page content goes here. 100% of parent (pageShell) content area */
#pageContent {
   height: 1%;
   padding: 1em 0 1em 0em;
   position: relative;
   text-align: left;
}
/* IE 5.x+ */
* html #pageContent {
   height: 1%;
}

/* Shell for page. */
#pageShell {
   height: 25em; /* Minimum height for IE 6.x */
   min-height: 25em;
   padding-right: 1em;
   position: static;
   text-align: left;
   width: auto;
}

#wrapper > #pageShell {
   height: auto;
   min-height: 25em;
}