/* $Id: local-sample.css,v 1.2 2010/07/02 23:14:21 eternalistic Exp $ */

/****************************************/
/* LOCAL CSS                            */
/* 4-23-2011                            */   
/* 8-24-2011 min-height  SIDEBARFIX2    */   
/****************************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwrittfen when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/****************************************************/
/*           COLOR LEGEND  							*/
/*  body background  rust				#9e3c0e		*/
/*  gold background header and sidebars	#e0b47a		*/
/*  deep dark brown						#4b2913		*/
/*  dark brown background of forms		#5a3220	(was 754C30?	*/   
/*  light brown background of forms		#6e4b34		*/ 
/*  												*/
/*  FONTS:											*/
/*  sidebar blue						#093b7b		*/
/*	main content gold					#e0b47a		*/
/*													*/	
/****************************************************/


/* Changing background color - Sonia Maya 9-5-10 */
/*  From fusion-acquia-slate-style.css           */

body {
  background: #9e3c0e;
  color: #F0F0F0;
}
body, div.full-width {
    min-width: 900px;
}

a, a:link, a:visited {
    color: #e0b47a;               /* change from the similar color in fusion */
}
.breadcrumbs {
    font-size: 150%;
}
.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:visited {
	text-decoration: underline;   /* to make it more obvious that these are links */
}
.layout-first-main-last 
#main-group {
    border-left: 0px solid #444444;
}
/* This didn't fix it
.row {
    max-width: none;
    min-width: 780px;
} 8?
/* Change color of inner region from same css file  */

/***temporarily disabled the following to see the effect ****/
/***effect is the colors in .sidebar-first did not take ****/
/***so I changed it again Sonia 3-31 ****/

/*  changes to colors in sidebar-first      */
.inner .block-region {
/* background: #4c4c4c;  */  
   background: #e0b47a;
/* color: #e0b47a;       */ 
   color: #4B2913;		/*#093b7b;*/
  text-shadow: 1px 1px #666;
}

/* These classes are defined in 
    sites/all/themes/fusion_starter/css/fusion-starter-style.css
    with no attributes. Here we add color -- Sonia 9-7-10
*/


 /*  HEIGHT OF SIDEBARS: TEMPORARILY DISABLE THE PADDING 100%      */
 /*  IN SIDEBAR-FIRST AND DEFINED PADDING-BOTTOM AS 1600 PX        */
 /*  TO SEE IF THEIS WOULD EQUALIZE SIDEBARS ...Sonia 8-23-2011    */
 
 
 .sidebar-first {
   background: #e0b47a;
/*   color: #4B2913;		     #093b7b; */   
/*   height: inherit;                       WHAT IS THIS?          */

 
   padding-bottom: 1600px;			
/*   padding-bottom: 100%;		      to extend height of sidebar */
   margin-bottom: 0;				/* to extend height of sidebar */
/*   min-height: 1600px;     */
   border-radius: 10px 10px 10px 10px; 
   -moz-border-radius: 10px 10px 10px 10px;
}


/*  HEIGHT OF SIDEBARS: RE-ENABLE PADDING 100% IN 
 	 RIGHT SIDEBAR ONLY   ...Sonia 8-23-2011                       */
 	 
.sidebar-last {
   background: #e0b47A;
/*  height: inherit;  */
   padding-bottom: 1600px;			/* to extend height of sidebar */
   margin-bottom: 0;				/* to extend height of sidebar */
/*   min-height: 1600px;   */
   color: #4B2913;		            /*#093b7b;*/
   border-radius: 10px 10px 10px 10px; 
   -moz-border-radius: 10px 10px 10px 10px; 
}


/** Link color blue, hover color white Sonia 3/30/11 **/
/** Changed to link dark brown, hover rust.  Sophie 7/23/11 **/

.sidebar-first a:link, 
.sidebar-first a:visited,
.sidebar-first a {
	color:#4B2913;		/*#093b7b;*/
}
.sidebar-first a:hover {
	color:#9e3c0e		/*#ffffff; */
}
/*	we specify all three variations of a for these classes */


.sidebar-last a:link, 
.sidebar-last a:visited,
.sidebar-last a {
	color:#4B2913;		/*#093b7b; */
}
.sidebar-last a:hover {
	color:#9e3c0e;		/*#ffffff; */
}
.layout-first-main-last #content-group {
border-right: 0px;
}
.footer-wrapper {
  background: #9e3c0e;
  color: #F0F0F0;
}
/* Primary Menu
/-------------------------------------------------------------- */
#primary-menu {
    padding-bottom: 4px;
    width: 70%;	             /* should be auto, but then right radius is cut off.  may need to change this */
          
}
#primary-menu.block {
    float: inherit;  /* Sonia suggests float center instead of float right, need to remove the float right and set margin to auto */
    margin: auto;
 /*   margin: 0 0; */
}
#primary-menu.block .inner { /* in fusion-acquia-slate-style.css */
	border-radius: 10px 10px 10px 10px;  /* added radius */
	-moz-border-radius: 10px 10px 10px 10px;  /* added radius */
	background: #4B2913;  /* added background */
}
#primary-menu ul.menu {
    font-size: 120%;     /* This font-size has to be made to fit with #primary-menu width above */
}
#primary-menu ul.menu li { /* in fusion-acquia-slate-style.css */
padding: 0 0 0 0;  
}
#primary-menu ul.menu li a:link,
#primary-menu ul.menu li a:visited {
  color: #e0b47a; /*#4b2913;*/
  background: #4b2913; /* added background color */
  padding: 0 10px 0 10px;
}
/* Second level - Hovers for parent menu item */
#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a
 {
  background: #e0b47a;     /* url(../images/primary-menu.png) no-repeat 100% -28px; */
  color: #4b2913;
  padding: 0 10px 0 10px;
}

#primary-menu ul.menu li.active-trail a:link,
#primary-menu ul.menu li.active-trail a:visited {
  background: #e0b47a;     /* url(../images/primary-menu.png) no-repeat 100% -28px; */
  color: #9e3c0e;
  padding: 0 10px 0 10px;
}

#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
  background: #e0b47a;       /* url(../images/primary-menu.png) no-repeat -170px 0; */
  color: #4b2913; /* added color */
}

/* Second level */
#primary-menu ul.menu li:hover ul.menu,
#primary-menu ul.menu li.hover ul.menu,
#primary-menu ul.menu li.sfHover ul.menu {
  background: #9e3c0e;   /* url(../images/primary-menu.png) no-repeat left 100%; */
  color: #e0b47a; /* added color */
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  margin: 0 0 0 0; /* -2px 0 0 0; */
  padding: 0 0 4px 0;
  position: absolute;
  text-align: left;
  text-transform: none;
 /* width: 160px; */
   overflow: visible; /* added */
  height: 100%; /* added */
  z-index: 2;
}
#primary-menu ul.menu li:hover ul.menu li,
#primary-menu ul.menu li.hover ul.menu li,
#primary-menu ul.menu li.sfHover ul.menu li {
  background: #9e3c0e; /*background: #6E4B34;*/
  color: #e0b47a; /* added color */
  margin-left: 0;
  padding-left: 5px;
 /* width: 155px; */
  overflow: visible; /* added */
  height: 100%; /* added */
}

#primary-menu ul.menu li:hover ul.menu li a:link,
#primary-menu ul.menu li:hover ul.menu li a:visited,
#primary-menu ul.menu li.hover ul.menu li a:link,
#primary-menu ul.menu li.hover ul.menu li a:visited,
#primary-menu ul.menu li.sfHover ul.menu li a:link,
#primary-menu ul.menu li.sfHover ul.menu li a:visited {
  border-bottom: 1px solid #6E4B34;
  margin-right: 5px;
  padding-left: 5px;
}

#primary-menu ul.menu li:hover ul.menu li.first,
#primary-menu ul.menu li.hover ul.menu li.first,
#primary-menu ul.menu li.sfHover ul.menu li.first {
  background: #9e3c0e;  /* #646464 url(../images/primary-menu.png) no-repeat -5px 0; */
  color: #e0b47a; /* added color */
  }

#primary-menu ul.menu li ul.menu li a:link,
#primary-menu ul.menu li ul.menu li a:visited {
  color: #e0b47a; 
  background: #9e3c0e; /* added background color 
  background: #6E4B34;
  color: #e1e1e1; */
  padding-left: 10px;
}

#primary-menu ul.menu li ul.menu li a:hover {
  background: #4b2913;  /* ADDED #646464 url(../images/primary-menu.png) no-repeat -5px 0; */
  color: #e0b47a; 
}
/* Third level */
#primary-menu ul.menu li:hover ul.menu li ul.menu,
#primary-menu ul.menu li.hover ul.menu li ul.menu {
  background: none;
  font-size: 100%; /* 11px/12px */
  margin-left: 50px;
  margin-top: 0;
}

#primary-menu ul.menu li:hover ul.menu li ul.menu li.first,
#primary-menu ul.menu li.hover ul.menu li ul.menu li.first,
#primary-menu ul.menu li.sfHover ul.menu lu ul.menu li.first {
  background: #e0b47a;
    color: #4b2913;  /* added color */
}

/* Primary menu - Nolink */
#primary-menu ul.menu li span.nolink  {
  color: #999;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px 0 0;
  text-decoration: none;
}

#primary-menu ul.menu li span.nolink:hover,
#primary-menu ul.menu li span.nolink.hover,
#primary-menu ul.menu li:hover span.nolink,
#primary-menu ul.menu li.hover span.nolink {
  background: #e0b47a ;   /* url(../images/primary-menu.png) no-repeat 100% -28px; */
  color: #4b2913;
}

#primary-menu ul.menu li.active-trail span.nolink {
  background: #e0b47a ;   /* url(../images/primary-menu.png) no-repeat 100% -28px; */
  color: #9e3c0e;
}

#primary-menu ul.sf-menu li.sfHover ul.menu li span.nolink,
#primary-menu ul.menu li:hover ul.menu li span.nolink,
#primary-menu ul.menu li.hover ul.menu li span.nolink {
  background: #e0b47a;
  color: #4b2913;
  padding-left: 5px;
}

#primary-menu ul.menu li:hover ul.menu li span.nolink:hover,
#primary-menu ul.menu li.hover ul.menu li span.nolink.hover {
  color: #4b2913;
}
.sf-menu li.sfHover ul {
	top:	28px; /*		2.5em;  match top ul list item height */
}

/* This is a pseudo- vertical align middle */
#site-name-wrapper {
padding: 26px;
}
/* minimize space after the header before sidebars */
#header-site-info {
padding-bottom: 0;
margin-bottom: 4px;
}
.banner-background #preface-top {
    margin-bottom: 4px;
}
/* BANNER: Change color to gold and no pic */
#header-site-info-inner {
    background: #e0b47a;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 5px 20px;         /* reduced padding for top and bottom */  
}

/* BANNER: Decrease the height of second banner 250px high  */

.banner-background #preface-top .preface-top-inner {
    height: 260px;
    margin-left: 0px;	
    margin-right: 0px; 
    overflow: hidden;
}
/* Overwrite the white background for content-top */

.banner-background #content-top-wrapper #content-top-inner-inner {
    padding-top: 0;
}
.banner-background #content-top-wrapper #content-top {
    background: none repeat scroll 0 0 transparent;
    color: inherit;
}
.banner-background #content-top-wrapper .content-top-inner .inner a:link, .banner-background #content-top-wrapper .content-top-inner .inner a:visited {
    color: #e0b47a;
    font-weight: bold;
    text-decoration: underline;
}
/* and use the ckeditor class to override the centering on text that should be indented */
.rteindent1 {
 /*   margin-left: 40px; */
    text-align: justify;
}
/* This div is defined for adding a block of additional height */


/* this didn't work. save for now.
.sidebar-last am-spacer {
	height: 800px;
}
*/

/********* Sophie - From civicrm.css *********/
/* if we change background, we change color */

.ac_results ul li {
	color: #9e3c0e;                              /* added color */
	background: #e0b47a;                         /* added background */
}
#crm-container a, #crm-container a:link {
/*    color: #e0b47a; 							commenting out this color as it doesn't show up against white */
	color: inherit;
	text-decoration: underline;
}
#crm-container .crm-pager {
    background-color: #F5F6F1;
    color: #2786C2;  /* added color */
}
#crm-container fieldset {
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
	color: #9e3c0e;                              /* added color */
}
#crm-container fieldset legend {
background-color: #3E3E3E;       /* changed from transparent */
color: #E0B47A;                  /* changed */
}
#crm-container div.status {
   background: #e0b47a;  /* was background-color: #ffff99; */
   color: #4B2913;		/*#093b7b;        added color */
}
#crm-container div.status a,               /*added these three so that links don't disappear */
#crm-container div.status a:hover,
#crm-container div.status a:visited
{
   background: #e0b47a;  /* was background-color: #ffff99; */
    color: #4B2913;
	text-decoration: underline;
}
#crm-container .report td {
  border: 1px solid #92B6EC;
  background-color: #F6F6F6;
     color: #9e3c0e;       /* added color */
}
#crm-container .report td.separator {
  padding-top: 1em;
  background-color: #FFFFFF;
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF;
     color: #4B2913;		/* #093b7b;        added color */
}
#crm-container .odd-row, tbody.scrollContent {
  background-color: #FAFAFA;
     color: #9e3c0e;       /* added color */
}
#crm-container .even-row, tbody.scrollContent tr.alternateRow {
  background-color: #E8F2FF;  
     color: #9e3c0e;       /* added color */
}
/* add a scrollbar when tables get too wide */
#crm-container .crm-content-block {
overflow-x: scroll;
}
/* Fix to override fusion background in civicrm columns */
#crm-container tr.even-row td {
background: #E8F2FF;
color: 		#2786C2;
}
 #crm-container tr.odd-row td {
background: #FAFAFA;
color: 		#2786C2;
}
#crm-container .selected {
  margin: 0px;
  padding: 3px 0px 3px 0px;
  clear: none;
  background-color: #ffff99;
     color: #9e3c0e;       /* added color */
}
#crm-container #search-status {
 padding: 0.25em;
 /*background-color: #ccc;*/
 background-color: #B3D1FF;
    color: #9e3c0e;       /* added color */
 font-size: .95em;
 font-weight: bold;
 border: 1px solid #4E82CF;
 }
#crm-container ul.wizard-bar {
  border-collapse: collapse;
  padding: 0em 0em 0em 1em;
  white-space: nowrap;
  list-style: none;
  margin: 10px 0px 20px;
  height: auto;
  width: auto;
  line-height: normal;
  border-top: 3px solid #bbb;
  color: #000000                     /* added black color */
}
#crm-container ul.wizard-bar li {
  display: inline;
  background-color: #FAFAFA;
  border: 1px solid #92B6EC;
  height: auto;
  margin-right: 1em;
  padding: .5em 1em .5em;
  text-decoration: none;
  font-size: .95em;
     color: #9e3c0e;       /* added color */
}
#crm-container ul.wizard-bar li.current-step {
  background-color: #FAFAFA;
  border-color: #92B6EC;
  font-weight: bold;
     color: #9e3c0e;       /* added color */
}
#crm-container ul.wizard-bar li.past-step {
  background-color: #EDF2FF;
  color: #666;
}
#crm-container div#recently-viewed {
  float: none;
  width: 95%;
  margin: 5px 0px 10px;
  font-weight: bold;
  font-size: .95em;
  background-color: #EDF2FF;
  border: 1px solid #4A88DF;
  overflow: hidden;
       color: #9e3c0e;       /* added color */
}
#crm-container #alpha-filter li {
  display: inline;
  /*background-color: #eee;*/
  background-color: #EDF2FF;
  /*border: 1px solid #6e6e6e;*/
  border: 1px solid #4A88DF;
  color: #aaa;
  font-size: .95em;
  font-weight: normal;
  height: auto;
  margin: 0px 1px 0px 1px;
  padding: 2px 5px 2px 5px;
}
#crm-container #alpha-filter li.active {
  background-color: #fff;
       color: #9e3c0e;       /* added color */
}
#crm-container tbody.scrollContent tr:hover  {
  /*background-color: #b9caf2;*/
  background-color: #D0E6FD;
       color: #9e3c0e;       /* added color */
}
#crm-container .honor_roll {
   margin           : 5px 20px 0 0;
   padding          : 10px;	
   width            : 120px;
   background-color : #fafafa;
   border           : 1px solid #9d9fca;
        color: #9e3c0e;       /* added color */
   }
#crm-container span.success-status {
    margin-left: 6px;
    background-color: #ffff99;
    padding: .25em .5em .25em .5em;
    border: 1px solid #5A8FDB;
	     color: #9e3c0e;       /* added color */
}
#crm-container div#contactTopBar td, #crm-container div.contact_panel td, table.crm-info-panel td {
    background-color: #F4F4ED;
	color: #2786C2;    /* added color, blue from civicrm */  
}
/* also background image */
#civicrm-menu .ac_input, #crm-container .ac_input {
    background: url("../i/magnify.gif") no-repeat scroll right center #5A3220;
	color: #e0b47a; /* added color */
}
#civicrm-menu #crm-qsearch input {
    background-color: #FFFFFF;
	color:  #9e3c0e;                 /* added color */
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
  background: #5a3220;                    /* dark brown  background color */
  border: 1px solid #6D6D6D;
  color: #eee;      
  margin: 0;
  padding: 2px;
}

fieldset {
    background: repeat scroll 0 0 #6E4B34; /* Lite Brown background color */
    border: 1px solid #555555;
    margin: 15px 0;
    padding: 0 15px 15px;	
    background: #6e4b34;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #DD7777;
  background: #FFCCCC;
  color: #8A1F11;
}

.form-item .description {
  font-size: 84.6%; /* 11px/13px */
  line-height: 150%;
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: inherit;
  border: none !important;
}

/* Color for form background   */


.banner-background-rotating #preface-top .preface-top-inner {
background: url(../images/banner/rotate_img.php) no-repeat center top;
}
/* Superfish vertical menus 

ul.sf-vertical {
  background: #e0b47a;
  margin: 0;
}

ul.sf-vertical li {
  padding: 0;
  border-bottom: 1px solid #754C30;
  
  line-height: 200%; *//* 24px */ /*
 font-weight: bold;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

ul.sf-vertical li ul {
  background: #e0b47a;
  border-top: 1px solid #754C30;
  margin-left: 0;
}

ul.sf-vertical li ul li.last {
  border-top: 1px solid #754C30;
  margin-bottom: -1px;
  margin-top: -1px;
} */
form#skinr-ui-form fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #754C30;
	color: #9e3c0e;       /* added color */
}
form#skinr-ui-form fieldset legend {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
	color: #9e3c0e;       /* added color */

}
/*** And some colors just need to be changed ***/
#crm-container .description {
    font-size: 0.9em;
    white-space: normal;
    width: auto;
/*    color:  #e0b47a;              Inherit overrides the "description" color of #696969;*/ 
	color: inherit;
}

/*******  MAIN CONTENT AREA   ************/

/*  The following code specifies the style for the  */
/*  "separators" between blocks on the main page    */
/*  They were grey, we change them to brown.        */

div.links, .node div.links, div.terms {
/*  background: none repeat scroll 0 0 #444444;     */
    background: none repeat scroll 0 0 #5a3220;
    font-size: 90%;
    color: #e0b47a;
    margin: 0 0 10px;
    padding: 2px 25px;
}
/************** CKEditor  Content Editor ************/
.cke_skin_kama textarea.cke_source {
    color: #9e3c0e;    /* background is white.  Need to read source */
}
.cke_skin_office2003 textarea.cke_source {
    color: #9e3c0e;    /* background is white.  Need to read source */
}
.cke_skin_v2 textarea.cke_source {
    color: #9e3c0e;    /* background is white.  Need to read source */
}

/* Does the below fix the white-on-white issue for the source in WYSIWYG editor? Sonia 9/5-11   */

.cke_skin_kama textarea.cke_source {
    font-family: 'Courier New',Monospace;
	background-color: #6E4B34;
    font-size: small;
    white-space: pre;
}
/*   fixing errors   ***********************/
tr.error.even, tr.error.odd, tr.dblog-error.odd, tr.dblog-error.even,
tr.error.even td, tr.error.odd td {  /*  bug - css file was missing the td definitions for error */
    color: #8A1F11;
	background: none repeat scroll 0 0 #FBDBDB;
}
tr.even, tr.even td {
    background-color:    #5a3220  ;                      /* #242424; */
    color: 	#e0b47a;                                    /* added color */
}
tr.odd, tr.odd td {
    background-color: #6e4b34	;						/* #303030; */
    color: 	#e0b47a;                                    /* added color */
}
/* Superfish vertical menus */
.superfish-vertical {

}

ul.sf-vertical {
  background: #e0b47a;
}

ul.sf-vertical li {
  border-bottom: 1px solid #4b2913;
}

ul.sf-vertical li a:link,
ul.sf-vertical li a:visited,
ul.sf-vertical li .nolink {
  background: #e0b47a;
  color: #4b2913;
}
ul.sf-vertical li.active-trail a:link,
ul.sf-vertical li.active-trail a:visited {
  background: #9e3c0e;
  color: #e0b47a;
}

ul.sf-vertical li a:hover,
ul.sf-vertical li a.active {
  text-decoration: underline;
  color: #e0b47a;
  background: #4b2913;
}

ul.sf-vertical li ul {
  background: #4b2913;
  color: #e0b47a;
  border-top: 1px solid #e0b47a;
}

ul.sf-vertical li ul li.last {
  border-top: 1px solid #e0b47a; 
  margin-bottom: -1px;
  margin-top: -1px;
}

ul.sf-vertical li ul li a:link,
ul.sf-vertical li ul li a:visited
{
  background: #4b2913;
  color: #e0b47a;
  border-top: 1px solid #e0b47a;
  margin: 0;
  padding-left: 10px;
}
ul.sf-vertical li ul li a:hover,
ul.sf-vertical li ul li a.active
{
  color: #4b2913;
  background: #e0b47a;
  border-top: 1px solid #e0b47a;
    margin: 0;
  padding-left: 10px;
}
ul.sf-vertical li ul li.active-trail a:link,
ul.sf-vertical li ul li.active-trail a:visited {
  color: #9e3c0e;
  background: #e0b47a;
    margin: 0;
  padding-left: 10px;
}
/*  body background  rust				#9e3c0e		*/
/*  gold background header and sidebars	#e0b47a		*/
/*  deep dark brown						#4b2913		*/
/*  dark brown background of forms		#5a3220		*/   
/*  light brown background of forms		#6e4b34		*/