/*

primary color = 135,6,6
Light Version of primary = 205,225,198
superlight version of primary = 237,249,233
Dark version of primary color = 183,7,7
Primary accent = 183,7,7
background color = 201,201,200
headlines, title = 45,40,34

*/



/* site background color, image */

body {
        background-color: rgb(112,118,118);
        color: #666666;
        background-image: url();
}
.left-column-home {
 background-color: rgb(201,201,200);
}

.homepageportlets{
 background-color: rgb(201,201,200);
}

.primary-column-home {
 background-color: rgb(201,201,200);
}
.callout-column-home {
 background-color: rgb(201,201,200);
}
/* default text color for all content without defined font */

.defaulttext {
        color: #333333;
}

/* No idea what this does */

.pageHeader {
        background-color: #ffffff;
}

/* settings for website header */

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

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

settings have no effect */

td.primarynav {
	padding-left: 0;
	padding-right: 0;
}

.headerNavBar {
  background-color: rgb(183,7,7);
	padding: 0;
}

/* 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: #FFFFFF;
        background-color: rgb(183,7,7);
}

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

.portletTable {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(183,7,7);
}


/* 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(183,7,7);
}

.portletHeaderG {
        color: rgb(45,40,34);
        background-color: rgb(183,7,7);
}
.portletBodyG {
        background-color: white;
}

/* calendar stuff */
.not-in-month {
        background-color: #E6E6E6;
        color: #333333;
}
.weekend {
        background-color: rgb(236,235,222);
}
.weekday {
        background-color: white;
}
.calendar-header {
        color: #FFFFFF;
        background-color: rgb(183,7,7);
}

/* hyperlinks in managed content, portlets */
a, a:link, a:visited, a:active {
        color: rgb(135,6,6);
}

/* The only where I can see 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(45,40,34);
}

/* 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(45,40,34);
}


/* No idea what this does */

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


/* No idea what this does */
.tabletop {
        border-top-color: #999999;
}

/* 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: gray;
}

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

.secondarynav {
        color: rgb(135,6,6);
}

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

/* TAB NAV */
.tabnav {
        color: rgb(45,40,34);
}

.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(183,7,7);
	text-decoration: underline;
}

/* I HAVE NO IDEA WHAT "PLUSNAV" OR "STEPNAV" IS */
.plusnav {
        color: #333399;
}

.plusnav a:link, .plusnav a:active, .plusnav a:visited {
        color: #336699;
}

.plusnav a:hover {
        color: #003366;
}

.stepnav {
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        background-color: #83A1C5;
        font-weight: bold;
}
.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(236,235,222);
	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: white;
                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(45,40,34);
        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(183,7,7);
}
.outlined {
        border-color: lightgrey;
}
.lightseparator {
        border-color: #cccccc;
}

/* THE ONLY PLACE I CAN SEE WHERE THIS IS USED IS IN THE ESTORE FOR PRODUCT CATEGORY LIST SUMMARY VIEW*/
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;
        font-color: #333333;
        background-color: white;
}
/* THE ONLY PLACE I SEE WHERE THIS IS USED IS ON THE MEMBER FORUM PORTLET*/
table.portlet-bold {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(183,7,7);
}

.portlet-bold-header {
        text-align: center;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: #FFFFFF;
        background-color: rgb(183,7,7);
}
.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;
        font-color: #333333;
        background-color: white;
}
td.portlet-bold {
        text-align: left;
        padding-left:   3px;
        padding-right:  3px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

/* NO IDEA WHERE THIS IS USED*/
table.portlet-light {
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-light-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-light-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-light {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

/* VERTICAL NAVIGATION SETTINGS*/

/*

Primary color = 135,6,6
Light Version of primary = 205,225,198
Superlight version of primary = 237,249,233
Dark version of primary color = 183,7,7 ( member forum portlets)
Primary accent = 183,7,7 (Spotlights)
Background color = 201,201,200
Headlines, title = 45,40,34

*/

.vertnav {
padding: 0px 0px 0px 0px;
        background-color: rgb(255,255,255);
}
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:1px;
        border-bottom-color:rgb(198,206,206);
        border-right-style:solid;
        border-right-width:0px;
        border-right-color:rgb(255,255,255);
}

.vertnav-primary a:link, .vertnav-primary a:active, .vertnav-primary a:visited {
  color: rgb(41,41,41);
  text-decoration: none;
}

.vertnav-primary-text {
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 0px;
text-align:right;
	color: rgb(41,41,41);
}

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

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

.vertnav-primary-current, .vertnav-primary-current a:link, .vertnav-primary-current a:active, .vertnav-primary-current a:visited {
	font-weight: bold;
	font-size: 12px;
        color: rgb(41,41,41);
        background-color: rgb(198,206,206);
  text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:7px;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:0px;
        border-right-color:rgb(198,206,206);
text-decoration:none;
}

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

.vertnav-primary-opened a:link, .vertnav-primary-opened a:active, .vertnav-primary-opened a:visited {
  color: rgb(41,41,41);
  text-decoration: none;
font-weight: bold;
	font-size: 12px;
}

.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:0px;
        border-right-color:rgb(198,206,206);
}

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

.vertnav-secondary {
        background-color: rgb(255,255,255);
        text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:30px;
        border-bottom-style:solid;
        border-bottom-width:0px;
        border-bottom-color:white;
        border-right-style:solid;
        border-right-width:5px;
        border-right-color:rgb(255,255,255);
}

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

.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(41,41,41);
        background-color: rgb(255,255,255);
        text-align:left;
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:30px;
        border-top-style:dashed;
        border-top-width:1px;
        border-top-color:rgb(198,206,206);
        border-bottom-style:dashed;
        border-bottom-width:1px;
        border-bottom-color:rgb(198,206,206);
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(198,206,206);
}

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

.vertnav-secondary-text a:link, .vertnav-secondary a:active, .vertnav-secondary a:visited {
	text-decoration: none;
	font-size: 12px;
        color: rgb(41,41,41);
}

.vertnav-secondary a:hover {
}

.vertnav-secondary-hover {
	cursor: pointer;
        background-color: rgb(255,255,255);
        padding-right:3px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:30px;
        border-top-style:dashed;
        border-top-width:1px;
        border-top-color:rgb(198,206,206);
        border-bottom-style:dashed;
        border-bottom-width:1px;
        border-bottom-color:rgb(198,206,206);
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(198,206,206);
}

.vertnav-tertiary {
	padding: 0 0 0 0px;
        background-color: rgb(255,255,255);
        text-align:left;
        padding-right:7px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:35px;
        border-top-style:dashed;
        border-top-width:1px;
        border-top-color:rgb(198,206,206);
        border-bottom-style:dashed;
        border-bottom-width:1px;
        border-bottom-color:rgb(198,206,206);
        border-right-style:solid;
        border-right-width:3px;
        border-right-color:rgb(198,206,206);
}

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




/* 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 {
	padding: 0 0 0 0px;
}
/*
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;
	padding: 5px 20px 5px 20px;
}
/*
Primary nav currently selected page Link.
*/
#dropdownnav a.current {
	color: white;
	background-color: rgb(118,118,118);
	padding: 5px 20px 5px 20px;
}
/*
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;
	padding: 5px 20px 5px 20px;
}
/*
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(255,255,254);
	background-color: rgb(118,118,118);
	padding: 5px 20px 5px 20px;
}
/*
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(118,118,118);
}
/*
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: 12em;
}
/*
The secondary nav links. We set color for the links.
*/
#dropdownnav ul li a  {
	color: white;
        font-weight: normal;
        font-family: arial, "lucida console", sans-serif;
}
/*
a.current is used for any secondary nav that is currently selected.
*/
#dropdownnav ul li a.current  {
	color: rgb(118,118,118);
}
/*
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(205,205,205);
  opacity:.90;
  filter: alpha(opacity=95);
  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: rgb(118,118,118);
  background-color: rgb(205,205,205);
}
/*
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(205,205,205);
	color: black;
        font-weight: normal;
        font-family: arial, "lucida console", sans-serif;
}