/********** begin html element styles **************/
html {
    height: 100%; 
} 

body {
    height: 100%; 
    margin: 0px;
    padding: 0px;
    color: #666666;
    background-color: #ffffff;
    font: 0.7em helvetica,arial,sans-serif;
    text-align: center;
}

img {
    border: 0px;
}

a {
    color: #000000;
}

ul {
	list-style-type: disc;
	list-style-position: inside;
    margin: 5px;
    padding-left:0px;
}
li {
    padding: 2px;
    margin-left: 0px; 
}

/********** end html element styles ****************/



/********** begin general classes ******************/
.block {
    display: block;
}
.font-bold {
    font-weight: bold;
}
.title-text,
.medium-title-text,
.small-title-text {
    font-size: 1.1em;
    font-weight: bold;
}
.medium-title-text {
    font-size: 1.2em;
}
.small-title-text {
    font-size: 0.75em;
}
.container-width {
    width: 79.3em;
}

span.title {
    font-style: italic;
}

.hidden {
    display: none;
}


/********** end general classes ******************/


/********** begin page-level structure styles ******/
div#page-container {
    position:relative;
    margin: 0 auto;
    text-align: left;
    height: 99%;
}
div#footer {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;    
    border-top: 6px solid #F2F2F2;
    border-bottom: 6px solid #F2F2F2;
}
div#check-height {
    height: 0px;
    font-size: 1px;
}
/********** end page-level structure styles ********/


/********** begin navigation styles ****************/
.nav-link,
.nav-link-on {
    float: left;
    padding-top: 0.4em;
}
.nav-link,
.nav-link a {
    color: #ffffff;
    text-decoration: none;
}

.nav-link-on a {
    color:#000000;
    text-decoration: underline;
}

.nav-link a:hover {
    color: #dddddd;       
}
div#nav-bg {
    position: absolute;
    top: 10.2em;
    height: 2em;
    background-color: #999999;
    z-index: 10;
}

.sub-nav-link-on,
.sub-nav-link,
.sub-nav-link-large-on,
.sub-nav-link-large {
    float: left;
    padding-top: 0.8em;
}

.sub-nav-link,
.sub-nav-link-large,
.sub-nav-link a,
.sub-nav-link-large a {
    text-decoration: none;
    color: #999999;
}

.sub-nav-link-large-on a
{
    text-decoration: underline;
    color:#000000;
}

.sub-nav-link a:hover,
.sub-nav-link-large a:hover {
    color: #000000;
}

.sub-nav-link-large,
.sub-nav-link-large-on {
    padding-top: 0.3em;
    font-size: 1.3em;
}

.sub-nav-link-large-selected {
    text-decoration: underline;
    color: #000000;
}

.sub-nav-link-date {
    padding-top: 0.3em;
    float: right;
    font-size: 1.2em;
}

div#sub-nav {
    position: absolute;
    top: 14.5em;
    padding-bottom: 0.6em;
    height: 2em;
    border-bottom: 2px solid #F2F2F2;
}
div.sub-nav-header {
    float:left;
    font-size: 1.7em;
    font-weight: bold;
    color: #BBBABA;
    padding-right: 1em;
}
div#submenu-artists,
div#submenu-exhibits {
    position: absolute;
    left: 30.4em;
    top: 15em;
    z-index: 100;
}
div#submenu-exhibits {
    left: 0em;
    top: 10.2em;
}
div#submenu-artists a,
div#submenu-exhibits a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    z-index: 2000;
    padding-bottom: 0.2em;
}
div#submenu-exhibits a {
    padding-bottom: 0.5em;
}
div#submenu-exhibits a:hover,
div#submenu-artists a:hover {
    text-decoration: underline;
}
div#submenu-exhibits-top,
div#submenu-artists-top {
    width: 5.65em;
    height: 2.2em;
    cursor: pointer;
    z-index: 3000;
}
div#submenu-exhibits-top {
    height: 2em;
}
div#submenu-exhibits-content,
div#submenu-artists-content {
    background-color: #808080;
    padding: 1em 0.5em 1em 0.5em;
}
div#submenu-exhibits-content {
    padding: 0.5em 1em 1em 1em;
}
/********** end navigation styles ****************/


/********** begin header styles *******/
div.header {
    position: absolute;
}
div#header-icons {
    float:right;
    top: 77px;
    left: 778px;
    width: 250px;
}
div#header-left {
    left: 0em;
    top: 3.5em;
}
.header-right,
div#header-right-bottom {
    left: 64em;
}
div#header-right-top {
    top: 4.2em;
    width: 14em;
}
div#header-right-middle {
    top: 6em;
    width: 10em;
}
div#header-right-bottom {
    top: 7.8em;
    width: 10em;
}
/********** end header styles *******/


/********** begin content styles *******/
div#content,
div#content-subnav {
    position: absolute;
    top: 12.1em;
    padding-bottom: 1.35em;
}
div#content-subnav {
    top: 17.5em;
}
.content-image {
    float: left;
    z-index: 1;
}
div#content-current-exhibit-text {
    text-align: center;
    padding: 10px;
    font-size: 2em;
    clear: both;
}
span.content-current-exhibit-dates {
    color:#999999;
}
span.content-current-exhibit-artists {
    font-weight:bold;
}
span.content-current-exhibit-events {
    font-size: 0.75em;
}

div.content-artist,
div.content-artist-min-height,
div.content-exhibit,
div.content-exhibit-min-height,
div.content-leftcolumn,
div.content-quartercolumn,
div.content-quartercolumn-first {
    padding-top: 2em;
    font-size: 1.2em;
    width: 30em;
    padding-bottom:1em;
}

div.content-exhibit,
div.content-leftcolumn,
div.content-quartercolumn,
div.content-quartercolumn-first {
    padding-top: 1em;
    width: 27em;
}

div.content-artist-min-height,
div.content-exhibit-min-height,
div.min-height {
    height: 39em;
}
div.content-quartercolumn-first,
div.content-quartercolumn {
    width: 190px;
    padding-right: 55px;
}
div.content-quartercolumn-first {
    padding-right: 0px;
}
div#exhibit-work,
div#artist-work,
div.work-image-numbers,
div.work-title-artist,
div.work-title-exhibit,
div.content-rightcolumn {
    position:absolute;
    top: 4.5em;
    width: 432px;
    left: 40.5em;
    text-align: center;
}

div.content-rightcolumn,
div.work-image-numbers,
div.work-title-exhibit {
    text-align:left;
}

div.content-rightcolumn {
    top:1em;
    left:34em;
    width:31em;
    font-size: 1.2em;
}

div.header-rightcolumn {
    font-weight: bold;
    width: 29em;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
    border-bottom: solid 2px #E0E0E0;
}

div#exhibit-work {
    left: 40em;
    text-align: center;
    top:6em;
}
div.work-image-numbers {
    left: 35em;
    top: 1em;
    font-size: 1.25em;
    font-weight:bold;
    color: #A4A4A4;
}
div.work-title-artist {
    top: 1.25em;
}
div.work-title-exhibit {
    left: 43.75em;
    top: 3em;
}

span.past-future-exhibit-date,
span.membership-item-title {
    font-size: 1.2em;
    letter-spacing: -0.05em;
}

span.membership-item-title {
    font-weight:bold;
}

span.membership-item-text {
    font-size: 0.9em;
}

span.past-future-exhibit-artists {
}

div#past-future-exhibits-content,
div#membership-content {
    width: 452px;
}

div#past-future-exhibits-content-firstcolumn,
div#membership-content-firstcolumn {
    float: left;
}

div#past-future-exhibits-content-secondcolumn,
div#membership-content-secondcolumn {
    float: right;
}

a.image-number
{
    color:#A4A4A4;
    text-decoration: none;
}
span.image-number-container
{
    display:none;
}
a.image-number-selected
{
    color:#000000;
    text-decoration: underline;
}

.artist-name-title,
.artist-bio-title {
    font-size: 1.3em;
    color: #838282;
}
/********** end content styles *******/


/********** begin sub-content styles *******/
div#sub-content {
    clear: left;
    padding-left: 2.7em;
    padding-top: 0.9em;    
    border-top: 6px solid #F2F2F2;
}
.sub-content-header {
    width: 10em;
    font-weight: bold;
    font-size: 1.3em;
}
.sub-content-header a
{
    color: #666666;
}
.sub-content-header-medium {
    font-size: 1.2em;
}
.sub-content-header-small {
    font-weight: bold;
    font-size: 1.1em;
}
.sub-content-section,
.sub-content-first-section,
.sub-content-second-section,
.sub-content-third-section,
.sub-content-last-section {
    padding-top: 0.3em;
    float: left;
    border-right: 6px solid #F2F2F2;
    height:110px;
}
.sub-content-first-section {
    padding-right: 1.9em;
}
.sub-content-second-section {
    padding-left: 2.2em;
    padding-right: 2.25em;
}
.sub-content-third-section {
    padding-left: 1.1em;
    padding-right: 1.15em;
}
.sub-content-last-section {
    padding-left: 2.45em;
    border-right: 0px; 
}
.sub-content-first-section-more a,
.sub-content-second-section-more a,
.sub-content-third-section-more a,
.sub-content-last-section-more a {
    font-weight: bold;
    text-decoration:none;
    border-bottom:2px solid #C0C0C0;
}
.sub-content-second-section-more {
    padding-top: .25em;
}
.sub-content-divider {
    clear: left;
    padding-bottom: 1.3em;
}
/********** end sub-content styles *******/


/********** begin home page element styles *******/
div#season-photo {
    padding: 0.4em 0em 0.1em 0em;
}
div#news-and-events-text {
    padding-top: 0.4em;
}
div#image-ohio-photo {
    padding-bottom: 0.5em;
}
div#become-a-member-photo {
    padding-top: 0.1em;
    padding-bottom: 0.5em;
}
div#sponsors {
    border-top: 6px solid #F2F2F2;
}
/********** end home page element styles *******/

/********** begin image_ohio page element styles *******/
div#image-ohio-description {
}
div#how-to-show-more {
    padding-top:0.9em;
}
div#how-to-show-text {
    font-size: 1.5em;
    font-weight: bold;
    color: #CECBCB;
    padding-top:0.3em;
}

/********** end image_ohio page element styles *******/


/* BEGIN DEBUG BORDERS * /
table,
table td,
div {
    border: solid 1px #ff0000;
}
/ * END DEBUG BORDERS */