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

body {
  background: #115064;
  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: #0C3947; border-bottom: 2px solid #DF8833; font-size: 1.8em; font-weight: normal; padding-bottom: 5px}
h2 {color: #0C3947; font-size: 1.5em; font-weight: normal; margin: 30px 0 0 0; text-align: left}
h3 {color: #0C3947; font-size: 1.2em; margin-bottom: -10px}

p {line-height: 130%}

table.intext {background: #F0EDE7; border-collapse: separate}
table.intext p, table.intext ul {margin: 0}
table.intext th {color: #DF8833; font-size: 1.4em; font-weight: normal}

ul {list-style-type: square}

/* Content styles */
.region-content li {margin: 5px 0}
.region-content p {line-height: 150%}

.region-content .textbox {background: #F4EEE6; border: 2px solid #115064; border-radius: 15px; margin-bottom: 20px}
.region-content .textbox h2 {background: #115064; border: 0; border-radius: 12px 12px 0 0; color: #F4EEE6; margin: 0 0 10px 0; padding: 3px; text-align: center}
.region-content .textbox p {margin: 10px}
.region-content .textbox ul {margin: 10px; padding-left: 20px}
.region-content .textbox.left {float: left}
.region-content .textbox.right {float: right}
.region-content .epc_left {float: left; margin-right: 20px; width: 540px}
.region-content .epc_right {float: left; width: 390px}

/* C&C styles */
.epc {color: #207C3C}
.ios {color: #0A4F98}
.pap {color: #B0090C}


/* LAYOUT STYLES */

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

#body_back {float: left; background: #F5F4F2; min-height: 400px; padding: 20px; width: 960px}

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

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

#footerWrap {
  float: left;
  border-top: 6px solid #DF8833;
  text-align: center;
  width: 100%;
}

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

#headerWrap {
  float: left;
  border-bottom: 6px solid #DF8833;
  text-align: center;
  height: 120px;
  width: 100%;
}

#topnavWrap {
  float: left;
  background: #0C3947;
  text-align: center;
  height: 36px;
  width: 100%;
}

#topnav {
  border-left: 1px solid #082C37;
  border-right: 1px solid #144E60;
  margin: 0 auto;
  height: 36px;
  width: 1000px;  
}

#nice-menu-1 {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 20;
}

#nice-menu-1 li {
  display: inline;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  height: 36px;
}

#nice-menu-1 li a {
  display: table-cell;
  border-left: 1px solid #144E60;
  border-right: 1px solid #082C37;
  color: #EAEAEA;
  font-size: 0.85em;
  padding: 0 0 0 7px;
  text-align: left;
  vertical-align: middle;
  height: 36px;
  width: 133px;
}

#nice-menu-1 li a:hover {
  background: #115064;
  border-right: 4px solid #F1A615;
  color: #F1A615;
  width: 130px;
}

#nice-menu-1 li.last a {width: 139px}
#nice-menu-1 li.last a:hover {width: 136px}

#nice-menu-1 ul {background: #D1D9DB; border: 0; margin: 11px 0 0 0; padding: 0; height: auto}
#nice-menu-1 ul li {height: auto; width: 225px}
#nice-menu-1 ul li a {
  border-bottom: 1px solid #b3babc;
  border-left: 1px solid #e8edee;
  border-right: 1px solid #b3babc;
  border-top: 1px solid #e8edee;
  color: #2E4346;
  padding: 6px;
  height: auto;
  width: 212px}
#nice-menu-1 ul li a, #nice-menu-1 ul li.last a {width: 212px}
#nice-menu-1 ul li a:hover, #nice-menu-1 ul li.last a:hover {width: 209px}



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


/* CATHEDRALS & MONASTERIES PROMO */
#block-block-3 {float: right; background: #E3C9EA; border: 1px solid #7C448C; border-radius: 15px; color: #7C448C; font-size: 1.2em; margin-top: 20px; text-align: center; width: 278px}
#block-block-3 .content {padding: 0 10px}
#block-block-3 h2 {background: #7C448C; border-radius: 12px 12px 0 0; color: #FFF; font-size: 1.2em; margin: 0; padding: 5px 10px; text-align: left}
#block-block-3 h3 {font-family: Times New Roman; font-size: 1.5em; font-weight: normal; margin: 10px 0}
#block-block-3 img {border: 1px solid #7C448C}
#block-block-3 p {line-height: 120%; margin: 8px 0}


/* HOMEPAGE */

/* Intro */
#node-1 {float: right; margin-top: 10px; width: 240px}
#node-1 h1 {border-bottom: 2px solid #115064; color: #115064; margin: 0 0 10px 0}
#node-1 li {margin: 5px 0}
#node-1 strong {color: #115064}
#node-1 ul {margin-top: -10px; padding-left: 25px}

/* Ad Banner */
#block-block-2 {float: left; height: 20px; width: 100%}

/* Feeds */
.front .block-views {float: left; margin-right: 30px; width: 300px}
.front .block-views a {font-weight: normal}
.front .block-views a:hover {color: #B30000}
.front .block-views h2 {border-style: solid; border-width: 0 0 2px 0; margin: 0 0 10px 0; padding-bottom: 4px}
.front .block-views .views-row {float: left; clear: both; font-size: 0.9em; margin-top: 10px}
.front .block-views .views-row .views-field-title {font-size: 1.2em; font-weight: normal}
.front .block-views .views-row a:hover {color: #B30000}
.front .block-views .views-row img {float: left; margin-top: 5px; margin-right: 6px}

#block-views-homepage-block a {color: #DD680A}
#block-views-homepage-block a:hover {color: #B30000}
#block-views-homepage-block h2 {border-color: #DD680A; color: #DD680A}
#block-views-homepage-block img.head {border: 1px solid #DD680A}

#block-views-homepage-block-1 a {color: #0DA772}
#block-views-homepage-block-1 a:hover {color: #B30000}
#block-views-homepage-block-1 h2 {border-color: #0DA772; color: #0DA772}
#block-views-homepage-block-1 img.head {border: 1px solid #0DA772}

#block-views-homepage-block-2 {margin: 0}
#block-views-homepage-block-2 a {color: #7A870F}
#block-views-homepage-block-2 a:hover {color: #B30000}
#block-views-homepage-block-2 h2 {border-color: #7A870F; color: #7A870F}
#block-views-homepage-block-2 img.head {border: 1px solid #7A870F}
#block-views-homepage-block-2 p {color: #555; margin-bottom: 10px}
#block-views-homepage-block-2 .button {margin: 0 6px}
#block-views-homepage-block-2 .view-content {margin-top: 20px}
#block-views-homepage-block-2 .view-header {margin-top: 20px}
#block-views-homepage-block-2 .views-field-body img {float: right; border: 1px solid #7A870F; margin: 5px 0 5px 5px}
#block-views-homepage-block-2 .views-field-created {color: #808080; margin: 3px 0}
#block-views-homepage-block-2 .views-field-edit-node {float: right; margin-top: -10px}
#block-views-homepage-block-2 .views-field-title {color: #7A870F}
#block-views-homepage-block-2 .views-row {border-bottom: 1px dotted #C0C0C0; padding-bottom: 15px}

.view-Homepage .movieOverlay {position: absolute; background: url(images/movieOverlay.gif) no-repeat; margin-top: 5px; height: 100px; width: 100px}
.view-Homepage .view-display-id-block_3, .view-Homepage .view-display-id-block_4 {float: left; clear: both; margin-top: 15px}
.view-Homepage .view-display-id-block_3 h2, .view-Homepage .view-display-id-block_4 h2 {border-width: 2px 0 0 0; font-size: 1.3em; margin: 0; padding: 10px 0 0 0}
.view-Homepage .views-row p {color: #808080; margin: 0}

#block-views-homepage-rotate-block img {margin: 0}
#block-views-homepage-rotate-block .views-row {font-size: 1em}


/* EDUCATION */
.page-node-47 #block-system-main {float: left; border-right: 1px dotted #D0D0D0; padding-right: 15px; width: 640px}
#block-block-7, #block-block-8 {float: right; border: 2px solid #DF8833; border-radius: 15px; margin-top: 20px; height: 200px; width: 280px}
#block-block-7 {background: url(images/education_univ.jpg) no-repeat}
#block-block-8 {background: url(images/education_scho.jpg) no-repeat}
#block-block-7 h2, #block-block-8 h2 {background: #DF8833; border: 0; border-radius: 12px 12px 0 0; margin: 0; padding: 5px}
#block-block-7 .content a, #block-block-8 .content a {display: block; color: #000; font-weight: normal; padding: 116px 8px 0 8px; height: 100%; width: 280px}
#block-block-7 .content p, #block-block-8 .content p {margin: 0}

/* Quotes */
.page-node-47 #block-views-quotes-block {float: right; width: 280px}
.page-node-47 #block-views-quotes-block .views-row {float: right; margin: 15px 0}
.page-node-47 #block-views-quotes-block .views-field-field-partrshp-image {display: none}
.page-node-47 #block-views-quotes-block p {line-height: 130%; margin: 0}
.page-node-47 #block-views-quotes-block .views-field-body {color: #8e8e8e; font-family: Times New Roman; font-size: 1.2em; font-style: italic}
.page-node-47 #block-views-quotes-block .views-field-field-staff-role, .page-node-47 #block-views-quotes-block .views-field-field-quotee {float: right; clear: right; font-size: 0.9em; font-weight: normal; color: #807362; text-align: right}
.page-node-47 #block-views-quotes-block .views-field-field-quotee {margin-top: 5px}


/* FOOTER */
/* Address */
#block-block-5 {float: right; color: #E7E7E7; text-align: right}
#block-block-5 a {color: #DF8833; font-weight: normal}
#block-block-5 img {margin-top: -2px; vertical-align: middle}

/* Links */
#block-block-6 {float: left}
#block-block-6 .column {float: left; margin-right: 30px}
#block-block-6 a {color: #E7E7E7; font-weight: normal}
#block-block-6 h3 {border-bottom: 1px solid #DF8833; color: #E7E7E7; font-weight: normal; margin: 10px 0 0 0}
#block-block-6 ul {color: #DF8833; margin-top: 8px; padding-left: 20px}


/* GALLERY */
#block-views-gallery-block {float: left; width: 100%}
#block-views-gallery-block .content {margin: 10px 0}
#block-views-gallery-block .content a {float: left; border: 1px solid #C0B3A3; margin: 4px; padding: 5px}
#block-views-gallery-block .content a:hover {background: #DD680A}
#block-views-gallery-block .content img {float: left}


/* IMAGES */
img.border {border: 2px solid #115064; padding: 2px}
img.left {float: left; margin-right: 20px}
img.right {float: right; margin-left: 20px}


/* NEWS */
.page-news .view-id-news_archive .views-row {float: left; border-bottom: 1px dashed #D0D0D0; padding: 20px; width: 940px}
.page-news .view-id-news_archive .views-row img {float: left; border: 1px solid #000; margin-right: 10px}
.page-news .view-id-news_archive .views-row .views-field-created {color: #A1A1A1}
.page-news .view-id-news_archive .views-row .views-field-edit-node {float: right}
.page-news .view-id-news_archive .views-row .views-field-title {color: #DF8833; font-size: 1.4em; font-weight: normal}

.node-type-news-item .field-type-image img {float: right; border: 2px solid #115064; margin-left: 20px; padding: 2px}


/* PARTNERSHIPS */
.node-type-partnerships .field-name-field-partrshp-image img {float: right; border: 1px solid #000; margin-left: 20px}

#node-51 {float: right; margin-left: 15px; width: 240px}
#node-51 p {margin: 0 0 10px 0}

.page-node-51 h1, .page-node-51 h2 {color: #DD680A}

#block-views-partnerships-block {float: left; border-right: 1px dotted #D0D0D0; margin-top: 40px; padding-right: 20px; width: 550px}
#block-views-partnerships-block h2 {margin: 0}
#block-views-partnerships-block p {margin: 0 0 10px 0}
#block-views-partnerships-block .views-row {float: left; border-bottom: 1px dotted #E0E0E0; clear: both; padding: 20px 0; width: 100%}
#block-views-partnerships-block .views-row a {color: #DD680A; font-weight: normal}
#block-views-partnerships-block .views-row img {float: left; margin-right: 10px}
#block-views-partnerships-block .views-row .views-field-title {font-size: 1.4em}

#block-block-9 {float: right; width: 369px}


/* PRODUCTS */

/* General */
.buyButton a {float: left; background: #ADBDC2; border: 2px solid #0C3947; border-radius: 15px; color: #0C3947; font-size: 0.9em; margin: 5px 0 0 0; padding: 5px 10px}
.buyButton a:hover {background: #0C3947; color: #E08834}

/* IoS & PaP Promo */
#block-block-4 {float: right; background: #FFF; border: 1px solid #115064; border-radius: 15px; color: #115064; font-size: 1.2em; margin-top: 20px; padding-bottom: 10px; text-align: center; width: 278px}
#block-block-4 .buyButton a {font-size: 0.8em; width: 234px}
#block-block-4 .content {padding: 0 10px 10px 10px; text-align: center}
#block-block-4 .big {color: #E08834; font-size: 1.7em; line-height: 140%}
#block-block-4 h2 {background: #115064; border: 0; border-radius: 12px 12px 0 0; color: #FFF; font-size: 1.2em; margin: 0; padding: 5px 10px; text-align: left}
#block-block-4 p {line-height: 120%; margin: 8px 0 0 0}

/* Product List */
#block-views-products-block {float: left; width: 660px}
#block-views-products-block .views-row {float: left; background: #E7E7E7; border: 1px solid #115064; border-radius: 15px; margin-top: 20px; padding: 10px; width: 640px}
#block-views-products-block .views-row img {float: left; margin-right: 10px}
#block-views-products-block .views-row p {margin: 0}
#block-views-products-block .views-row .views-field-buyitnowbutton .form-wrapper {margin: 10px 0}
#block-views-products-block .views-row .views-field-display-price {color: #E08834; font-size: 1.6em; font-weight: bold; margin: 5px 0 2px 0}
#block-views-products-block .views-row .views-field-edit-node {float: right; margin-top: 15px}
#block-views-products-block .views-row .views-field-field-product-subtitle {color: #696969; font-size: 1.1em}
#block-views-products-block .views-row .views-field-title a {color: #115064; font-size: 1.5em}
#block-views-products-block .views-row .views-field-title a:hover {color: #B30000}

/* Product Pages */
.group-product-details {float: right; background: #e7e7e7; border: 1px solid #115064; margin-left: 20px; padding: 10px; width: 290px}
.group-product-details .field-item {float: left}

.node-type-product .buyButton {font-size: 1.1em}
.node-type-product .field-name-field-product-subtitle {color: #A1A1A1; font-size: 1.3em}

/* Quotes */
#block-views-quotes-block {float: left; margin-top: 20px}
.node-type-product #block-views-quotes-block .views-row {float: left; background: #F4EEE6; border: 2px solid #C0B3A3; border-radius: 15px; font-size: 0.95em; margin: 20px 10px 0 10px; padding: 10px; width: 435px}
.node-type-product #block-views-quotes-block img {float: left; border: 1px solid #a89b89; margin-right: 5px}
.node-type-product #block-views-quotes-block p {line-height: 130%; margin: 0}
.node-type-product #block-views-quotes-block .views-field-body {font-style: italic}
.node-type-product #block-views-quotes-block .views-field-field-staff-role, #block-views-quotes-block .views-field-field-quotee {float: right; clear: right; font-weight: bold; color: #807362; text-align: right; max-width: 335px}
.node-type-product #block-views-quotes-block .views-field-field-quotee {margin-top: 3px}

/* Shopping Cart */
#block-uc-cart-cart {float: right; background: #115064; border-radius: 15px; margin-top: 20px; padding: 10px; width: 260px}

/* Specs */
.specs {float: left; margin-top: 20px; width: 100%}
.specs .content {background: #F4EEE6; border: 2px solid #C0B3A3; border-radius: 15px; font-size: 0.9em; padding: 0 10px}


/* ROTATING BANNERS */
#block-views-homepage-rotate-block, #block-views-homepage-rotate-block-1 {float: left; margin: 0; width: 700px}
.view-homepage-rotate a {color: #FFD451; font-weight: bold}
.view-homepage-rotate .views-field-body, .view-homepage-rotate .views-field-field-product-description {position: absolute; background: url(images/rotate_text_back.png); padding: 0 10px; right: 30px; width: 200px}
.view-homepage-rotate .views-field-body h2, .view-homepage-rotate .views-field-field-product-description h2 {border: 0; color: #FFD451; margin: 15px 0 5px 0; padding: 0}
.view-homepage-rotate .views-field-body p, .view-homepage-rotate .views-field-field-product-description p {color: #F7F7F7; font-size: 1em; margin-bottom: 10px}
.view-homepage-rotate .views-slideshow-controls-bottom {border-left: 1px solid #D3DDE1}
.view-homepage-rotate .views-slideshow-controls-bottom .views-slideshow-pager-field-item {float: left; background: #E4ECEF; border-right: 1px solid #D3DDE1; color: #0C3947; cursor: pointer; padding: 5px 10px; width: 153px}
.view-homepage-rotate .views-slideshow-controls-bottom .active {background: #7E98A0; color: #F7F7F7}

.page-node-51 .view-homepage-rotate .views-field-field-product-description {top: 0} 
.page-node-51 .views-slideshow-controls-bottom .views-slideshow-pager-field-item {width: 200px}


/* SCHOOLS PACK PAGE */
.schoolsdownloadsWrap {float: left; margin: 20px 0; text-align: center; width: 100%}
.schoolsdownloadsHead {background: #1d7c6b; color: #FFF; font-size: 1.3em; padding: 6px}
.schoolsdownloads {margin: 0 auto; width: 760px}
.schoolspack {float: left; margin: 5px; width: 180px}
.schoolspack a {display: block; background: #A9C5C3; border: 1px solid #1d7c6b; padding: 5px; min-height: 135px}
.schoolspack a:hover {background: #599792; color: #FFF}
.schoolspack img {border: 1px solid #1D7C6B}
.schoolspack span {display: block}
.packinfo {display: block; background: #1d7c6b; color: #FFF; font-size: 0.8em}


/* STAFF */
.view-staff img, .node-type-staff-member img {float: right; border: 1px solid #C0C0C0; margin-left: 10px}
.view-staff h3 {border-bottom: 1px solid #FFCC33; color: #2e4346; font-size: 1.4em; margin-top: 2px}
.view-staff .views-row {float: left; background: #E7E7E7; border: 1px solid #115064; border-radius: 15px; margin: 10px 0; padding: 10px; width: 938px}
.view-staff .views-row .views-field-field-staff-role, .node-type-staff-member .field-name-field-staff-role {font-size: 1.2em; font-weight: bold}
.view-staff .views-row .views-field-field-email, .node-type-staff-member .field-name-field-email {margin: 8px 0}
.view-staff .views-row .views-field-title a {color: #115064; font-size: 1.3em}
.view-staff .views-row .views-field-view-node {margin-top: 8px}