* {
   font-family: Arial, Sans-Serif;
   margin: 0;
   padding: 0;
}
body {
   background-color: #CCCC99;
   margin: 0.15in 0 0 0.15in;
}
a:link { color: #336600; }
a:visited { color: #336600; }
a:hover { color: #990000; }

h1, h2, h3, h4, h5, h6 { color: white; font-size: 100%; font-weight: normal; margin-top: 1em; }
h2, h3, h4, h5, h6 { color: #336600; }
h1 { font-size: 125%; }
h2 { font-size: 115%; }
h3 { font-weight: bold; }

img[usemap], object[usemap] { border-style: none; }

p { margin: 0.5em 0; padding: 0; }

table td, table th { vertical-align: top; }
table.pageLayout { width: 800px; table-layout: fixed; }
col.nav { width: 6em; }

ol, ul {
   margin-left: 1em;
}

.accentColor { color: #990000; }
.bordered { border: solid 1px white; }
.centered { text-align: center; }
.clearing { clear: both; }
.currently { margin-top: 1.5em; padding: 0.25em; }
.nobullet { list-style: none; margin-left: 0; }
.seriesDesc { border: groove 2px white; float: right; height: auto; padding: 0.25em; width: 250px; }
.seriesList { font-size: 80%; margin-bottom: 1em; text-align: center; width: 100%; }
.seriesList td { vertical-align: middle; }
.tightTop { margin-top: 0; }
.vcard .fn { color: #990000; font-weight: bold; }

/* Image Info related classes */
.imageInfo {
   background-color: #990000; /* original red */
   background-color: #597f26; 
   border: 1px solid white;
   color: White;
   font-size: 80%;
   margin-bottom: 5px;
   padding: 0.25em;
   width: auto;
}

.imageInfo .title {
   font-weight: bold;
   width: auto;
}

.imageInfo .medium {
   float: left;
   text-align: left;
}

.imageInfo .size {
   float: right;
   text-align: right;
}

body { color: #336600; }

/* Page specific rules - Home page */
body.homePage .hours { float: left; font-size: 0.8em; margin: 0.15in auto auto 0.25in; padding: 0.05em; text-align: center; width: 348px; }
body.homePage .hours p {}
body.homePage .hours table { margin-left:auto; margin-right:auto; }
body.homePage .leftImage { float: left; }
body.homePage .rightImage { float: left; margin-left: 0.25in; }

/* Page specific rules - Events */
body.events .vevent h2 {
   font-size: 105%;
   font-weight: bold;
   margin-bottom: 0;
   margin-top: 0.5em;
}
body.events .vevent h2 * {
   font-weight: bold;
}

body.events .vevent p {
   padding: 0;
   margin: 0;
}

/* Page specific rules - Gallery */
body.gallery .buildingAndLocation { float: left; }
body.gallery .building { line-height: 1; padding: 3px; text-align: center; width: 316px; }
body.gallery .visitLocation { height: 9em; min-height: 9em; line-height: 1.1em; margin: 10px 0 0 0; padding: 3px; text-align: center; width: 316px; }
body.gallery .visitLocation table { height: 100%; width: 100%; }
body.gallery .visitLocation table td { vertical-align: middle; }
body.gallery .hoursAndImages { float: left; margin: 0 0 0 10px; }
body.gallery .hours { margin: 0 0 10px 0; min-height: 9em; padding: 3px; position: relative; text-align: center; width: 356px; }
body.gallery .hours table { margin-left:auto; margin-right:auto; margin-top: 0em; }
body.gallery .apptByChancex { bottom: 0; left: 0; margin-bottom: 3px; position: absolute; width: 356px; }
body.gallery .apptByChance { margin: 0.25em 0 3px 0; }
body.gallery .images { line-height: 1; padding: 3px; width: 356px; }
body.gallery .images * { margin: 0; padding: 0; }

body.resume table.events { border-spacing: 0; }
body.resume table.events col:first-child { width: 3.5em; }
body.resume ul.collections { list-style: none; margin-left: 3.5em; }
body.resume div.representedBy { margin-left: 3.5em; }

#content { }
#navBar { width: 6em; }
#navBar ul { list-style-type: none; margin: 0; }
#pageFooter { border-top: groove 2px #777777; font-size: 75%; margin-top: 0.15in; padding-top: 0.25em; text-align: center; width: 800px; }
#pageFooter .copyrightNotice { margin-top: 1.0em; }
#pageHeader { margin-bottom: 0.15in; }

/* Yahoo! carousel control */
.yui-skin-sam .yui-carousel, .yui-carousel {
   border-style: none;
}

.yui-carousel-element {
   margin-top: 2px;
}

.yui-carousel-element li { 
   border-style: none;
   outline-style: none; /* Don't want to see the :focus outline */
   vertical-align: top;
}

.yui-carousel-element li img {
   border: 2px groove white;
   padding: 3px;
}

.yui-carousel .yui-carousel-item {
   border-style: none;
}
.yui-carousel .yui-carousel-item-selected {
   border-style: none;
}

.yui-skin-sam .yui-carousel-nav, .yui-carousel-nav {
   background-image: none;
   opacity: 0.7;
   padding: 0;
}

.yui-carousel-nav select, .yui-carousel-nav ul  { /* Don't want page selector (drop-down nor radio buttons) */
   display: none;
}

.yui-carousel-nav .yui-carousel-button {
   margin: 5px 3px 5px 4px;
}
.yui-carousel-nav span.yui-carousel-button {
   margin-left: -150px;
   margin-right: 100px;
   *margin: 5px 5px 5px -140px;
}

.yui-carousel-nav span.yui-carousel-first-button {
   margin-left: -200px;
   margin-right: 150px;
   *margin: 5px 5px 5px -190px;
}

.yui-carousel-nav span.yui-carousel-play {
   background: url(/images/carousel.png) no-repeat 0 -50px;
   margin-left: -100px;
   margin-right: 50px;
   *margin: 5px 5px 5px -90px;
}

.yui-carousel-nav span.yui-carousel-pause {
   background: url(/images/carousel.png) no-repeat 0 0px;
   margin: 5px;
   margin-left: 0px;
   margin-right: 0px;
}