body {
    color: #000000;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial;
}

/* -- page layout -- */
#page {
    width: 100%;
}

#container {
    margin: auto;
    padding: 5px 0px;
    width: 880px;
    margin-top: 10px;
}

#frame {
    margin: 0px 0px;
    padding: 0px;
    width: 880px;
    position: relative;
}

#header {
}
#header h1 {
    font-family: 'Lato', Arial;
    font-variant: small-caps;
    font-size: 42px;
    color: #000000;
    margin: 5px 0 20px 0;
    font-weight: normal;
}
#header h1 a {
    color: #000000 !important;
}
#header p {
    float: right;
    font-family: 'Lato', Arial;
    font-variant: small-caps;
    font-size: 20px;
    color: #626061;
    padding-top: 5px;
}

#framecontent {
    padding: 0px 0px;
    text-align: left;
    position: relative;
}
#framecontent a  {
    font-weight: bolder;
}
.content {
  margin: 0 0 0 0px;
}

/* -- FB - - */
#fb {
    float: right;
    width: 100px;
    margin-top: -4px;
}


/* -- home - - */
#framehome {
    position: absolute;
    top: 200px;
    left: 0px;
    z-index: 100;
}
#framebethanna {
    width: 880px;
}
#framebethanna h1 {
    margin: 0px;
    padding: 0px;
    width: 880px;
}
#framebethanna a {
    display: block;
    background-image: url('img/bethanna.png');
    height: 198px;
    width: 704px;
    margin: auto;
}
#framebethanna span {
    display: none;
}
#framehome #menu {
    width: 820px;
    margin: auto;
}

/* -- footer - - */
#framefooter {
    color: #6d6c6c;
    clear: both;
    text-align: center;
    font-size: 14px;
    width: 850px;
    padding-top: 20px;
    margin: auto;
}
#framefooter a {
    color: #6d6c6c !important;
    border-bottom: 0px;
}
#framefooter a:hover {
    color: #bdbcbc !important;
}

#framecopyright {
    color: #bdbcbc;
    clear: both;
    text-align: center;
    font-size: 14px;
    width: 880px;
    padding-top: 20px;
    margin: auto;
}
#framecopyright a {
    color: #bdbcbc !important;
    border-bottom: 0px;
}



/* -- menu - - */
#framemenu #menu {
    margin-left: -26px;
    /*background-color: #F9F9F9;*/
}
#framehome #menu {
    text-align: center;
    background-color: #FFFFFF;
}
#menu {
    height: 33px;
}
#menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#menu li {
    display: block;
    float: left;
    list-style-type: none;
}
#menu a {
    font-family: 'Lato', Arial;
    font-variant: small-caps;
    font-size: 18px;
    display: inline-block;
    padding: 4px 28px 0px 28px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    color: #333333;
    height: 29px;
    font-weight: bold;
}
#menu a:hover, #menu a:active {
    color: #000000;
}
#menu a.cmf-menu-selected, #menu a.cmf-menuh-sub-selected {
    background-color: #DFDFDF;
    color: #000000;
}


#framemenu #submenu {
    margin-left: -16px;
    /*background-color: #FBFBFB;*/
}
#framehome #submenu {
    text-align: center;
}
#submenu {
    margin-top: 3px;
    height: 22px;
    background-color: #FFFFFF;
}
#submenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#submenu li {
    display: block;
    float: left;
    list-style-type: none;
}
#submenu a {
    font-family: 'Lato', Arial;
    font-variant: small-caps;
    font-size: 16px;
    display: inline-block;
    padding: 0px 18px 3px 18px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    color: #555555;
    height: 20px;
    font-weight: bold;
}
#submenu a:hover, #submenu a:active {
    color: #555555;
}
#submenu a.cmf-menu-selected {
    background-color: #EDEDED;
    color: #000000;
}




/* -- languages -- */
#languages  {
    text-align: center;
    margin-top: 24px;
    float: right;
}
#languages a span {
    display: none;
}
#languages a {
    float: left;
    display: block;
    width: 20px;
    height: 12px;
    margin-right: 5px;
    background-position: 0 -12px;
    background-repeat: no-repeat;
}
#languages a.active, #languages a:hover {
    background-position: 0 0px;
}
#languages a.lang-fr-FR {
    background-image: url('img/fr.png');
}
#languages a.lang-en-GB {
    background-image: url('img/en.png');
}


/* -- home -- */
.pic-home img {
    border: 0px;
}
.pic-home {
    float: right;
    margin: 0px 0px 0px 0px;
}


/* -- news -- */
.cmf-news-clear {
    clear:right;
}
.cmf-news-info {
    font-size: 80%;
    font-style: italic;
    color: #626061;
}
.cmf-news-header {
    margin: 10px 0 10px 0;
}
.cmf-news-image {
    margin: -15px 0 5px 15px;
    float: right;
}
.cmf-newss .cmf-news {
    padding: 10px 0;
    margin: 0px 0 10px 0;
    border-bottom: 3px solid #BBBBBB;
}
.cmf-newss .cmf-news-header {
    margin: 5px 0 0px 0;
}
.cmf-newss .cmf-news-readmore {
    font-style: italic;
}
.cmf-newss .cmf-news-image {
    margin: -15px 0 5px 15px;
    float: right;
}

/* -- gallery -- */
.cmf-gallery {
    margin-top: 20px;
}
.cmf-photocat .cmf-gallery-line {
    height: 120px;
    width: 600px;
    margin: 0 auto;
}
.cmf-photocat .cmf-gallery-item {
    width: 600px;
    overflow: hidden;
}
.cmf-gallery-text {
    margin: 5px 0;
    font-size: 90%;
}
.cmf-gallery-line {
    height: 230px;
}
.cmf-gallery-item {
    width: 165px;
    overflow: hidden;
    margin: 0 8px 8px 0;
}
.cmf-gallery-legend {
    font-size: 80%;
}
.cmf-gallery-credits {
    font-size: 80%;
    font-style: italic;
    color: #bdbcbc;
}
.cmf-gallery-break {
    clear:none;
}


/* -- exhibitions  -- */
/*.node-exhibitions .cmf-gallery-slideshow {
    float: right;
    clear: right;
    font-size: 10px;
    text-align: center;
    font-style: italic;
    line-height: 1.1em;
}*/
table.cmf-exhibits {
}
.cmf-exhibits tr:hover {
    background-color: #FAFAFA;
}
.cmf-exhibits td {
    padding: 4px;
    vertical-align: top;
}
.cmf-exhibit {
}
.cmf-exhibit-date {
  white-space: nowrap;
}
.cmf-exhibit-title {
    font-weight: bold;
    padding-right: 10px;
}
.cmf-exhibit-header {
    font-size: 90%;
    color: #333333;
}
.cmf-exhibit-header p, .cmf-exhibit-header div {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cmf-exhibit-location {
    font-size: 80%;
    color: #333333;
}
.cmf-exhibit-album {
    font-size: 80%;
    padding-top: 6px !important;
}
.cmf-exhibit-parenthesis {
    font-size: 80%;
    padding: 0 2px;
}
.cmf-exhibit-personal {
    font-size: 80%;
    font-style: italic;
    border-bottom: 1px solid #DDDDDD;
}

/* -- videos  -- */
.cmf-videos {
  margin: 10px auto;
}
.cmf-video {
  margin: 0px 0px 20px 0px;
  padding: 0;
  text-align: left;
}
.cmf-video-play {
  float: left;
}
.cmf-video-info {
  margin: 5px 0px;
  text-align: left;
}
.cmf-video-title {
}
.cmf-video-text {
  font-size: 90%;
  float: right;
  width: 220px;
}
.cmf-video-link {
  font-size: 80%;
  text-align: center;
}
.cmf-video-clear {
  clear: both;
}
/* video player plug */
.cmf-video-player-clear {
  clear: both;
}
.cmf-video-player {
  text-align:center;
  padding: 10px;
}
.cmf-videoplayer-google, .cmf-videoplayer-youtube, .cmf-videoplayer-personalplayer, .cmf-videoplayer-quicktime {
  padding: 0px;
  margin: 0px auto;
}
.cmf-videoplayer img, .cmf-videoplayer object {
  margin: 0px auto;
  padding: 0px;
}
.cmf-video-pic {
    float: right;
    margin: 0px 0px 5px 5px;
}

#player_toggle {
    float: right;
    margin-top: -5px;
    display: block;
    height: 40px;
    width: 55px;
    opacity: 0.4;
    background-position: -55px 0;
    background-repeat: no-repeat;
    background-image: url('img/playpause.png');
}
#player_toggle:hover {
    opacity: 1;
}
#player_toggle.playeron {
    background-position: -109px 0;
}


/* -- admin -- */
.adminmenu {
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px solid #626061;
    font-size: 13px;
}
.adminmenu a {
    text-decoration: none;
    border: 0px;
    font-weight: bold;
}


table.cmf-list {
}
table.cmf-highlight tr td:hover {
    border: #DCDBD5 solid 1px;
}


td.cmf-top {
    color: #FFFFFF;
    background-color: #111111;
    font-size: 90%;
}
td.cmf-nav {
    color: #000000;
}
td.cmf-line {
    color: #000000;
}
td.cmf-linesep {
    color: #000000;
}
td.cmf-line1 {
    color: #000000;
}
td.cmf-line2 {
    color: #000000;
}

td.cmf-right {
    color: #000000;
    font-size: .9em;
}
span.cmf-compulsory {
    color: #FF9999;
}
td.cmf-left {
    color: #000000;
    font-size: .9em;
    padding-top: 6px;
}
td.cmf-break {
    color: #000000;
    border-bottom: #FF9999 solid 1px;
}
td.cmf-sep {
    color: #003300;
}
td.sep h4 {
}
td.cmf-bottom {
    color: #FFFFFF;
}

form.cmf-form input, form.cmf-form select, form.cmf-form textarea, a.cmf-actionbutton {
    padding:3px 4px 2px;
    background:#f6f6f6;
    border:1px solid #ccc;
    font:90% Verdana;
}
form.cmf-form input:focus, form.cmf-form select:focus, form.cmf-form textarea:focus {
    border:1px solid #626061;
}
form.cmf-form input.cmf-submit, form.cmf-form input[type=submit], form.cmf-form button, a.cmf-actionbutton {
    padding:1px 4px;
    background:#f6f6f6;
    border:1px solid #ccc;
    font:90% Verdana;
    font-weight: bold;
}



form.cmf-form textarea.cmf-small {
}
form.cmf-form textarea.cmf-medium {
}
form.cmf-form textarea.cmf-large {
}
form.cmf-form textarea.cmf-full {
}

a.cmf-actionlink, a.cmf-actionlink:visited {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    text-decoration: none;
    color: #626061;
}
a.cmf-actionlink:hover, a.cmf-actionlink:active {
    color: #231f20;
    border: 1px solid #999999;
    text-decoration: none;
}

.cmf-actiondiv {
}

.cmf-filter {
    border: 1px solid #eeeeee;
}
.cmf-messages {
    color: #669966;
    border: 1px solid #669966;
    background-color: #eeffee;
    margin: 10px 0px;
}
.cmf-errors {
    color: #CC6666;
    border: 1px solid #CC6666;
    background-color: #ffeeee;
    margin: 10px 0px;
}
.cmf-dialog {
}
.cmf-dialogbuttons {
}
.cmf-dialogbuttons a.cmf-actionbutton {
}
.cmf-dialogbuttons input {
}
.cmf-dialogtitle {
}
.cmf-dialogbox {
}