/* site background color, image */

body {
        background-color: rgb(255,255,255);
        color: #666666;
        background-image: url();
}

/* default text color for all content without defined font */

.defaulttext {
        color: #333333;
}

/* settings for website header */

.reverseHeader {
        padding: 0px 0px 0px 0px;
        border: 0px 0px 0px 0px;
background-color: rgb(255,255,255);
}

/* settings for the navigation band on horizontal navigation.  This horizontal band can be deactivate in init params.  If so, these 

settings have no effect */

.headerNavBar {
        background-color: rgb(166,219,15);
}

/* the "column" classes apply directly to each column on the main canvas (between header & footer) where applicable
	left-column = the left column, often consisting of the secondary nav (note that on vertical nav sites it is replaced by vertnav)
	primary-column = the main content area to the right of the left column
        callout-column = the column containing the events & news spotlights, possibly site ads, usually located on the right column.
   each class has a sister "home" class that only effects the home page columns.
*/
.left-column {
        background-color: rgb(186,187,191);
}
.left-column-home {
        background-color: rgb(186,187,191);
}
.primary-column {
}
.primary-column-home {
        background-color: rgb(186,187,191);
}
.callout-column {
}
.callout-column-home {
        background-color: rgb(186,187,191);
}


/* all portlet settings affect the header, body, dates, etc. for related images, links, and downloads AND the default classic 

highlight spotlight style.  Spotlight styles can be overwritten by clicking the spotlight styles link from the main admin menu   */

.portletHeader {
        color: white;
        background-color: rgb(186,187,191);
}

.portletBody {
        font-color: #333333;
        background-color: white;
}
.portletDate {
        color: rgb(0,0,0);
}

.portletTable {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(186,187,191);
}


/* all portletG settings affect the default upcoming events and recent news spotlight styles.  These can be overwritten by clicking 

the spotlight styles link from the main admin menu   */

.portletTableG {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(166,219,15);
}

.portletHeaderG {
        color: white;
        background-color: rgb(166,219,15);
}
.portletBodyG {
        background-color: white;
}

/* calendar stuff */
.not-in-month {
        background-color: #E6E6E6;
        color: #333333;
}
.weekend {
        background-color: rgb(186,187,191);
}
.weekday {
        background-color: white;
}
.calendar-header {
        color: white;
        background-color: rgb(186,187,191);
}

/* rgb(199,207,210) in managed content, rgb(166,219,15) */
a, a:link, a:visited, a:active {
        color: rgb(2,109,137);
}

/* The only where this is used is on the month names in the calendar */

.headline, .headline a, .headline a:link, .headline a:active, .headline a:visited {
        color: rgb(107,142,7);
}

/* This is the style used for Article names in summary list view (i.e. projects, fundraisers, sponsorships, initiatives, news article) 

*/

.subheadline, .subheadline a, .subheadline a:link, .subheadline a:active, .subheadline a:visited {
        color: rgb(107,142,7);
}


/* Used as a class for helptext on the donor form for "inkindvalue" & "creditcard" fields, as well as the closing remark for "All donationsmade will be..." etc.
   Also used on the photo album page for the photo captions.
   Also used in the estore cart for the shopping cart message display cell
 */

.footnote, .footnote a:hover, .footnote a:link, .footnote a:active, .footnote a:visited {
        color: #333333;
}


/* HORIZONTAL CLICK-THROUGH NAV - for the most part except secondarynav is used on some other elements including the built-in "member login" link. */

.primarynav-current, .primarynav-current a:link, .primarynav-current a:active, .primarynav-current a:visited {
        color: white;
}

.primarynav a:link, .primarynav a:active, .primarynav a:visited {
        color: white;
}

.secondarynav {
        color: rgb(107,142,7);
}

.secondarynav a:link, .secondarynav a:active, .secondarynav a:visited {
}

/* TAB NAV */
.tabnav {
}

.tabon {
	border-top-color: #999999;
        border-top-width: thin;
	border-right-color: #999999;
        border-right-width: thin;
	border-left-color: #999999;
        border-left-width: thin;
}

.taboff {
	border-bottom-color: #999999;
        border-bottom-width: thin;
}

.tabnav a:link, .tabnav a:active, .tabnav a:visited {
        color: rgb(107,142,7);
	text-decoration: underline;
}

/* stepnav is used on the estore & register+ cart pages for the cells containing the "wizard" steps */
.stepnav {
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        background-color: #83A1C5;
        font-weight: bold;
}
/* currentstep is also used on the estore & register+ cart pages for the current step in the "wizard" steps */
.currentstep {
        padding-left: 10px;
        padding-right: 10px;
        background-color: lightblue;
        color: #41638B;
        border-color: #83A1C5;
        font-weight: bold;
}

/* QUICK FORM BUTTONS*/
.pageActions {
	border-top-color: #999999;
        border-top-width: thick;
	border-right-color: #000000;
        border-right-width: thick;
	border-left-color: #999999;
        border-left-width: thick;
	border-bottom-color: #000000;
        border-bottom-width: thick;
        background-color: rgb(186,187,191);
	color: #000000;
}
.pageActions a:link, .pageActions a:active, .pageActions a:visited {
	border-color: #666666;
	color: #000000;
}

.pageActions a:hover {
	color: #000000;
}

/* THIS IS THE HORIZONTAL BAND JUST UNDER HORIZONTAL NAV OR HEADER THAT DISPLAYS THE MEMBER LOGIN LINK.  THIS CAN BE DEACTIVATED IN 

INIT PARAMS.  IF SO, THESE SETTINGS HAVE NO EFFECT*/

.utilitybar {
                background-image: url();
                background-color: rgb(186,187,191);
                height: 10px;
}

.utility-table {
                background-color: white;
}

.footer-table {

}

/* PAGE TITLES */

.pagetitle, .pagetitle a, .pagetitle a:link, .pagetitle a:active, .pagetitle a:visited {
        color: rgb(107,142,7);
        border-bottom-color: gray;
border-bottom-style:double
	padding-top: 15px;
}
.pagesubtitle, .pagesubtitle a, .pagesubtitle a:link, .pagesubtitle a:active, .pagesubtitle a:visited {
        color: #666666;
        border-bottom-color: rgb(166,219,15);
}
.outlined {
        border-color: lightgrey;
}
.lightseparator {
        border-color: #cccccc;
}

/* THIS IS USED IS IN THE ESTORE FOR PRODUCT CATEGORY LIST SUMMARY VIEW AND ON THE MEMBER FORUM SUMMARY LIST PAGE
	Also used on the Member Forum Downloads & Links tab for the table displaying the download & link items.
        Also used on the estore cart page for the table displaying the cart items.
*/
table.portlet-white{
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-white-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-white-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-white {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        color: #000000;
        background-color: white;
}
/* THIS IS USED IS ON THE MEMBER FORUM PORTLET as well as the estore Product Category portlet */
table.portlet-bold {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(186,187,191);
}

.portlet-bold-header {
        text-align: center;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: rgb(186,187,191);
}
.portlet-bold-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: #41638B;
        background-color: white;
        width: 0px;
}
.portlet-bold {
        text-align: left;
        padding-left:   0px;
        padding-right:  0px;
        padding-top:     0px;
        padding-bottom:  0px;
        color: #000000;
        background-color: white;
}
td.portlet-bold {
        text-align: left;
        padding-left:   3px;
        padding-right:  3px;
        padding-top:     3px;
        padding-bottom:  3px;
        color: #000000;
        background-color: white;
}

/* VERTICAL NAVIGATION SETTINGS*/


.vertnav {
padding: 0px 0px 0px 0px;
        background-color: rgb(166,219,15);    
}
table.vertnav {
}    
td.vertnav {
        background-image: url();   
}

.vertnav-primary {
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:15px;
        text-align:left;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(166,219,15);
}

.vertnav-primary a:link, .vertnav-primary a:active, .vertnav-primary a:visited {
  color: white;
  text-decoration: none;
}

.vertnav-primary-text {
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 0px;
text-align:right;
	color: white;
}

.vertnav-primary a:hover {
 text-decoration:underline;
}

.vertnav-primary-hover {
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:15px;
        text-align:left;
        background-color: rgb(186,187,191);
        text-decoration:underline;
        color:white;
	cursor: pointer;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(166,219,15);
}

.vertnav-primary-current, .vertnav-primary-current a:link, .vertnav-primary-current a:active, .vertnav-primary-current a:visited {
	font-weight: bold;
	font-size: 11px;
        color: white;
        background-color: rgb(186,187,191);
  text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:15px;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(186,187,191);
}

.vertnav-primary-opened {
	font-weight: bold;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:15px;
        color:white;
        text-align:left;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        background-color: rgb(186,187,191);
        border-right-color: rgb(186,187,191);
}

.vertnav-primary-opened a:link, .vertnav-primary-opened a:active, .vertnav-primary-opened a:visited {
  color: white;
  text-decoration: none;
}

.vertnav-primary-opened-hover {
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:15px;
        text-align:left;
        text-decoration:underline;
	cursor: pointer;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(166,219,15);
}

.vertnav-primary-opened a:hover {
        text-decoration:underline;
}

.vertnav-secondary {
        background-color: rgb(205,225,198);
        text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:22px;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(186,187,191);
}

.vertnav-secondary a:link, .vertnav-secondary a:active, .vertnav-secondary a:visited {
        color: rgb(186,187,191);
 }

.vertnav-secondary-current, .vertnav-secondary-current a:link, .vertnav-secondary-current a:active, .vertnav-secondary-current 

a:visited {
	font-weight: bold;
	font-size: 11px;
        color: rgb(186,187,191);
        background-color: rgb(237,249,233);
        text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:22px;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(166,219,15);
}

.vertnav-secondary-text {
	font-size: 12px;
	padding: 0 0 0 0px;
        color: rgb(186,187,191);
}

.vertnav-secondary-text a:link, .vertnav-secondary a:active, .vertnav-secondary a:visited {
	text-decoration: none;
	font-size: 11px;
        color: rgb(186,187,191);
}

.vertnav-secondary a:hover {
}

.vertnav-secondary-hover {
	cursor: pointer;
        background-color: rgb(237,249,233);
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:22px;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(186,187,191);
}

.vertnav-tertiary {
	padding: 0 0 0 0px;
        text-align:left;
        padding-right:7px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:27px;
        background-color: rgb(237,249,233);
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(186,187,191);
}

.vertnav-tertiary-text {
	font-weight: bold;
	font-size: 12px;
        color: rgb(186,187,191);
}

/* HORIZONTAL HOVER NAVIGATION SETTINGS*/



*
Container for the menu. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
We set the left margin in navigation.css so that it is pulled away from the left of the cell it is contained in.
*/
#dropdownnav-wrapper {
}
/*
Primary nav Links. Note that the background-color is not set as the headerNavBar background-color is inherited.
This or the #dropdownnav li can be set to override the headerNavBar background-color.
*/
#dropdownnav a {
	color: white;
}
/*
Primary nav currently selected page Link.  
*/
#dropdownnav a.current {
	color: white;
}
/*
Class assigned to those Primary nav links that have associated secondary navs.
The top and bottom padding assigned this element must be the same as
that assigned to the dropdownnav a element.
*/
#dropdownnav a.trigger {
	background-image: url();
	background-repeat: no-repeat;
	background-position: right center;
}
/*
trigger-current is the style used when this is the current primary nav selected (or one of its children)
*/
#dropdownnav a.trigger-current {
	background-image: url();
	background-repeat: no-repeat;
	background-position: right center;
  color: rgb(107,142,7);;
}
/*
Changes the Text color and background color when the primary nav
menu items are moused over. The second selector sets color and background
when primary nav items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth
selector is assigned to IE5 and IE6 Windows via the DropdownNav_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/
#dropdownnav li:hover a, #dropdownnav a:focus,
#dropdownnav a:active, #dropdownnav li.dropdownnavhvr a {
	color: white;
	background-color: rgb(186,187,191);
}
/*
The following are styles are similar to the above hover, except they apply specifically
to the trigger and trigger-current classes. These are applied when a particular primary nav has secondary navs.
We changed the image to a black arrow on hover (on non-current primary navs) to match the font color.
*/
#dropdownnav li:hover a.trigger, #dropdownnav a.trigger:focus,
#dropdownnav a.trigger:active, #dropdownnav li.dropdownnavhvr a.trigger {
  background-image: url();
}
/*
This is the hover style if the primary nav is a trigger nav and the current page selected.
Only need to set this if you want the hover of a currently selected primary nav to be different
than the default style of a currently selected primary nav.
*/
#dropdownnav li:hover a.trigger-current, #dropdownnav a.trigger-current:focus,
#dropdownnav a.trigger-current:active, #dropdownnav li.dropdownnavhvr a.trigger-current {
}
/*
Sets width for secondary nav box and the List Items inside - in proportional em units.
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#dropdownnav li ul, #dropdownnav ul li  {
	width: 14em;
}
/*
The secondary nav links. We set color for the links. 
*/
#dropdownnav ul li a  {
	color: white;
}
/*
a.current is used for any secondary nav that is currently selected.
*/
#dropdownnav ul li a.current  {
	color: white;
}
/*
secondary nav Unordered Lists describes each dropdown secondary nav grouping.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders are set to simulate a raised look.
opacity is used to allow the menu to appear partially transparent. There is a filter component that
must be used to make IE happy.
*/
#dropdownnav li ul {
	background-color: rgb(166,219,15);
  opacity:.90;
  filter: alpha(opacity=90);
  border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
/*
Sets the Text color of the secondary nav links when the primary nav
menu items are moused over. The second selector is
assigned to IE5 and IE6 via the DropdownNav_ExpMenu script.
The color set should match the normal secondary nav link color
in the rule: #dropdownnav ul li a. Have to re-set the background-color (from #dropdownnav li ul)
to override the hover affects of the primary nav if background-color is changed on hover.
*/
#dropdownnav li:hover ul a, #dropdownnav li.dropdownnavhvr ul a {
	color: white;
}
/*
This is the style if the secondary nav is the current page selected.
*/
#dropdownnav li:hover ul a.current, #dropdownnav li.dropdownnavhvr ul a.current {
	color: white;
  background-color: rgb(186,187,191);
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the normal secondary nav background.
*/
#dropdownnav ul a:hover {
	background-color: rgb(166,219,15);
	color: black;
}