/* --------------------
   Global rules
---------------------*/
* {
   font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
}

html {
   font-size: 100%;
   font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
}
body {
   font-size: 90%;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
}

a.action {
   color: blue;
}

blockquote {
   display: block;
   margin: 0.5em 6em 0.5em 8em;
}

blockquote:before, blockquote:after {
   color: #1e6e47;
   display: block;
   font-family: "Times New Roman";
   font-size: 700%;
   width: 50px;
}

blockquote:before {
   content: open-quote;
   height: 0px;
   margin-left: -0.55em;
}

blockquote:after {
   content: close-quote;
   height: 1em;
   margin-top: -1em;
   margin-left: 100%;
}

blockquote *:first-child {
   margin-top: 0px;
   padding-top: 0px;
}

button, input, select, textarea {
   font-size: 100%;
}

/* Accelerator key */
button em, label em {
   font-style: normal;
   text-decoration: underline;
}

fieldset {
   border: none;
   border-bottom: solid 1px black;
   border-top: solid 1px black;
   padding: 0.25em 0 0.5em;
}


/* Use <fieldset>s for radio button sets (for example, Yes/No) */

fieldset.horizontal {
   border: none;
   display: inline;
   width: auto;
}

fieldset.horizontal label {
   float: left;
   margin-right: 1em; /* padding-right does not work here */
}

fieldset.horizontal legend, fieldset.vertical legend {
   /* display: none; */ /* JAWS ignores item if display: none */
   font-size: 0;
   line-height: 0px; /* Validator gives error without units */
   margin-left: -10000px; /* Will not cause horizontal scroll bar */
}

fieldset.vertical {
   border: none;
   clear: right;
   display: inline;
}

fieldset.vertical label {
   clear: right;
   display: block;
   width: 0em; /* minimum width */
}

form {
   margin: 0px;
   padding: 0px;
}

h1 {
   color: #1e6e47;
   font-size: 130%;
   font-weight: bold;
   margin-bottom: 0.5em;
}

h2 {
   color: #1e6e47;
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 1em;
}

h3 {
   color: #1e6e47;
   font-size: 120%;
   margin-top: 1em;
   margin-bottom: 0.25em;
}

h4 {
   color: #1e6e47;
   font-size: 110%;
   font-weight: bold;
}

h5, dt {
   color: #1e6e47;
   font-size: 110%;
}

h6 {
   color: #1e6e47;
   font-size: 100%;
   font-weight: bold;
}

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

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;
}

pre {
   font-family: "Courier New", monospace;
}

td {
    vertical-align: top;
}
tfoot, thead {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}

th {
   font-family: Arial, Helvetica, sans-serif;
   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
---------------------*/
.acagLogo {
   margin-top: 2em;
   text-align: center;
}

body.homePage {
   background-image: url(../content/images/background.gif);
   background-attachment:scroll;
   background-position: center -110px;
   background-repeat: no-repeat;
}


/* Row of buttons */
div.buttons {
   display: block;
   padding-top: 0.5em;
}

.errorMessage {
   color: Red;
   font-weight: bold;
}

body.searchWork div.buttons {
   display: block;
   padding-left: 8.25em;
   padding-top: 0.5em;
}

body.searchWork div.choice {
   display: inherit;
   padding-top: 5px;
   padding-left: 0.5em;
}

body.searchWork div.input {
   padding-left: 2em;
   padding-top: 5px;
}

body.searchWork div.choice label {
   display: inline-block;
   width: 2.5em;
}

body.searchWork div.choice label.hidden {
   position: absolute;
   left: -10000px;
}

body.searchWork div.input label {
   display: inline-block;
   width: 4.75em;
}

body.searchWork div.checkbox label {
   display: inline-block;
   width: auto;
}

blockquote + p.cite {
   margin-left: 8em;
}

.clearing {
   clear: both;
   height: 1px; /* Without this, in Firefox, if .clearing at bottom of page, it does not work. */
   line-height: 0;
}

.inputConditional {
   display: none;
   padding-top: 5px;
}

fieldset.choices {
   border: ridge 1px black;
   margin-left: 2em;
   width: 30em;
}

.imageInfo {
   background-color: #5DA43F;
   border: 1px solid #1E6E47;
   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;
}

.note {
   background-color: #bbbbbb;
   border: solid 1px black;
   margin-right: 1em;
   padding: 1em;
}

.postalAddress {
   margin-top: 0px;
}

.postalAddress p {
   margin: 0px;
   padding: 0px;
}

.show h1 {
   margin-bottom: 0px;
}

.show .eventDates {
   color: #1e6e47;
   font-size: 120%;
   padding-top: 0px;
}

table.resumeExhibitions {
   border: 0;
   border-collapse: collapse;
}

table.resumeExhibitions td {
   border: 0;
}

table.resumeExhibitions td {
   border: 0;
}

col.resumeExhibitionLocation {
   width: 14em;
}

col.resumeExhibitionYear {
   width: 5em;
}

tr.resumeExhibitionYear td {
    margin-top: 1em;
    padding-top: 1em;
}

.ResumeDegree {
   font-size: 110%;
   padding: 1em 0 1.5em 0;
   text-align: center;
}

.ResumeDegree p {
   padding: 0px;
}

.ResumePostalAddress {
   font-size: 110%;
   text-align: center;
}

.ResumePostalAddress p {
   padding: 0px;
   text-align: center;
}

.ResumeTitle {
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0 0;
   text-align: center;
}

.searchResults .searchResultsItem {
   border-bottom: Black 1px solid;
   border-left: Black 1px solid;
   border-right: Black 1px solid;
   border-top: Black 1px solid;
   float: left;
   display: inline-block;
   height: 13em;
   margin: 5px;
   padding: 5px;
   position: relative;
   text-align: center;
   top: 0px;
   vertical-align: middle;
   width: 12em;
}

/* IE 5.x+ */
* html .searchResults .searchResultsItem {
   border-bottom: Black 1px solid;
   border-left: Black 1px solid;
   border-right: Black 1px solid;
   border-top: Black 1px solid;
   display: inline-block;
   float: none;
   height: 13em;
   margin: 5px;
   padding: 5px;
   position: relative;
   text-align: center;
   top: 0px;
   vertical-align: middle;
   width: 12em;
}

.searchResults > .searchResultsItem {
   height: auto;
   min-height: 11em;
}

.searchResults .searchResultsItemCard {
   border-bottom: Black 1px solid;
   border-left: Black 1px solid;
   border-right: Black 1px solid;
   border-top: Black 1px solid;
   float: left;
   display: inline-block;
   height: 13em;
   margin: 5px;
   padding: 5px;
   position: relative;
   text-align: center;
   top: 0px;
   vertical-align: middle;
   width: 12em;
}

/* IE 5.x+ */
* html .searchResults .searchResultsItemCard {
   display: inline;
   float: none;
   position: static;
   zoom: 1;
}

.searchResults > .searchResultsItemCard {
   height: auto;
   min-height: 13em;
}

.searchResultsItem .NoImage, .searchResultsItemCard .NoImage {
   padding-top: 3em;
}

.searchResultsItem .title, .searchResultsItemCard .title  {
   display: block;
/*
   left: 0;
   position: absolute;
   bottom: 0.25em;
*/
}

.searchResultsItem img, .searchResultsItemCard img {
   border: 0;
   display: inline; /* Should be 'block', Firefox doesn't handle 'block', I guess because img is in an inline-block item */
   text-align: center;
}

.searchResultsItem .owner, .searchResultsItemCard .owner {
   display: block;
}

.searchResultsItem .packaging, .searchResultsItemCard .packaging {
   display: block;
   margin-top: 0.25em;
}

.searchResultsItem .price, .searchResultsItemCard .price {
   display: block;
}

.show .section {
   margin: 2em 1em 0 0;
}

.show .section .link {
   float: left;
   width: 10em;
}

.show .sectionLink img {
   display: block;
}

.slide .image {
   text-align: center;
}

.slide img.card {
   text-align: center;
   border: solid 1px black;
}

.slide .imageFooter {
   text-align: center;
}

.slide .imageFooter .title {
   display: inline;
   font-size: 130%;
}

.slide .imageFooter .year {
   display: inline;
   font-size: 130%;
   margin-left: 1em;
}

.slide .imageHeader {
}

.slide .noImage {
   position: relative;
   border: solid 1px black;
   height: 8em;
   left: 50%;
   margin-left: -8em;
   padding-top: 7em;
   text-align: center;
   vertical-align: middle;
   width: 16em;
   
}

.slide .note {
   background-color: White;
   border: solid 1px black;
   margin: 1em 2em 1em 2em;
   padding: 1em;
}

.slide .owner {
   text-align: center;
}

.tightTopBottom {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.vevent h3 {
   font-size: 110%;
   font-weight: bold;
   margin-bottom: 0;
}

.vevent h3 * {
   font-weight: bold;
}

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

/* --------------------
   ID-based rules
---------------------*/
#footer {
   background-color: #5da43f;
   clear: both;
   color: White;
   font-weight: bold;
   text-align: center;
}

#hideOptions {
   display: none;
}

#showOptions {
   display: inline;
}


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

body.homePage #pageContent {
   padding-left: 2.5em;
   padding-top: 5em;
}


/* Shell for page. Allows left border for "menu", and content area so can resize to window size. */
#pageShell {
   border-left: 12em solid #1e6e47;
   height: 31em; /* Minimum height for IE 6.x */
   min-height: 31em;
   position: static;
   text-align: left;
   width: auto;
}
body.homePage #pageShell {
   height: 31em;
}
#wrapper > #pageShell {
   height: auto;
   min-height: 31em;
}
body.homePage #wrapper > #pageShell {
   height: auto;
   min-height: 31em;
}

#header {
   border-style: none;
   border-bottom: solid 20px #5da43f /*#1e6e47*/;
   height: 5.4em;
   position: relative;
   text-align: left;
}

#header #headerBushes {
   bottom: 0px;
   display: inline;
   height: 65px;
   position: absolute;
   right: 0px;
}

#header #headerBushesContainer {
   left: 0px;
   position: absolute;
   top: 0px;
   z-index: 2;
}

#header #headerBanner {
   border: thin none;
   display: block;
   left: 17px;
   margin: 0px;
   padding: 0px;
   position: relative;
   top: 5px;
   vertical-align: bottom;
   z-index: 1;
}

#header .address {
   display: block;
   font-size: 85%;
   font-weight: bold;
   padding-left: 78px;
   padding-top: 3px;
}

#header .headerBushesProtector {
   background-color: Transparent;
   clear: right;
   display: inline;
   float: right;
   height: 1em;
   line-height: 1em;
}


/* Navigation bar */
#nav {
   left: 0em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.5em;
   position: absolute;
   text-align: left;
   top: 107px;
   width: 11em;
}

#nav li.youAreHere {
   background-color: #7D99BA;
   color: white;
}
#nav li a, #nav li p {
   background-color: Transparent;
   color: white;
   display: block;
   text-decoration: none;
   width: 100%;
}
#nav li p {
   padding-bottom: 0px; /* Override p{padding-bottom} */
   padding-top: 0px; /* Override p{padding-top} */
   cursor: default;
}
#nav li a:hover {
   background-color: #ccc;
   color: White;
   font-weight: 900;
}
#nav li a span {
   font-size: 110%;
   font-weight: 600;
}

#nav ul {
}

#nav ul li {
   list-style-type: none;
   margin-left: 0px;
   padding-top: 0.5em;
}

#nav ul li ul {
   padding-left: 1em;
}

#nav ul li ul li {
   list-style-type: none;
   padding-top: 0px;
}

#nav .yui-carousel {
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
}

#nav .yui-carousel li a:hover {
   background-color: Transparent;
   font-weight: normal;
}

#nav .yui-carousel-element li img {
   border-style: none;
}

#nav .yui-carousel-nav {
   display: none;
}

div#searchOptions {
   display: none;
}

div#searchResults {
   padding: 0px;
}

img#homePagePhoto {
   float: left;
   padding-right: 2em;
   padding-top: -2em;
}

img#homePageBushes {
   position: absolute;
   right: 0px;
   bottom: 1.2em;
   xtop: 247px;
}

img.publicText {
   margin-left: 0.5em;
}

/* 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 */
}

.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 {
}

.yui-carousel-nav span.yui-carousel-first-button {
}

.yui-carousel-nav span.yui-carousel-play-button {
   background: url(/art/yui/assets/skins/sam/sprite.png) no-repeat 0 -2150px;
}

.yui-carousel-nav span.yui-carousel-pause-button {
   background: url(/art/yui/assets/skins/sam/sprite.png) no-repeat 0 -2200px;
}

.yui-carousel-nav span.yui-carousel-button-hidden {
   display: none;
}