/* Screen cascading style sheet for C&C website */

body {
  background: #9BABB3;
  color: #606060;
  font-family: Arial;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}

a {color: #2E77AF; font-weight: bold; text-decoration: none}
a:hover {color: #B30000}

h1 {color: #3C3B49; font-size: 1.6em}
h2 {color: #385A7D; font-size: 1.4em; margin: 30px 0 -10px 0; text-align: left}
h3 {color: #385A7D; font-size: 1.2em; margin-top: 30px}

img {border: 0}
span.inline img {border: 1px solid #000}

p {line-height: 130%}

#banner {
  margin: 0 auto;
  height: 250px;
  width: 1000px;
}

#bannerWrap {
  float: left;
  background: #7E7D87;
  border-top: 6px solid #7990A8;
  text-align: center;
  height: 250px;
  width: 100%;
}

#body {
  margin: 0 auto;
  text-align: left;
  width: 1000px;
}

#body_back {float: left; background: #F5F5F5; min-height: 400px; padding: 20px; width: 960px}
#body_back ul {list-style-type: square}
#body_back ul ul {list-style-type: circle}
#body_back li {margin: 3px}

#bodyWrap {
  float: left;
  text-align: center;
  width: 100%;
}

#footer {
  font-size: 0.85em;
  margin: 0 auto;
  height: 100px;
  text-align: left;
  width: 1000px;
}

#block-block-4 .column, #block-block-6 .column {float: left; margin-bottom: 20px; width: 200px}
#block-block-4 .column a, #block-block-6 .column a {color: #ECE0CD; font-weight: normal}
#block-block-4 .column a:hover, #block-block-6 .column a:hover {color: #DF8833}
#block-block-4 .column h3, #block-block-6 .column h3 {border-bottom: 1px solid #000; color: #ECE0CD; margin-bottom: 0; width: 180px}
#block-block-4 .column li, #block-block-6 .column li {margin: 3px 0}
#block-block-4 .column ul, #block-block-6 .column ul {list-style-type: none; padding: 0}

#footerBar {
  background: #df8833;
  margin: 0 auto;
  height: 4px;
  width: 1000px;
}

#footerWrap {
  float: left;
  background: #3C3B49;
  border-top: 6px solid #7990A8;
  text-align: center;
  width: 100%;
}

#header {
  background: url(images/header.jpg) 0 20px no-repeat;
  margin: 0 auto;
  height: 100px;
  width: 1000px;
}

#headerWrap {
  float: left;
  background: #3C3B49;
  text-align: center;
  height: 120px;
  width: 100%;
}

#topnav {
  background: #7990A8;
  margin: 0 auto;
  height: 40px;
  width: 1000px;
}

#nice-menu-2 {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nice-menu-2 li {
  display: inline;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

#nice-menu-2 li a {
  display: table-cell;
  color: #EAEAEA;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0 10px;
  vertical-align: middle;
	height: 40px;
  width: 105px;
}

#nice-menu-2 li a:hover {
  background: #516173;
  color: #F1A615;
}

#nice-menu-2 ul {background: #D1D9DB; border: 0; margin: 14px 0 0 0; padding: 0; height: auto}
#nice-menu-2 ul li {height: auto; width: 225px}
#nice-menu-2 ul li a {color: #2E4346; padding: 6px; text-align: left; height: auto; width: 212px}


/* DRUPAL STYLES */
/* ------------- */

/* ADMINISTER MENU */
#block-nice_menus-1 {position: absolute; font-size: 0.9em; margin: 2px 0 0 3px; z-index: 11}
#block-nice_menus-1 a {color: #504F5A; font-weight: normal}
#block-nice_menus-1 a:hover {background: #7990A8; color: #FFF}
#block-nice_menus-1 ul {margin: 2px 0; padding: 0}
#block-nice_menus-1 ul ul {margin: 0 0 0 -1px; padding: 0}


/* BLOG */
.view-blog .view-header {border-bottom: 1px solid #4C6B8B; margin-bottom: 20px}
.view-blog .views-row {float: left; background: #D8EAEE; border: 1px solid #4C6B8B; margin-bottom: 20px; padding: 10px; width: 838px}
.view-blog .views-field-title {display: block; border-bottom: 1px solid #4C6B8B; color: #4C6B8B; font-size: 1.2em; margin-bottom: 10px}
.view-blog .views-field-created {font-weight: bold}
.view-blog .views-field-field-blog-image-fid {float: right}
.view-blog img {float: right; border: 1px solid #4C6B8B; margin: 5px 0 0 10px}


/* BREADCRUMB */
.breadcrumb {background: #f6f6f6; border-bottom: 1px solid #7990A8; font-size: 0.85em; padding: 3px 10px 2px}


/* EVENTS */

/* Events Galleries */
#block-views-events-block-2 .view-Events {float: left; margin-top: 20px}
#block-views-events-block-2 .views-row {float: left; color: #808080; font-size: 0.9em; margin: 10px 10px 10px 0; min-height: 210px; width: 148px}
#block-views-events-block-2 .views-row a {display: block; float: left; border: 2px solid #4C6B8B; margin-bottom: 6px; padding: 2px}
#block-views-events-block-2 .views-row img {float: left}

/* Events List */
#block-views-events-block-1 {margin-top: 20px}
#block-views-events-block-1 img {float: right; border: 1px solid #4C6B8B; margin: 5px 0 0 10px}
#block-views-events-block-1 .view-header {border-bottom: 1px solid #4C6B8B; margin-bottom: 20px}
#block-views-events-block-1 .views-field-field-dates {font-weight: bold}
#block-views-events-block-1 .views-field-title {display: block; border-bottom: 1px solid #4C6B8B; color: #4C6B8B; font-size: 1.2em; margin-bottom: 10px}
#block-views-events-block-1 .views-row {float: left; background: #D8EAEE; border: 1px solid #4C6B8B; margin-bottom: 20px; padding: 10px}

/* Events Pages */
.node-type-event .field-name-field-dates {color: #808080; font-size: 1.4em}
.node-type-event .field-name-field-event-image {float: right; border: 2px solid #4C6B8B; margin: 0 0 20px 20px; padding: 2px}
.node-type-event .field-name-field-event-image img {float: left}
.node-type-event .field-name-upload {border-top: 1px dashed #E0E0E0; margin-top: 20px; padding-top: 20px}


/* FORUMS */

#forum {
  margin: 20px 0;
  width: 810px;
}

#forum .container {
  background: #7990A8;
  color: #FFF;
}

#forum .container a {color: #FDF3A1; margin-left: 5px}
#forum .forum a:hover {text-decoration: underline}
#forum .forum .description {color: #757575; font-size: 0.85em}

#forum thead {background: #3C3C49; color: #FFF}
#forum th {min-width: 60px; padding: 2px}

#forum-topic-2 {width: 100%}
#forum-topic-2 th a {color: #FDF3A1}
#forum-topic-2 th a:hover {text-decoration: underline}

.forum-topic-navigation .topic-previous {text-align: left}
.forum-topic-navigation .topic-next {text-align: right}

.comment {background: #f6f6f6; border: 1px solid #3C3C49; margin-top: 15px}
.comment h3 {background: #3C3C49; font-size: 0.9em; margin: 0; padding: 4px}
.comment a {color: #FFF}
.comment .content {padding: 4px}
.comment .links {background: #7990A8; padding: 4px}
.comment_add a {display: block; background: #7990A8; border: 1px solid #3C3C49; color: #f6f6f6; padding: 5px; text-align: center; width: 150px}
.comment_add a:hover {background: #3C3C49}

.new {display: none}
/*.node {border-bottom: 1px solid #3C3C49;}*/
.submitted {display: block; background: #7990A8; color: #FFF; font-size: 0.9em; padding: 4px}

div.terms {display: none}


/* GALLERIES */
.image-gallery-nodes img {border: 1px solid #000}
#body_back .image-gallery-nodes li {float: left; margin: 5px 11px}


/* HOMEPAGE */
.front .region-content {float: left; width: 460px}
.front .region-frontright {float: right; width: 460px}

/* COST info */
#block-block-1 {font-size: 0.9em; text-align: center; margin-left: 15px; padding: 15px 0}

/* Facebook */
.facebook {float: left; font-size: 1.4em}
.facebook img {vertical-align: middle}

/* Members' area */
#block-block-3 {border-top: 1px dashed #E0E0E0; margin-top: 20px}
#block-block-3 h2 {margin: 20px 0 10px}
#block-block-3 .username {color: #D8A715; font-size: 1.4em; font-weight: bold; margin: 5px 0}

/* News */
#block-views-news-block-block-1 {float: right; border-top: 1px dashed #E0E0E0; margin-right: 10px}
#block-views-news-block-block-1 h2 {margin: 20px 0 0}
.view-news-block .view-content {font-size: 0.9em}
.view-news-block .views-row {float: left; margin: 6px 0; padding: 5px}
.view-news-block .views-row-even {float: left; background: #EAEAEA}
.view-news-block .views-row-odd {float: left; background: #E2E8EF}
.view-news-block .views-row p {float: left; margin: 4px 0}
.view-news-block .views-field-created {color: #808080; margin-top: 2px}
.view-news-block .views-field-edit-node {float: right}
.view-news-block .views-field-title {color: #4C6B8B; font-size: 1.2em; font-weight: bold}


/* IMAGES */
.image-caption-container .image-caption {float: left; color: #9F9F9F; font-size: 0.85em; font-weight: normal; line-height: 140%; padding: 2px; width: 95%}
.image-caption-container img {border: 2px solid #385A7D; padding: 2px}
img.border {border: 2px solid #385A7D; padding: 2px}
img.gallery {float: left; margin: 10px 20px 0 0}
img.guide {height: 350px; width: 723px}
img.left, .image-caption-container-left {float: left; margin: 0 25px 2px 0}
img.right, .image-caption-container-right {float: right; margin: 0 0 2px 25px}


/* LINKS PAGE */
#node-6 h2 {background: #D1DCE7; border: 1px solid #4C6B8B; color: #4C6B8B; margin-top: 30px; padding: 4px}
#node-6 img {margin: 2px 0 0 4px; vertical-align: text-bottom}


/* NEWS PAGE */
.page-news .view-news-block .views-row {padding: 10px; width: 940px}


/* SEARCH BLOCK */
#block-search-0 {float: right; border-bottom: 1px solid #516173; border-left: 1px solid #A2B1C0; border-right: 1px solid #516173; border-top: 1px solid #A2B1C0; padding: 6px 0 0 0; height: 30px; width: 268px}
#block-search-0 .txtSearch {color: #C0C0C0;}


/* SYSTEM */
table.sticky-table td {padding: 4px 6px}


/* USER LOGIN */
#block-user-login {float: left; border-top: 1px dashed #E0E0E0; margin-top: 20px; padding: 20px 0 0; width: 450px}
#block-user-login h2 {margin: 0}
#block-user-login .form-item {float: left; margin: 5px 20px 5px 0}

#user-login-form {text-align: left}
#user-login-form .form-text {border: 1px solid #C0C0C0; font-size: 1.1em; padding: 5px; width: 170px}
#user-login-form .item-list li {list-style-type: none; margin: 0}
#user-login-form .item-list ul {margin-top: 10px; padding: 0}


/*------------------*/

/* SPECIAL CIRCUMSTANCES */
#node-41 .imagefield-field_image {display: none}   /* Remove default meeting image from Ahtopol Meeting further info page */