#page {
}

/* structure */

#page-sidebar {
    width: 248px;
    float: left;
    display: inline;
}

#page-main {
    width: 704px;
    float: right;
    display: inline;
}

/* outline of pages in section */

#page #page-menu {
    padding: 4px;
    -moz-border-radius: 4px;
}

#page #page-menu a {
    color: #000;
}

#page #page-menu h2 {
    color: #000;
    font-size: 10pt;
    margin: 4px;
    display: block;
}

#page #page-menu h2 a:link,
#page #page-menu h2 a:visited {
    padding: 4px;
    display: block;
    text-decoration: none;
    color: #000;
    -moz-border-radius: 4px;
}

#page #page-menu h2 a:hover {
    background: #fff;
    text-decoration: underline;
}

#page #page-menu ul {
    list-style: none;
    margin: 4px 4px 4px 8px;
    padding: 0;
}

#page #page-menu li {
    display: inline;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0;
}

#page #page-menu li a {
    display: block;
    margin: 0;
    padding: 3px;
    text-decoration: none;
    color: #000;
    position: relative;
    -moz-border-radius: 4px;
}

#page #page-menu li a:link,
#page #page-menu li a:visited {
    color: #000;
    text-decoration: none;
}

#page #page-menu li a:hover {
    background: #fff;
    text-decoration: underline;
}

#page #page-menu li a.static:hover {
    background: #fff;
    color: #000;
}

/* content styling */

#page-content {
    line-height: 140%;
}

#page-content a {
}

#page-content p {
    margin: 0.66em 0;
    line-height: 140%;
}

#page-content p#page-summary {
    font-weight: bold;
    margin: 0.66em 0;
}

#page-content p#page-author {
    font-weight: bold;
    margin: 0.66em 0;
    color: #369;
}

#page-content #page-date-published {
    font-style: italic;
}

#page-content #page-toc {
    padding: 0;
    margin: 4px 0;
}


#page-content #page-toc ul {
    list-style-type: disc;
    margin: 4px 8px;
    padding: 0;
}

#page-content #page-toc ul li {
    margin: 0 8px;
    padding: 0;
}

#page-content #page-toc ul li a {
}

#page-content ul {
    list-style-type: disc;
    margin: 4px 8px;
    padding: 0;
}

#page-content ul li {
    margin: 0 0 0 8px;
    padding: 0;
}

#page-content ol {
    list-style-type: decimal;
    margin: 4px 8px;
    padding: 0;
}

#page-content ol li {
    margin: 0 0 0 12px;
    padding: 0;
}

#page-content .page-image {
    margin: 8px;
}

#page-content .page-image img {
    display: block;
    margin: auto;
}

#page-content .page-image p {
}

#page-content .page-image a {
}

/* file via cms macro or list of attached files */

#page-content .page-file {
    margin: 4px 0;
    padding: 4px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#page-content .page-file table {
    width: 100%;
}

#page-content .page-file table td {
    font-size: 100%;
    padding: 4px 0;
}

#page-content .page-file table td.page-file-icon {
    width: 24px;
}

#page-content .page-file table td.page-file-title {
}

#page-content .page-file table td.page-file-title a {
    font-weight: bold;
    display: block;
}

#page-content .page-file table td.page-file-title p {
    margin: 0;
}

#page-content .page-file table td.page-file-title a {
}

#page-content .page-file table td.page-file-meta {
    text-align: right;
}

/* table generated from cms markup */

#page-content table.page-table {
}

#page-content table.page-table caption {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 2px;
}

#page-content table.page-table thead {
    background: #ffe;
    border: 1px solid #000;
    padding: 2px;
}

#page-content table.page-table td {
    border: 1px solid #ddd;
    vertical-align: top;
    padding: 2px;
}

/* list of sub-pages */

#page-index {
}

.page-index-item {
  margin: 24px 0 24px 0;
  border-bottom: 1px solid #ddd;
}

.page-index-item-image {
    width: 160px;
    height: 160px;
    float: left;
    margin-right: 24px;
}

.page-index-item-image a {
    display: block;
    width: 160px;
    height: 160px;
}

.page-index-item-image a span {
    display: none;
}

page-index-item-detail {
    margin-left: 100px;
}

#page-content .page-index-item h3 {
    font-size: 140%;
    margin: 8px 0 0 0;
}

#page-content .page-index-item h3 a {
    text-decoration: none;
}

#page-content .page-index-item p {
    margin: 2px 0 4px 0;
}

/* blocks of sub-pages */

#page-cells {
}

.page-cell {
    width: 228px;
    height: 200px;
    float: left;
    margin: 0 4px 8px 4px;
    overflow: hidden;
    bordeR: 1px solid #369;
}

.page-cell-image {
    width: 228px;
    height: 160px;
}

.page-cell .page-cell-image a {
    display: block;
    width: 228px;
    height: 160px;
}

.page-cell a span {
    display: none;
}

.page-cell h3 {
    margin: 0;
    height: 40px;
}

.page-cell h3 a {
    display: block;
    padding: 4px;
    color: #fff;
    background: #369;
    text-decoration: none;
    text-align: center;
}

.page-cell h3 a span {
}

/* simpleviewer images gallery */

#page-simpleviewer {
    margin: 0;
    padding: 0;
}

/* ajax images gallery */

#page-content #page-gallery {
    margin: 8px 0;
    padding: 0;
}

#page-content #page-gallery #page-gallery-selector {
    width: 188px;
    height: 384px;
    float: left;
}

#page-content #page-gallery #page-gallery-selector #page-gallery-pager {
    height: 24px;
    margin: 0 2px 0 0;
}

#page-content #page-gallery-pager ul {
    margin: 0;
    padding: 0;
    height: 24px;
}

#page-content #page-gallery-pager ul li {
    display: inline;
    float: left;
    margin: 0 2px;
}

#page-content #page-gallery-pager ul li a {
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    text-decoration: none;
}

#page-content #page-gallery-pager ul li a:hover {
    background: #fff;
    color: #000;
}

#page-content #page-gallery-pager ul li .page-gallery-pager-active {
    background: #fff;
    color: #000;
}

#page-content #page-gallery-pager ul li#page-gallery-pager-next {
    float: right;
}

#page-content #page-gallery #page-gallery-thumbnails {
    width: 188px;
    height: 360px;
    overflow: hidden;
    float: left;
}

#page-content #page-gallery-thumbnails ul {
    margin: 2px 0 0 0;
    padding: 0;
}

#page-content #page-gallery-thumbnails ul li {
    display: inline;
    float: left;
    margin: 2px;
    padding: 0;
}

#page-content #page-gallery-thumbnails ul li a {
    display: block;
    width: 88px;
    height: 66px;
    border: 1px solid #555;
}

#page-content #page-gallery-thumbnails ul li a.page-gallery-thumbnail-active {
    border: 1px solid #c00;
}

#page-content #page-gallery #page-gallery-thumbnails ul li a span {
    display: none;
}

#page-content #page-gallery-image {
    float: right;
    width: 512px;
    height: 384px;
    overflow: hidden;
    margin: 0;
}

#page-content #page-gallery-image h3#page-gallery-title {
    float: left;
    width: 384px;
    color: #fff;
    margin: 8px 4px;
}

#page-content #page-gallery-image h3#page-gallery-title span {
    padding: 4px;
    background: url(/images/alpha.png);
    border: 1px solid #666;
}

#page-content #page-gallery-image a {
    display: block;
    float: right;
    width: 48px;
    height: 20px;
    margin: 4px 2px;
    background: #222;
    border: 1px solid #999;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#page-content #page-gallery-image a span {
    display: block;
    padding: 0;
}

#page-content #page-gallery-image a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}