/**===================================================================

  Developed By: Samuel Ayela
  Company: Rocom Solutions
  Website: http://www.rocomsolutions.com/
  
\------------------------------------------------------------------**/

/** General styles **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

body{
  margin: 0;
  padding: 0;
  font-size:100%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
 
#page{
  font-size: 13px;
  }
 
input {
  color: #494949;
}

textarea, select {
  font: 12px/160%;
  color: #494949;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Georgia, "Times New Roman", Times, serif;	
  color: #333;
  background: none;
  font-weight: normal;
  margin: 0;
  padding:0;
  width: auto;
  text-align:center;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 140%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

quote, code, fieldset {
  margin: .5em 0;
}

pre, code{
  font-size: 1.1em;
  }

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color:#4B6DB3;
  text-decoration:none;
}

a:hover, a:active{
  text-decoration: underline;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul, ol {
  margin: 0.75em 3em;
  padding: 0;
}

li {
  margin: 0;
  padding: 2px;
}

input[type=text],input[type=password]{
  width:90%;
  background:#F7F6F6;
  border: 1px solid #bebebe;
  padding: 5px;
  font: inherit;
  font-size: 13px;
  font-weight:normal;
  color: #444;
  outline:0;  
}

textarea{
  background:#F7F6F6;
  border: 1px solid #bebebe;
  padding: 5px;
  font: inherit;
  font-size: 13px;
  font-weight:normal;
  color: #444;
  outline:0;
}

input[type=submit]{
  height:28px;
  border: none; 
  cursor: pointer;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-shadow: 1px 1px 0px #fff;  
  font-size: 11px;  
  text-align: center;
  margin-bottom:15px;
  margin-right:7px;
  padding: 0px 8px;
  outline:0;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */     
}
 
input[type=submit]:hover{
  background: #fff;
  color: #333;
}

/** Table Styles **/

th a:link, th a:visited {
  color: #1F59B1;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

/* Navigation*/
/* Author: Craig Erskine Modified by: Samuel Ayela (http://www.drupalghana.com/ */ 

#menu-wrap{  
  width:100%;
  height:36px;
  margin:0 auto;
  padding:0px;
  clear:both;
  border-top:1px solid #fff;
  border-bottom:1px solid #bebebe;  
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */  
}

#menu{
  width:960px;
  margin:0 auto;
  padding:0;
  }

#menu ul.menu{
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 50;  
}

#menu  ul.menu ul {
  width: 250px;
  margin: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0; 
  padding-top: 1px;
  -moz-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 2px 3px 10px rgba(0,0,0,0.5); /* Параметры тени */
}

#menu ul.menu ul ul,
#menu ul.menu ul ul ul { top: 0; left: 100%; }
#menu ul.menu li {
  float:left;
  display: inline;
  position: relative;
  margin:0;
  padding:0;
  border-left:1px solid #bebebe;  
  border-right:1px solid #EBEBEC;
  background: #fff;    
}

#menu ul.menu li.first {
  border-left:1px solid #BEBEBE;
}

#menu ul.menu li.last {
  border-right:1px solid #BEBEBE;
}

#menu ul.menu ul li {
  width:100%;
  display: block;
  border:none;
  color: #fff;
  background-color: transparent;
  border-bottom: 1px solid #ddd; 
}

/* Root menu */ 
#menu ul.menu a {
  padding:10px 25px;
  margin: 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-shadow: 1px 1px 0px #fff;  
  font-size: 13px;  
  display:block;
}
/* Root menu Hover Persistence */
#menu ul.menu a:hover,
#menu ul.menu li:hover a,
#menu ul.menu li.iehover a {
  background: #fff;
  color:#444;
  text-decoration:none;
}
/* 2nd menu */
#menu ul.menu li:hover li a,
#menu ul.menu li.iehover li a { float: none; display: block; }
/* 2nd menu Hover Persistence */
#menu ul.menu li:hover li a:hover,
#menu ul.menu li:hover li:hover a,
#menu ul.menu li.iehover li a:hover,
#menu ul.menu li.iehover li.iehover a { background:#eee;color: #000;}
/* 3rd menu  my */ 
#menu ul.menu li:hover li:hover li a,
#menu ul.menu li.iehover li.iehover li a { background-color:#fff;color:#fff;} 
/* 3rd menu Hover Persistence */
#menu ul.menu li:hover li:hover li a:hover,
#menu ul.menu li:hover li:hover li:hover a,
#menu ul.menu li.iehover li.iehover li a:hover,
#menu ul.menu li.iehover li.iehover li.iehover a { background: #fff;color: #000; }
/* 4th menu */ 
#menu ul.menu li:hover li:hover li:hover li a,
#menu ul.menu li.iehover li.iehover li.iehover li a { background: #333;color:#fff; }
/* 4th menu Hover */ 
#menu ul.menu li:hover li:hover li:hover li a:hover,
#menu ul.menu li.iehover li.iehover li.iehover li a:hover { background: #fff;color: #000; }
/* Hover Function - Do Not Move */
#menu ul.menu li:hover ul ul,
#menu ul.menu li:hover ul ul ul,
#menu ul.menu li.iehover ul ul,
#menu ul.menu li.iehover ul ul ul { display: none; } 

#menu ul.menu li:hover ul,
#menu ul.menu ul li:hover ul,
#menu ul.menu ul ul li:hover ul,
#menu ul.menu li.iehover ul,
#menu ul.menu ul li.iehover ul,
#menu ul.menu ul ul li.iehover ul { display: block; }


#menu ul.menu ul li:hover {background: #eee;}


#menu ul.menu ul li ul li  {background: transparent;}
#menu-wrap #menu ul.menu ul li ul li:hover a {background: #eee;}

#menu .menu a.active {
  background: #fff;
  color:#444;
  outline: 0;
}

ul.menu {
  margin:0;
  list-style: none !important;
  border: none;
  text-align:left;
}

ul.menu li {
  list-style: none !important;
  margin: 0 0 0 0.5em;
}

ul li.expanded {
  list-style-type: none !important;
  list-style-image: none !important;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}

ul li.collapsed {
  list-style-type: none !important;
  list-style-image: none !important;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}

ul li.leaf {
  list-style-type: none !important;
  list-style-image:none !important;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}

/** Sidebars **/

.sidebar h2{
  font-size:25px;
  font-weight:normal;
  color: #000;	
  margin:0 0 15px 0;
  padding:0 0 10px 0;
  border-bottom:1px solid #ddd;
  text-shadow: 1px 1px 0px #fff;  
}

.sidebar .block ul{
  list-style:none !important;
  margin:0;
  padding:0;
}

.sidebar .block li{
  margin:0;
  list-style-type:none !important;
  list-style-image:none !important;  
  font-size:13px;
  padding:0 0 7px 10px;
  line-height:1.4em;
}

.sidebar .block li a:link,
.sidebar .block li a:visited{
  color:#000;
}

.sidebar .block li a:hover{
  color:#333; 
  text-decoration:underline;
}

.sidebar  input[type=text]{
  width:90%;
}

.sidebar  input[type=submit]{
  margin:0 2px;
}


/** User login **/
#block-user-login li{
  border-bottom:none !important;
  padding:0;
}

#block-user-login .form-item{
  margin-bottom:5px;
}

#site-search .content{
  border:none;
}

/** Node styles**/

h1.title,
h3.title {
  margin: 0;
  color: #000;
  }

.front h1.title, .not-front h1.title {
  margin:0;
  padding:0;
  color:#000;
  font-size:32px;
  font-weight:normal;
  margin:0 0 15px 0;
  text-shadow: 1px 1px 0px #fff;  
  line-height:1.2em;
}  

.node h2 a{
  padding-bottom: 0.1em;  
  margin-bottom: 0.1em;
  line-height: 1.2em;
  font-size: 32px;
  color:#000;
  text-shadow: 1px 1px 0px #fff;  
  font-weight:normal;
}

/** Site details **/

h1.site-name{
  color:#fff;
  font-size:46px;
  padding:0 0 3px 0;
  font-variant:small-caps;  
  margin:0;
  letter-spacing:-2px;
  font-weight: normal;
}

h1.site-name a{
  color: #fff;
}

#site-details a:hover{
  color: #ccc;
  text-decoration: none;
}

#header .slogan h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:normal;
  color:#999;
  text-shadow: 1px 1px 0px #000;    
  padding: 0 0 0 25px;
  margin:0;
  overflow:hidden;
}

/** Social icons **/

.social-icons{
  text-align:right;
}

.social-icons h2{
  font-size:15px;
  color:#fff;
}

.social-icons img{
  padding-left:10px;
}

/** Form item **/

.form-item{
  margin-bottom:5px;
  }

.sidebar .form-item{
  margin: 0;
  }  
  
.form-checkboxes,.form-radios{
  margin: .5em 0;
  }  
  
.form-item input.error,.form-item textarea.error,.form-item select.error{
  border: 2px solid #c00;
  }

.form-item label {
  padding:0 0 5px 0;
  display: block;
  font-size:13px;
  font-weight: bold;
  }
  
.form-item input {
  display: inline;
  font-weight: normal;
  }

.form-item label.option{
  display: inline;
  font-weight: normal;
  }

.form-required {
  color: #c00;
  }

.form-item .description {
  font-size: 1em;
  padding-top:4px;
  }

.container-inline div, .container-inline label {
  display: inline;
  }

.tips {
  list-style-type: square;
  margin-left: 10px;
  padding: 0;
  font-size: 11px;
  font-style:italic;
  }

#content .form-text {
  width:220px;
  padding: 10px;
  font: inherit;
  font-size: 14px;
  font-weight:normal;
  outline:0;
  border: 4px solid #EAEFF5;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);  
}

#content .form-textarea {
  padding: 10px;
  font: inherit;
  font-size: 13px;
  font-weight:normal;
  outline:0;
  border: 4px solid #EAEFF5;
  -khtml-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);   
}  
  
/** Poll **/

.node-poll .content{
  clear:both;
  margin:15px 0;
}

.poll .title{
  font-size:16px;
  color:#555;
  font-weight:bold;
  padding-bottom:5px;
}

.poll .bar {
  background:#fff url(/sites/all/themes/sankofa/images/bg-bar-white.png) repeat-x 0 0;
  border:solid #f0f0f0;
  border-width:0 1px 1px;
}

.poll .bar .foreground {
  background:#71a7cc url(/sites/all/themes/sankofa/images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size:13px;
}

.poll .vote-form .choices {
  text-align:left;
  margin:0 0;
  display:display;
}

.poll .total {
  text-align:left;
}

.poll .vote-form {
  text-align:left;
}

#block-poll-recent ul.links{
  margin:0;
  padding-top:10px;
}

/** Book pages **/

.book-navigation .menu {
  border-top: 1px solid #888;
  padding: .5em 0 0 3em;
}

.book-navigation .menu li{
  list-style:square;
}

.book-navigation .page-links {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 0.5em;
  margin-bottom:20px;
}

/** Tabs **/
 
div.tabs {
  margin: 0 0 5px 0;
}

ul.primary {
  border-collapse: collapse;
  padding: 5px 0 5px 1em;
  white-space: nowrap;
  list-style: none;
  margin: 10px 0;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bebebe;
}

ul.primary li {
  display: inline;
}

ul.primary li a {
  border: none; 
  border-bottom: none;  
  color:#000;
  font-weight:bold;
  font-size:12px;
  text-shadow: 1px 1px 0px #fff;  
  height: auto;
  margin-right: 0.5em;
  padding: .4em .8em;
  text-decoration: none;
  -khtml-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */  
}

ul.primary li.active a {
  background: #fff;
  color:#333;
  border:none;
  border-bottom: none; 
}

ul.primary li a:hover {
  background: #fff;
  color:#333;
}

ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}

ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc; 
}

ul.secondary a {
  padding: 0;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/** Site messages **/

div.messages {
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 50px;
}  

div.status {
  background-image: url(/sites/all/themes/sankofa/images/message-24-ok.png);
  border-color: #be7;
}
div.status,
.ok {
  color: #234600;
}
div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  background-image: url(/sites/all/themes/sankofa/images/message-24-warning.png);
  border-color: #ed5;
}
div.warning,
.warning {
  color: #840;
}
div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  background-image: url(/sites/all/themes/sankofa/images/message-24-error.png);
  border-color: #ed541d;
}
div.error,
.error {
  color: #8c2e0b;
}
div.error,
table tr.error {
  background-color: #fef5f1;
}
div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em;
  padding: 0;
}
div.messages ul li {
  list-style-image: none;
  list-style-type: square;  
}

div.tabs {
  margin: 0 0 5px 0;
}

.help {
  clear:both;
  margin: 0em 0;
}

.more-help-link {
  text-align: right;
  color:#1F59B1;
}

.more-help-link a {
  padding:2px;
  color:#1F59B1;
}

tr.menu-disabled {
  opacity: 0.5;
}

tr.odd td.menu-disabled {
  background-color: #edf5fa;
}

tr.even td.menu-disabled {
  background-color: #fff;
}

#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

.pager {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a, .pager strong.pager-current{
  padding: 0.5em;
}

.feed-icons {
  padding: 1.5em 0;
  margin: 1em 0;
}

.field-type-taxonomy-term-reference{
  margin-bottom:15px;
}

/** Search **/

#site-search{
  margin-top:5px;
  text-align:right;
} 
  
#site-search  input[type=text]{
  width:160px;
  background:#222;
  border:1px solid #333;
  padding: 5px;
  margin:0;
  font: inherit;
  font-size: 11px;
  font-weight:normal;
  color: #999;
  outline:0;  
}  

#site-search input[type=submit]{
  display:none;
}

.search-results p {
  margin-top: 0;
  font-size: 1em;
}

.search-results dt {
  margin-top: 1em;
  font-size: 1.2em;
}

.search-results dd {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

.search-results .search-info {
  font-size: 0.95em;
}

.search-advanced .criterion {
  float: left; 
  margin-right: 2em; 
}

.search-advanced .action {
  float: left; 
  clear: left; 
}

.breadcrumb{
  margin-bottom:10px;
  line-height:110%;
} 

.front .node{
  padding:30px;
  line-height: 20pt;
  background:#EFEFEF;
  border:1px solid #bebebe;
  margin-top:-5px;
  margin-bottom:30px;  
}

.field-name-field-image{
  margin-top:10px;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

.node-unpublished {
  background-color: #fff4f4;
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished{
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /** A very nice CSS3 property **/
 }
 
 .node h2.title {
  font-size: 160%;
  padding: 10px 0 5px 0;
  font-weight: normal;
  color:#333;
  }

.marker {
  color: #c00;
  }

.node.node-unpublished .picture,
.comment.comment-unpublished .picture
  {
  position: relative; /** Otherwise floated pictures will appear below the "Unpublished" text. **/
  }
 
/** Comment form **/

.comment-form .form-item {
  overflow: hidden;
  margin-bottom: 0.8em;
}

.comment-form .form-type-textfield input,
.comment-form .form-item .username {
  width: 60%;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1;
}

.comment-form .form-textarea {
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.comment-form fieldset.filter-wrapper .tips {
  font-size: 0.786em;
}

#comments h2.comment-form, 
#comments h2.title {
  font-size:20px;
  color:#333;
  border-bottom:1px solid #ccc;
  padding:5px 0;
  margin-bottom:15px;
  font-weight:bold;
 }

#comments {
  padding:0;  
  margin: 1em 0;
}

#comments-title {
  color:#1F59B1;
  padding:10px 0; 
}

/** Comments **/

.comment{
  background:#FEFEFE;
  padding:20px;
  border:1px solid #bebebe;
}

.comment h2.title {
  margin-bottom: 1em;
}

.comment div.user-picture img {
  width: 60px;
  max-height: 60px;
  margin-left: 0;
}

.comment {
  margin: 15px 0;
}

.comment-avatar {
  width:60px;
  float:left;
}

.comment-body {
  width:435px;
  float:left;
  margin-left:10px;
  margin-bottom:10px;
}

.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}

.comment .comment-time {
  margin: 4px 0;
  color: #68696b;
  font-size:11px;
  line-height: 1.2;  
}

.comment .content {
  margin:0;
  font-size:12px;
  padding:0;
  color:#555;
  font-weight:normal;
}

.comment .comment-text {
  padding: 4px 0 0 0;
  line-height:1.6em;
}
.comment .comment-text p{
  margin-bottom:10px;
  padding:0;
}  
span.new{
  color:#B32010;
  margin-bottom:3px;
  padding:0;
}
.comment .indented {
  margin-left: 140px;
}

.comment ul.links {
  float:right;
  padding: 0;
}
.comment ul.links li {
  padding: 0 0 0 0;
}

.comment-footer{
  clear:both;
}

.comment-links{
  float:right;
  width:250px;
}

.comment-time{
  float:left;
  width:150px;
}

.comment-unpublished {
  margin-right: 5px;
  padding: 5px 2px 5px 5px;
}

.comment-unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/** Links **/

ul.links{margin:0;padding:0;}
ul.links.inline{display:inline;}
ul.links li{
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  outline:0;
  display:inline;
  list-style-type:none;
  margin-right:10px;
  padding:0;  
}

ul.links li a:link,
ul.links li a:visited{
  color:#000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-shadow: 1px 1px 0px #fff; 
  font-size: 11px;  
  text-align: center;
  padding: 8px 10px;
  outline:0;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ 
}

ul.links li a:hover{
  background:#fff;
  color: #333;
  text-decoration:none;
}


.meta{
  margin:5px 0;
  padding:5px 0;
  height: 30px;
  text-transform:capitalize;
  font-size: 10px;
  color:#000;
  font-weight:bold;  
  line-height:1.6em;  
  }

.submitted .user-picture img {
  float: left;
  height: 30px;
  margin: 1px 10px 0 0;
}

.indented {
  margin-left: 20px;
  }

.preview .comment {
  background-color: #fff;
  }

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}


body.maintenance-page {
  background-color: #f3f3f3;
  color: #444;
}

.maintenance-page  #page-wrapper{
  margin: 15px auto;
  padding:15px;
  width: 960px;
  }

.maintenance-page  h1#page-title {
  color: #333;
  font-size:30px;
  line-height:1em;
  font-weight:bold;
  text-shadow:rgba(0,0,0,.5) 0 1px 3px;
  margin-bottom:10px
}  
  
.maintenance-page #page-content{
  margin: 150px auto;
  padding:25px;
  width: 350px;
  background:#fff;  
  border:1px solid #e0ecff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;  
  font-size: 14px;
  text-align:center;
  line-height:1.6em;
  color:#333;
  }

.profile {
  clear: both;
  margin: 1em 0;
}

.profile .user-picture {
  background:#f3f3f3;
  width:110px;
  float: left;
  margin: 0 1em 1em 0;
  padding:10px;
}

.profile .user-picture img{
  border:3px solid #fff;
  display:block;
}

.profile h3 {
  border-bottom: 1px solid #ccc;
}

.profile dl {
  margin: 0 0 1.5em 0;
}

.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}

.profile dd {
  margin: 0 0 1em 0;
}

#footer .slogan h2{
  padding-bottom:10px;
  margin: 0;
  color: #eee;
  text-align:center;
  font-size:20px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
}

.site-credits{
  font-size:10px;
  color:#fff;
  text-align:center;  
  padding: 0;
  margin:0;
}
.site-credits p{
  margin:5px 0;
}

#footer a:link,#footer a:visited{
  color:#bcbcbc;
  text-decoration: none;
}

#footer a:hover{
  text-decoration: underline;
}

#slider{
  width: 960px;
  margin:0 auto;
  clear:both;
}

.theme-default .nivoSlider {
	position:relative;
	background:#000 url(/sites/all/themes/sankofa/images/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/sites/all/themes/sankofa/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/sites/all/themes/sankofa/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#page #menu-wrap #menu ul.menu a {font-size: 12px;padding: 10px 7px 10px 8px; color:#666;}


#page #menu-wrap #menu ul.menu ul.menu a {font-weight:normal;}

div.node-product-catalog-images div.field-items div.field-item {float:left; padding: 0px 23px 5px 0px;}
div.node-product-catalog-images div.field-items {overflow:hidden;}

#content-wrap {font-size:14px;line-height:20px;}
.front .node {background: transparent;border:none;line-height:22px;font-size:14px;padding:10px 0px;margin-bottom: 10px;}
.front .node p {padding:7px 0px;margin:0px;}
.front div#content div#block-system-navigation {display:none;}
.front div#content div.field-name-field-category {display:none;}
.front h1.title {text-align:center;}
body.not-logged-in div#block-system-navigation {display:none;}
body.not-logged-in div#content div.field-name-field-category-catalog-image {display:none;}

div#menu-wrap div#menu ul.menu li:hover {color:#000;}
#page div#menu-wrap div#menu ul.menu li a:hover {background: rgba(163, 161, 161, 0.32);color:#000;}

#menu ul.menu ul.menu li.first, #menu ul.menu ul.menu ul.menu li.first {
  border-left:none;
}
#menu ul.menu ul.menu li.last, #menu ul.menu ul.menu ul.menu li.last {
  border-right:none;
}
#menu ul.menu li:hover li a:hover,
#menu ul.menu li:hover li:hover a,
#menu ul.menu li.iehover li a:hover,
#page div#menu-wrap div#menu ul.menu li.iehover li.iehover a { background:#eee;color: #000;}


#page div#menu-wrap div#menu ul.menu ul li:hover {background: #eee;}
#page div#menu-wrap div#menu ul.menu ul li a:hover {background: #eee;}

#menu ul.menu ul li ul li  {background: transparent;}
#page div#menu-wrap #menu ul.menu ul li ul li:hover a {background: #eee;}

#top-contacts {color:#fff;padding-left: 100px;}
#top-contacts a {color:#fff;}
#top-contacts div {padding-bottom: 10px;}

#node-14 div.field-name-field-image-catalog div.field-items div.field-item {height: 125px;padding-right:15px;} 

div.field-name-field-image-catalog div.field-label {padding-bottom:5px;}

#page{
  width: 100%;
  margin: 0 auto;
  padding:0;
  font-size: 14px;
  }

#container{
  width: 100%;
  padding:30px 0 0 0;
  margin:0 auto 60px auto;
  overflow:hidden;
  border-top:1px solid #fff;  
}

/** Header **/

#header-wrap{
  width: 100%;
  border-top:10px solid #E6E6E6;
  margin:0;  
  padding:0;
  background: #45484d; /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  }

#header{
  width: 100%;
  clear:both;
  overflow:hidden;
  border-top:1px solid #fff;  
  }
  
#header .section{
  width: 960px;
  margin:0 auto;
  padding:15px 0;
  }  

#site-messages{
  width: 960px;
  margin:0 auto;
  padding:0;
  clear:both;
  }  
  
#header-blocks{
  clear: both;
  }
  
#logo{
  width:110px;
  margin:0 10px 0 0;
  padding:0;  
  float: left;
}

#logo img{
  height:80px;
}

#site-details{
  width:420px;
  height:73px;
  margin:0;
  margin-top:10px;
  float:left;
} 

#header-right{
  width:330px;
  margin-top:0px;
  float:right;
}

/** Content layout **/

#content-wrap{
  margin: 0 auto;
  background: none;  
  width: 960px;
  padding:0;
  line-height:1.6em;
  clear:both;   
  }
 
.no-sidebars #content{
  width: 960px;
  padding:0;
  clear:both;
  margin: 0;
  }

#content .section{
  margin:0;
  padding:30px;
  line-height: 20pt;
  background:transparent;
  border:none;  
}
 
.front #content .section{
  margin:0;
  padding:0;
  line-height:20px;
  background:none;
  border:none;  
}

.sidebar-first #content,
.sidebar-second #content{
  width: 610px;
  padding:0;
  float:left;
  }
 
.sidebar-second #content{
  margin-right:10px;
  }

.sidebar-first #content{
  margin-left:10px;
  }  
  
.sidebar-first #sidebar-first,
.sidebar-second  #sidebar-second{
  float: left;
  width: 340px;
  margin:0;
  padding: 0;
  }
  
.two-sidebars #content{
  width: 450px;
  float:left;
  margin:0;
  padding:0;
  float:left;
  }
  
.two-sidebars #sidebar-first{
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
  }

.two-sidebars #sidebar-second{
  float: left;
  width: 290px;
  margin:0;
  padding: 0;
  }

.two-sidebars #content{
  margin:0 10px;
  }  
  
.region-sidebar-first .content,
.region-sidebar-second .content{
  margin:0;
  padding:0px;
  font-size:12px;
  text-align:left;
 }

.region-sidebar-first .block,
.region-sidebar-second .block{
  margin-bottom:15px;
  padding: 0;
  } 

#sidebar-first .section,  
#sidebar-second .section{
  margin:0;
  padding:19px;
  line-height: 20pt;
  background:#EFEFEF;
  border:1px solid #bebebe!important;  
}  
  
/** Footer **/

#footer-wrap{
  width:100%;
  background:#1b1b1b;
  margin:0 auto;
  padding:0;
  clear: both;
  border-top:6px solid #BBBBBB;  
}

#footer{
  width:960px;
  margin:0 auto;
  padding:25px 0;  
  clear: both;
}







#container {margin-bottom:20px;}
/*
     FILE ARCHIVED ON 16:46:35 Mar 08, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:50:37 Aug 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.866
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.021
  esindex: 0.017
  cdx.remote: 2829.007
  LoadShardBlock: 249.695 (3)
  PetaboxLoader3.datanode: 118.397 (5)
  PetaboxLoader3.resolve: 334.94 (4)
  load_resource: 229.236 (2)
*/