/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

#gkTopMenu {
    background: none;
    float: right;
    line-height: 28px;
    margin-top: 15px;
    margin-right: 10px;
}

#gkTopMenu li a {
    display: block;
    line-height: 20px;
    padding: 0 9px 0 9px;
}

/*
#gkLogo.cssLogo {
    background-image: url("../images/cerc/logo.png");
}
*/

#gkLogo.cssLogo {
    background: url("../images/cerc/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 90px;
    width: 275px;
    margin: 0 0 0 5px;
    vertical-align: baseline;
}

#gkSocial {
    float: left;
}

#gkSearch {
    float: right;
    margin: -35px 0 0 0;
}

/*
#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: #abcdef;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: #abcdef;
}

#content {
    position: fixed;
    top: 100px;
    bottom: 100px;
    left: 0;
    right: 0;
    background-color: #F63;
    overflow: auto;
}
*/

body {
   background-color: #ccd8d7;
   color: #000000;
   max-width: 1920px;
   margin: auto; 
   overflow-x: hidden;
}

#gkPageTop {
   -moz-box-sizing: border-box;
   height: 200px;
   z-index: 999;
   position: relative;
   top: 0;
   background-image: url('../images/cerc/bgtop.jpg');
   background-position: center;
   overflow: hidden; 
}

/*
body {
   top: 200px;
   bottom: 200px; 
   height: 100px;
   background-image: url('../images/cerc/bgmiddle.jpg');
   background-position: center; 
}
*/

#gkBannerTop {
    background: none;
    padding: 0;
    margin: 10px 0 10px 0;
}

#gkBannerTop img { 
    width: 775px;
}

#gkPageMiddle {
   -moz-box-sizing: border-box;
   z-index: 999;
   background-image: url('../images/cerc/bgmiddle.jpg');
   background-position: center; 
   background-repeat: repeat-y; 
}

#gkPageBottom {
   -moz-box-sizing: border-box;
   height: 200px;
   z-index: 999;
   position: relative;
   bottom: 0;
   background-image: url('../images/cerc/bgbottom.jpg');
   background-position: center; 
}


#gkContentTop, #gkPageContent {
    border-style: none;
    border-width: 0;
}

#gkBreadcrumb {
    background: none;
    border: 0;
    margin: 0;
    padding: 3px 0 3px 0;
}

#gkTools {
   display: none;
}


#gkBreadcrumb {
   /* display: none; */ 
}

article aside.itemAsideInfo > ul {
    padding: 0;
}

.itemAsideInfo {
    width: 0;
}

.itemAsideInfo + .itemBody {
    margin-left: 0;
}

#gkFooter {
   border-top: none;
   margin: 0 auto 0px !important;
   /* height: 120px; */
}

#gkCopyrights {
   /* margin-top: 15px; */
   margin-bottom: 40px;
   float: none;
   font-size: 13px;
   color: #555555;
   /* background: #ccd8d7; */
}

#gkSocialAPI {
   display: none; 
}


.nodisplay {
   display: none !important;
}


#gkMainMenu {
   margin: 25px 0 0 0;
   border-top: 1px solid #779495;
   border-bottom: 6px solid #587b7c;
   padding-top: 15px;
   padding-bottom: 0;
   width: 100%;
   height: 30px;
}

.gkMenu > ul {
   height: 30px; 
}

.gkMenu > ul > li {
   height: 16px; 
}

.gkMenu > ul > li > a {
   border: 1px solid transparent;
   border-top: none;
   border-bottom: none;
   border-left: 1px solid #587b7c; 
   color: #587b7c;
   display: block;
   font-size: 16px;
   font-weight: 400;
   font-style: italic;
   height: 16px;
   line-height: 16px;
   margin: 0;
   padding: 0 11px 0 13px;
   text-transform: none;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.gkMenu > ul > li:hover > a, .gkMenu > ul > li:active > a, .gkMenu > ul > li:focus > a, .gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a, .gkMenu > ul > li.active > a {
   color: #a30007;
}

.gkMenu > ul > li:hover > a,
.gkMenu > ul > li:active > a,
.gkMenu > ul > li:focus > a {
   background: #ffffff;
}

.gkMenu > ul > li:hover > a,
.gkMenu > ul > li:active > a,
.gkMenu > ul > li:focus > a {
	background: #ffffff; 
	border-color: none;
	border-bottom: none;
	border-top: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	        box-shadow: none;
}


#menu101 {
   display: none;
}

#menu126 {
   border-left: none; 
   padding-left: 0;
}


#menu133 {
   border-right: none;
   padding: 0 0 0 14px;
}

/*
#menu129, #menu130, #menu131, #menu132 {
   padding: 0 16px 0 14px;     
}
*/

.menu li, h3 {
    border-bottom: none;
    margin: 0 -20px;
    padding: 5px 15px 5px 15px;
}

h3.header a:link, a:visited {
   color: #587b7c;
}

h3.header a:hover, a:active {
   color: #a30007;
}


ul li {
   line-height: 16px; 
}

th a, .menu li a  {
   color: #587b7c;
   font-size: 13px;
}

th a, .menu li:hover a, .menu li:active a, .menu li:focus a  {
   color: #a30007;
}

.menu li:hover {
   background-color: #eef2f2;
}

/*
#gkSidebar {
   background: #eef2f2;
   border-left: 10px solid #ffffff;
   border-right: 0;
}
*/

/* GS */
#gkSidebar {
   background: #eef2f2;
   border-left: 10px solid #ffffff;
   border-right: 0;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
}


.box .header {
   text-transform: capitalize;
}

/*
http://coding.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/
*/

/*
#gkSidebar:before {
   content: url(../images/cerc/sidebarbefore.png);
   display: block;
   width: 100%;
   height: 11px;
   text-align: center;
   padding-bottom: 6px;
   background: #ffffff;
   border-right: 1px solid #ffffff;
}

#gkSidebar:after {
   content: url(../images/cerc/sidebarafter.png);
   display: block;
   width: 100%;
   height: 11px;
   text-align: center;
   line-height: 0;
   background-color: #ffffff;
   border-right: 1px solid #ffffff;
}
*/


/* GS */
#gkSidebar:before {
   content: url(../images/cerc/sidebarbefore.png);
   display: block;
   width: 100%;
   height: 11px;
   text-align: center;
   padding-bottom: 6px;
   background: #ffffff;
   border-right: 1px solid #ffffff;
}

#gkSidebar:after {
   content: url(../images/cerc/sidebarafter.png);
   display: block;
   width: 100%;
   height: 11px;
   text-align: center;
   line-height: 0;
   background-color: #ffffff;
   border-right: 1px solid #ffffff;
   position: absolute;
   bottom: 0;
   left: 0;
}


.nspArt h4.nspHeader a {
   color: #587b7c;
   font-size: 18px;
   font-style: italic;
   font-weight: normal;
}

.nspArt h4.nspHeader {
    margin: 0;
    padding: 0;
}

#gkMainbody {
    margin-top: 0px;   
}

/*
#gkMainbodyBottom {
   border-top: none;
   margin: 0;
   height: 180px;
   width: 760px; 
   background-image: url('../images/cerc/quoteoftheweek.png');
   background-repeat: no-repeat;
   display: table-cell; 
   vertical-align: middle; 
   padding-left: 120px;
   padding-right: 140px;
   word-wrap: break-word;
   overflow-x: auto;
}
*/

#gkMainbodyBottom {
   border-top: none; 
}



#gkInset .box {
   padding: 0;
   margin: 0 0 15px 23px;
}

#gkInset .box.nomargin {
   padding: 0;
   /* margin: 0 0 0 23px !important; */
}

#gkContent, #gkPageContent {
    background: none;
}

/* GS */
#gkPageContent {
   position: relative;
}

#gkTop1, #gkTop2 {
    margin: -10px -10px 0 -10px !important;
    overflow: hidden;
}

#gkMainbody .box {
   border-top: none;
}


#gkMainbodyTop {
    border-bottom: none;
    margin: -10px -10px 0 -20px;
}

#gkMainbodyTop .box {
   padding: 0 0 0 20px;
}

#gkContentTop {
   padding: 14px 10px 14px 10px;
}

#gkContentWrap {
   padding: 5px 0px 10px 10px;
}

.itemBackToTop {
   display: none;
}



.lorabolditalic {
   font-family: lora;
   font-weight: 700;
   font-style: italic;
}

.box.featured.nomargin:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    content: url("../images/cerc/sidebarbefore.png");
    display: block;
    height: 11px;
    padding-bottom: 6px;
    text-align: center;
    width: 100%;
}

.box.featured.nomargin:after {
    background-color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    content: url("../images/cerc/sidebarafter.png");
    display: block;
    height: 11px;
    line-height: 0;
    text-align: center;
    width: 100%;
    margin-top: -20px;
}


.box.featured.nomargin {
    background: #eef2f2;
    margin: 0;
    padding: 0;
}


.box.featured.nomargin h3 {
    background: #eef2f2;
    font-family: lora;
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
    color: #587b7c;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 20px;
}


.box.video {
   display: block;
   background-color: #eef2f2; 
}

/*
.box.video:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    content: url("../images/cerc/videobefore.png");
    display: block;
    height: 70px;
    text-align: center;
    width: 100%;
    margin: 35px 0 0 0;
    padding: 0;
}
*/

.box.video:before {
    background-color: #ffffff;
    /*
    background-image: url("../images/cerc/videobefore.png");
    background-repeat: no-repeat;
    */
    content: url("../images/cerc/sidebarbefore.png");
    display: block;
    height: 18px;
    text-align: center;
    margin: 35px 0 0 0;
    padding: 0;
}

/*
.box.video:after {
    background-color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    content: url("../images/cerc/videoafter.png");
    display: block;
    height: 13px;
    line-height: 0;
    text-align: center;
    width: 100%;
    margin: -5px 0 0 0;
    padding: 0;
}
*/

.box.video:after {
    background-color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    content: url("../images/cerc/sidebarafter.png");
    display: block;
    height: 13px;
    line-height: 0;
    text-align: center;
    margin: -5px 0 0 0;
    padding: 0;
}



.box.editorials {
    margin-top: -60px;
}

.box.editorials h4 {
    display: block;
    font-family: lora;
    font-style: italic; 
    font-size: 18px;
    line-height: 22px; 
    color: #587b7c;
    margin-bottom: 0;
    padding-bottom: 0;
}


.box {
    color: #111111;
    font-size: 14px;
    line-height: 1.6;
}

.nspArt p.nspText {
    color: #111111;
    font-size: 14px;
}

.box.nsp-latestarticles {
   margin-top: -12px;
}

.box.nsp-latestarticles h4 {
   font-size: 18px;
   line-height: 30px; 
}

.box.nsp-latestarticles p {
   line-height: 20px;
}


/* Aside aka pull quote */

.aside:before {
   content: url("../images/cerc/pullquotebefore.png");
}

.aside {
   width: 220px;
   margin: 7px 0 20px 20px;
   background: #ffffff;
   color: #587b7c;
   font-family: lora;
   font-style: italic;  
   font-size: 16px;
   font-weight: normal;
   float: right;
}

.aside:after {
   content: url("../images/cerc/pullquoteafter.png");
}

h1 {
   font-family: lora;
   font-style: italic;
   font-size: 36px;
   font-weight: normal;
   color: #a30007;
   line-height: 0;
   padding: 0;
   margin: 15px 0 10px 0;
}

h2 {
    color: #A30007;
    font-size: 30px;
    line-height: 33px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

#gkMainbody > div + #gkInnerInset {
    float: left;
    padding-left: 22px;
}


/* K2 Category Listing (the list of subcategories in the category) */

.subCategoryContainer .subCategory {
    margin: 20px 0 0 0;
}

#k2Container .subCategory p {       
   text-align: left;
   border: 0;
   padding: 0;
   font-size: 14px;
   line-height: 18px;
}

#k2Container a.readon {  
   margin: -20px 0 0 0;
}

.readon {
   line-height: 18px;
}



/* K2 Subcategory Listing (the list of articles in the subcategory) */

.itemList article {
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 10px;
}


/* Breadcrumb */

#gkBreadcrumb li:last-child {
  color: #a30007;
}

article header h1, .category header, article header h2 {
    clear: both;
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    padding: 5px 0 5px 0;
    margin: 0 0 0 -3px;
}

article header h2 {
    clear: both;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 0 5px 0;
    margin: 0 0 0 -3px;
}

h1 {
    color: #A30007;
    font-style: italic;
    line-height: 0;
    margin: 0 0 5px 0;
    padding: 0;
}

.itemsCategory h2 {
   padding-top: 10px;
}

#k2Container header h1 {
   /* padding-top: 15px; */
}


/*
#gkInnerInset {
   margin-top: 20px;
}

#gkInnerInset div {
   padding: 0;
}
*/

#gkInnerInset .box {
   padding: 0;
   margin: 0 0 15px 0;
}

#gkInnerInset .box.nomargin {
   padding: 0;
   margin: 2px 0 0 0 !important;
}


/* Topbar menu */

/*
#gkTopMenu {
   width: 250px;
}
*/

#gkTopMenu ul > li a, #gkTopMenu ul > li span { 
   padding: 0 25px 7px 25px; 
}

#gkTopMenu, #gkTopMenu ul { 
   float: right; 
   padding: 3px 0 0 0; 
   list-style: none; 
   display: block;
}

#gkTopMenu > ul > li {
   float: left; 
   height: 25px; 
   padding: 0 !important;
}

/* Top Row */
#gkTopMenu > ul > li > a { 
   display: block;
   height: 20px; 
   margin: 3px 0 0 -6px;     
   font-weight: normal; 
   font-size: 13px;
   line-height: 20px; 
   /* background: #f5f7f6; */
   color: #587b7c; 
   cursor: pointer; 
   text-transform: none;
   /* border-right: 2px solid #cccccc; */
}

#gkTopMenu li.item-113 {
   border-left: 2px solid #cccccc;
   border-right: 2px solid #cccccc;
}

#gkTopMenu li.item-124 {
  border-right: 2px solid #cccccc;
}

#gkTopMenu li.item-114 {
  border-top: 1px solid #cccccc;
}


#gkTopMenu li.item-120 {
   height: 26px !important;
   border-bottom: 1px solid #cccccc;
}

#gkTopMenu li.item-121 {
  border-top: 1px solid #cccccc;
}

#gkTopMenu li a {
   color: #587b7c !important;
}

#gkTopMenu li a:hover {
   color: #a30007 !important; 
}

#gkTopMenu > ul li ul { 
   
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
           box-sizing: border-box;

   clear: both;
   display: block;
   list-style: none; 
   padding: 1px 0; 
   position: absolute; 
   left: -9999px; 
   background: #ffffff;
   width: 250px;
   z-index: 2000; 
}

#gkTopMenu ul li ul li { 

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
           box-sizing: border-box; 

   display: block;
   font-size: 12px;
   font-weight: normal;
   text-indent: 10px;
   margin: 0 0 0 -7px; 
   padding: 0; 
   width: 100%;
   background: #ffffff;
}

/* Regular Row */
#gkTopMenu ul li ul li a { 
   /* border-bottom: 1px solid #a9bebf; */
   color: #587b7c !important;
   display: block; 
   line-height: 24px;
   padding: 5px 0 0 0; 
   text-transform: none;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   background: #ffffff;  
   border-bottom: 1px solid #cccccc;
}

#gkTopMenu ul li ul li:hover a, #gkTopMenu ul li ul li a:hover { 
   color: #a30007 !important; 
}

/*
#gkTopMenu ul li ul li:first-child a { 
   border: none;
}
*/

#gkTopMenu ul li:hover ul { 
   left: auto; 
   margin-left: 1px;
   opacity: 1; 
}


#gkSidebar h3 {
   margin-left: -5px;
}

#gkSidebar h3:after {
   content: url(../images/cerc/doublelinedivider.png);
   display: block;
   width: 100%;
   height: 11px;
   text-align: center;  
}



.floatleft {
   float: left; 
   margin: 0 10px 30px 0;
}

.floatright {
   float: right; 
   margin: 0 0 30px 10px;
}


/* Hide advanced search option */
#advanced-search-toggle {
   display: none;
}


/* Misc K2 formatting stuff */

tbody tr td {
   border-bottom: none;
   padding: 8px 10px;
}

b, strong {
   font-weight: 700;
}

#k2Container.itemView h3 {
   font-family: lora;
   font-style: italic;
   color: #587b7c;
   font-size: 22px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   padding-top: 10px;
}

#k2Container.itemView h4 {
   font-family: lora;
   font-style: italic;
   color: #587b7c;
   font-size: 18px;
   font-weight: normal;
   line-height: 22px;
   margin: 0;
   padding: 0;
   padding-top: 7px;
}

#k2Container.itemView hr { 
   display: block; 
   height: 1px;
   border: 0; 
   border-top: 1px solid #587b7c;
   margin: 1em 0; 
   padding: 0; 
}

#k2Container.itemView div.itemIntroText p {
   font-family: lora;
   font-weight: 400;
   font-style: italic;
   color: #587b7c;
   font-size: 18px;
   font-weight: normal;
   letter-spacing: 0.025em;
   line-height: 24px;
   margin: 0;
   margin-bottom: 20px;
   padding: 0;
}

#k2Container.itemView a {
  text-decoration: underline;
}

li.itemAuthor {
  color: #222222;
  font-size: 14px;
  margin: 10px 0 0 -2px;
}


/* Sitemap */

.sitemap h1 {
   margin-top: 20px;
   margin-bottom: 25px;
   padding-bottom: 25px;
}

div.banneritem {
    border-top: none;
}

#gkContentWrap {
   margin-top: 0;
}

.nspArt p.nspInfo {
    color: #000000;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    margin: 0 0 5px;
    text-transform: uppercase;
}


h5 {
   font-family: "open sans";
   font-size: 13px;
   font-weight: 400;
   text-transform: uppercase;
}

.customvideo p {
   margin: 0;
}

/*
body {
   min-width: 480px;
}
*/

.itemIntroText ol, .itemFullText ol {
    list-style: decimal outside none;
    margin-bottom: 15px;
}

.itemIntroText ul, .itemFullText ul {
    list-style: disc outside none;
    margin: 0 0 15px 40px;
}

.itemIntroText li, .itemFullText li {
   line-height: 130%;
   margin-bottom: 10px;
}


#k2Container.itemView td hr {
   display: none;
}

.nspArts, .nspLinksWrap {
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.box.editorials h3 {
   margin-top: 35px;
   margin-left: 3px;
   background: none;
   color: #587b7c;
   font-family: lora;
   font-size: 22px;
   font-style: italic;
   font-weight: 700;
}


/* Top slide down notification */

#cercSlideDownContainer {
   background: #312420;
   max-width: 1920px;
   height: 80px; 
   display: none;
}


@media (min-width: 960px) {

  #cercSlideDown {

     background-image: url('../images/cerc/donateslide1.jpg');
     background-repeat: no-repeat;   
     height: 80px;
     width: 960px;
     margin-left: auto;
     margin-right: auto;

  }
      
}


@media (min-width: 640px) and (max-width: 960px) {

  #cercSlideDown {

     background-image: url('../images/cerc/donateslide2.jpg');
     background-repeat: no-repeat;   
     height: 80px;
     margin-left: auto;
     margin-right: auto;

   }

}


@media (max-width: 640px) {

  #cercSlideDown {

     background-image: url('../images/cerc/donateslide3.jpg');
     background-repeat: no-repeat;   
     height: 80px;
     margin-left: auto;
     margin-right: auto;

  }
     
}


.relatedboxes {
   margin-top: 15px;
   display: table;
   width: 100%;
   height: 115px;
}

.relatedbox {
   display: table-cell;
   text-align: left;
   vertical-align: middle;
   background: #eef2f2; 
   width: 50%;
   height: 100%; 
   font-family: lora;
   font-weight: 400;
   font-style: italic;
   line-height: 18px;
}

.relatedbox1 {
   border-right: 5px solid #ffffff;
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 117px;
   padding-right: 3px;
}

.relatedbox2 {
   border-left: 5px solid #ffffff;
   background-position: left;  
   background-repeat: no-repeat;   
   padding-left: 117px;
   padding-right: 3px;   
}


@media (max-width: 760px) {
   .relatedbox {
      font-size: 80%;
      line-height: 12px;
   }
}