/* main.css
    now ECP only - no longer shared with eNet
*/

/* Dec-09 Richard's bio-updates */
@import url(bio-page.css);

body {
	margin: 0;
	padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%; /* Aug 30, 2013: prevent mobile safari from resizing text after load, particularily troublesome within colorbox of right rail slideshow */
}

a {
	text-decoration: none;
	color: #005a8b;
}

a:focus {
    outline: none !important;
}

.non-touch a:hover {
    text-decoration: underline;
}

img {
	border-style: none;
	padding: 0;
	margin: 0;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}
/* ---------- */


/* this rule causes drop targets to display as soon as the content template is chosen,
   --before the drag begins-- (which is much nicer!) */
.draggableReceiver {
	border: 2px dashed #999 !important;
}

.sortable.ui-sortable {
	border: 1px dotted #ff9;
}

/* override 90% from ocms.pageeditor.css */
.ocms-actions {
	font-size: 8px !important;
}

.ocmsHint {
	display: none;
	margin-top: 2px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	color: black;
	background-color: #FF9;
	text-align: left;
}

/* use for (optional) at end of hint */
.ocmsHint span {
	font-weight: bold;
	font-style: normal;
	color: #666;
}

.OCMS-Edit .ocmsHint {
	display: block;
	clear: both;
}
/* --- --- */

.ocmsEditPlaceholder {
	margin: 4px 2px 0 0;
	padding: 10px 20px;
	background-color: #F3F7E3;
	border: 1px dotted #d8d8d8;
	border-right-color: #c8c8c8;
	border-bottom-color: #c8c8c8;
	font-style: italic;
	border-radius: 32px;
}

.utilityHTML {
    /*margin: 10px;*/
    width: 500px;
}

/* --- much of the above should be replaced by ocms-support.css -- */

.OCMS-Edit .tab-panels-container {
	margin-top: 200px;
}

/* not sure exactly who needs the above (could it be in error), but for sure the home page does not */
.OCMS-Edit .pgHome .tab-panels-container {
    margin-top: 0;
}


/* home page, middle, right 'static/manual' slide show */
/* but now also used within a small News Box on the News & Events main page */
.sbwiStaticSlides {
	padding: 20px 10px 4px 10px;
	position: relative;
}

/* now used on News & Events main page too */
.OCMS-Edit .sbwiStaticSlides {
	padding-top: 0;
}

/* .sbwiStaticSlides originated with padding */
.newsBox.sbwiStaticSlides {
	width: 289px;
	height: 226px;
}

.OCMS-Edit .newsBox.sbwiStaticSlides {
	height: 235px;
	padding: 0;
	margin-right: 20px;
}

.sbwiStaticSlides .small-block {
	display: none;
	position: absolute;
	top: 20px;
	left: 10px;
}

.newsBox.sbwiStaticSlides .small-block {
	top: auto;
	padding-top: 10px;
}


/*
.sbwiStaticSlides .small-block-image {
	width: 169px;
	height: 238px;
}
*/

/* this covers both Small Block With Image and Rail Video content */
.tabBox .sbwiStaticSlides .small-block-image img {
	width: 170px;
	height: 238px;
}


.newsBox.sbwiStaticSlides .small-block-image {
	width: 290px;
	height: auto;
}

/* enforce image width! */
.newsBox.sbwiStaticSlides .small-block-image img {
	width: 290px;
}

/* .tabBox with Rail Video known only on home page */

.tabBox span > .right-rail-video-container {
	position: relative;
}

.tabBox .right-rail-imageblock-content-container,
.sbwiStaticSlides .small-block-content {
	width: 168px;
	position: absolute;
	top: 0;
	left: 182px;
	font-size: 12px;
}

.newsBox.sbwiStaticSlides .small-block-content {
	position: static;
	width: 270px;
	padding-top: 10px;
}

.sbwiStaticSlides .small-block-content a:hover {
	text-decoration: none;
}

.sbwiStaticSlides .right-rail-imageblock-title,
.sbwiStaticSlides h1,						/* also for Rail Video on home page, from {title text} */
.sbwiStaticSlides .small-block-title,		/* for N&E */
.sbwiStaticSlides .small-block-title a {	/* used on home page */
	font-size: 18px;
	color: #71B600;
	font-weight: bold;
	line-height: 1.1;
	margin-top: 0;
}

.sbwiStaticSlides .small-block-text {
	margin: 15px 0;
	line-height: 1.3;
}


.newsBox.sbwiStaticSlides .small-block-text {
	margin: 0 0 5px 0;
}

.newsBox.sbwiStaticSlides .small-block-title + .small-block-text {
	margin: 5px 0;
}


.sbwiStaticSlides .small-block-text a {
/* was this supposed to be here? a forgotten test?	color: #444; */
}

.sbwiStaticSlides .small-block-more a {
	color: #18588B;
}

.newsBox.sbwiStaticSlides .small-block-more a {
	font-weight: bold;
}


.sbwiStaticSlides .small-block-more a:hover {
	border-bottom: 1px solid #18588B;
}

/* sbwiStaticSlides slide show navigation bullets */
.ssBulletNav {
	position: absolute;
	right: 10px;
	top: 250px;
	width: 150px;
	text-align: right;
	height: 10px;
}

.newsBox .ssBulletNav {
	top: auto;
	bottom: 10px;
}

.ssBulletNav > * {
	width: 12px;
	height: 12px;
	display: inline-block;
	cursor: pointer;
	float: none;
	margin: 0 0 0 8px;
	vertical-align: bottom;
}

.ssBNPrev {
	background: url(images/ssBNPrev8.png) no-repeat left 2px;
	width: 8px;
}

.ssBNNext {
	background: url(images/ssBNNext8.png) no-repeat left 2px;
	width: 8px;
}

.ssBulletNav b {
	background-color: #64625D;
}

.ssBulletNav b.active,
.ssBulletNav b:hover {
	background-color: #85B21A;
}

.profit .ssBulletNav b.active,
.profit .ssBulletNav b:hover {
	background-color: #F1990E;
}

/* --- Table Formatting - Requires .datagrid class --- */

/* moved to .datagrid class
.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
} */

.datagrid {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	overflow: hidden;
	border: 2px solid #8C8C8C;
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.datagrid td,
.datagrid th {
	padding: 3px 10px;
}

.datagrid thead th {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
	background:-moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
	background-color:#8C8C8C;
	color:#FFFFFF;
	font-size: 15px;
	font-weight: bold;
	border-left: 1px solid #A3A3A3;
}

.datagrid thead th:first-child {
	xborder: none;
}

.datagrid tbody td {
	color: #000000;
	border-left: 1px solid #DBDBDB;
	font-size: 12px;
	font-weight: normal;
}

.datagrid tr:nth-child(even) {
	background: #EBEBEB;
	color: #000000;
}

.datagrid tbody td:first-child {
	xborder: none;
}

/* --- Term Sheet PDF formatting --- */

.term-sheet-footer ul,
.term-sheet-footer li {
	list-style: none;
}

.pdf .term-sheet-pdf ul {
	list-style-image: url(images/blue-bullet12x7.gif); 
}

.pdf .term-sheet-footer ul {
	list-style: none;
	margin-top: -5px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
	margin: auto; 
	display: inline-block;
	
	float: none !important;
}

.pdf .term-sheet-footer li {
	list-style: none;
	background: url(images/blue-bullet12x7.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-top: 3px;

	display: inline;

	margin-left: 10px !important;
	padding-left: 20px;
}

.pdf .term-sheet-footer li span{
	vertical-align: bottom;
	line-height: 1.0em;
}


.pdf .term-sheet-footer li:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

.term-sheet-pdf ul li {
	padding-left: 15px;
}

.term-sheet-pdf .term-sheet-image {
	display: none;
}

.term-sheet-pdf .term-sheet-content,
.term-sheet-pdf .term-sheet-citations {
	margin: 0 60px;
	font-size: 14px;
	height: 100%;
	line-height: 20px;
}

.term-sheet-header {
	line-height: 0.0;
}

.term-sheet-pdf .term-sheet-logo {
	padding-top: -25px;
	position: relative;
}

.term-sheet-pdf .term-sheet-logo img {
	padding-left: 470px;
	width: 240px;
}

.term-sheet-pdf {
	height: 100%;
}

.term-sheet-pdf p {
	text-align: justify;
}

.term-sheet-pdf h2,
.term-sheet-pdf h3 {
	font-family: sans-serif;
	font-weight: bold;
	color: #0066a4;
}

.term-sheet-header {
	line-height: 0.0;
}

.term-sheet-content h2,
.term-sheet-citations h2 {
	margin: 1em 0 1em 0 !important;
}

.term-sheet-content hr{

}

.term-sheet-pdf h2 {
	border-bottom: 1px solid black;
	font-size: 20px;
}

.term-sheet-pdf h2 + p,
.term-sheet-pdf h3 {
	text-transform: uppercase;
	font-size: 14px;
}

.term-sheet-pdf h2 + p {
	color: #7f7f7f;
	font-family: sans-serif;
	font-weight: bold;
	margin-top: 2px;
	text-align: left;
}

.term-sheet-pdf-link {
	margin-top: 20px;
	margin-bottom: 10px;
}

.term-sheet-pdf h1 {
	text-transform: uppercase;
}

.h1Futura h1,
.h2Futura .term-sheet-pdf h2, 
.loan-fund.h2Futura .term-sheet-pdf h2,
.h3Futura .term-sheet-pdf h3, 
.loan-fund.h3Futura .term-sheet-pdf h3  {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.h1Arial h1,
.h2Arial .term-sheet-pdf h2, 
.loan-fund.h2Arial .term-sheet-pdf h2,
.h3Arial .term-sheet-pdf h3, 
.loan-fund.h3Arial .term-sheet-pdf h3  {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.h1TimesNewRoman h1,
.h2TimesNewRoman .term-sheet-pdf h2,
.loan-fund.h2TimesNewRoman .term-sheet-pdf h2,
.h3TimesNewRoman .term-sheet-pdf h3,
.loan-fund.h3TimesNewRoman .term-sheet-pdf h3 {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.h1Capitalize h1,
.h2Capitalize .term-sheet-pdf h2
.loan-fund.h2Capitalize .term-sheet-pdf h2,
.h3Capitalize .term-sheet-pdf h3,
.loan-fund.h3Capitalize .term-sheet-pdf h3  {
	text-transform : capitalize;
}

.h1LowerCase h1,
.h2LowerCase .term-sheet-pdf h2, 
.loan-fund.h2LowerCase .term-sheet-pdf h2,
.h3LowerCase .term-sheet-pdf h3, 
.loan-fund.h3LowerCase .term-sheet-pdf h3 {
	text-transform : lowercase;
}

.h1UpperCase h1,
.h2UpperCase .term-sheet-pdf h2,
.loan-fund.h2UpperCase .term-sheet-pdf h2,
.h3UpperCase .term-sheet-pdf h3,
.loan-fund.h3UpperCase .term-sheet-pdf h3  {
	text-transform : uppercase;
}

.term-sheet-copyRightDate {
	display:block;
	clear:both;
}

.term-sheet-copyright {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	display: inline;
	float:left;
	vertical-align: bottom;
}

.term-sheet-publish-date {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	/*display: block;*/
	display: inline;
	float:right;
	position: fixed;
	/*clear: both;*/
	right: 0px;
	vertical-align: bottom;
	/*margin-bottom: 25px;*/
}

.term-sheet-text-header img{
	float: left;
	display: inline;
	margin-top: 5px;
}

.term-sheet-text-header h2{
	/*float: right;*/
	display: inline;
	/*text-align: right;*/
	vertical-align: top;
	line-height: 25px;
	font-weight: normal;
	margin-top: 3px;
	color: #0066a4;

}

.term-sheet-text-header hr{
	line-height: 1px;
}

.header {
	width: 100%;
}

.header_left {
	float: left;
	/*position: absolute;*/
}

.term-sheet-text-header {
	width: 100%;
	/*text-align: right;*/
	vertical-align: top;
	margin-top: 15px;
}

.pdf .term-sheet-logo {
	position: absolute;
	top: 12px;
}

.term-sheet-footer {
	line-height: 1px;
	margin: 0 auto;
	text-align: center !important;

}

.term-sheet-footer ul {
	float:left;
	padding: 0;
	margin: 0 auto;
}

.term-sheet-footer hr{
	margin-top: 15px;
	line-height: 5px;
	margin-bottom: 2px;
}

.OCMS-Edit .PDFPageBreakIndicator{
	display: block;
}

.PDFPageBreakIndicator {
	display: none;
}

body, .pdfBody {
	height: 100%;
}

/* --- Term Sheet PDF formatting - Loan Fund client --- */

.loan-fund .term-sheet-pdf ul {
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0 0 0 20px;
}

.loan-fund .term-sheet-pdf ul li {
	background-image: url(images/blue-bullet6x6.png);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	padding-left: 18px;
	line-height: 1.3em;
}

.loan-fund .term-sheet-pdf ul ul {
	padding-left: 0;
}

.loan-fund .term-sheet-pdf .term-sheet-image {
	display: none;
}

.loan-fund .term-sheet-pdf .term-sheet-content {
	margin: 0 38px;
	font-size: 14px;
}

.loan-fund .term-sheet-pdf .term-sheet-logo {
	padding-top: -25px;
	position: relative;
}

.loan-fund .term-sheet-pdf .term-sheet-logo img {
	padding-left: 470px;
	width: 240px;
}

.loan-fund .term-sheet-pdf p {
	text-align: justify;
}

.loan-fund .term-sheet-pdf h2,
.loan-fund .term-sheet-pdf h3 {
	font-family: sans-serif;
	font-weight: bold;
	color: #005E96;
	margin-bottom: 0;
	margin-top: 16px;
}

.loan-fund .term-sheet-content h2 {
	margin: 1em 0 1em 0 !important;
}

.loan-fund .term-sheet-pdf h2 {
	border-bottom: 1px solid #1A1919;
	padding-bottom: 5px;
	font-size: 20px;
}

.loan-fund .term-sheet-pdf h2 + p,
.loan-fund .term-sheet-pdf h3 {
	text-transform: uppercase;
	font-size: 14px;
}

.loan-fund .term-sheet-pdf h2 + p {
	color: #7f7f7f;
	font-family: sans-serif;
	font-weight: bold;
	margin-top: 2px;
	text-align: left;
}

.loan-fund .term-sheet-pdf-link {
	position: relative;
	top: 90px;
}


/* --- --- */

.left-body-shadow {

    background-image:url('../images/shadow-border-left.png');
    background-repeat: repeat-y;
    float:left;
    width: 960px; /*1012*/
    padding-left:26px;

}

.right-body-shadow {

    background-image:url('../images/shadow-border-right.png');
    width:986px;
    background-repeat: repeat-y;
    background-position: right;
    float:left;

}

.page-container {
    margin: auto;
    text-align: center;
    width: 960px;
    padding: 0;
}

.OCMS-Edit .page-container {
	width: 1024;
}

.body-container {
    width: 960px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}


.header-container {
    height: 131px;
    border-bottom: 3px solid #64625d;
    color: #64625d;
    font-size: 14px;
    position: relative;
}

.header-left {
    float: left;
    width: 700px;
}

.header-right {
	float: left;
	width: 250px;
	height: 100px;
}

.header-description{
	float: left;
	margin-left: 27px;
	margin-top: 70px;
	width: 352px;
}

.header-description p {
    margin: 0;
}

.header-image {
    width:242px;
    height:59px;
    background-image:url('../images/enterprise_logo_242.png');
	background-repeat: no-repeat;
    margin-top:36px;
    margin-left:25px;
    float:left;
    cursor: pointer;
}

.header-logo {
    width:226px;
    height:56px;
    margin-top:31px;
    margin-left:25px;
    float:left;
    cursor: pointer;
}

.headerBG1 {
    background-image:url('../images/enet-h1.jpg');
}
.headerBG2 {
    background-image:url('../images/enet-h2.jpg');
}
.headerBG3 {
    background-image:url('../images/enet-h3.jpg');
}

.headerBG1, 
.headerBG2, 
.headerBG3 {
    background-image:url('../images/enet.png');
}



.header-menu {
    float: left;
    height: 100px;
    margin-top: 7px;	/* attempt baseline alignment with longer slogan text */
}

.header-container .header-menu a {
    color: #005a8b !important;
    text-decoration: none;
}

.header-container .header-menu .header-login a {
	color: #000 !important;
	font-weight: bold;
}

.header-container .header-menu .header-login a:hover {
    border-bottom: 1px solid #000;
}

.header-container .header-menu .header-spacer {
	visibility: hidden;
}

.non-touch .header-menu a:hover {
    /*text-decoration: underline;*/
    border-bottom: 1px solid #005a8b;
}

.header-menu .root-level-list {
    padding-left: 0;
    float: left;
}

.header-menu ul + ul {
    margin: 0 10px 0 25px;
}

/* DELETE ME
.header-menu .root-level-list:first-child {
	width: 132px !important;	/* damn multi-column hack always adds in-line width!
}
*/

.header-menu li {
    list-style: none;
    font-size: 14px;
    /*height: 18px;*/
    line-height: 2;
}

.header-menu .menu {
  /*margin-top: 12px;*/
  /*margin-bottom: 12px;*/
}


/* target the (usually two) menu lists created from one longer one at the page top-right */
.header-menu ul {
	margin: 0;
	width: auto !important;     /* override nasty multi-column.js hack */
}

.intra-menu-container,
.menu-container {
    border-bottom:1px solid #64625D;
    color:#000000;
    float:left;
    font-size:14px;
    font-weight:bold;
    height:53px;
    width: 100%;
}

.intra-menu-container a,
.menu-container a {
    color: black;
}


.intra-menu-container a:hover,
.menu-container a:hover{

    color:#729b0d;
}
.profit .intra-menu-container a:hover {
    color: #E17E09;
}

.intra-menu-container ul,
.menu-container ul {
    padding: 0;
    margin-top:18px;
    width:710px;
    margin-left:0px;
    float:left;
}

.intra-menu-container li,
.menu-container li{

    margin-top:5px;
    padding: 15px 10px 15px 15px;
    list-style:none;
    display:inline;
    border-left: 1px solid #dfddd5;
}

.intra-menu-container ul {
  width: 950px;
}

.intra-menu-container li {
  padding-left: 13px;
}

.intra-menu-container .first,
.menu-container .first{

    border-left: 0px;

}

.search-container {
    width:249px;
    float:left;
    margin-top:8px;
}

.OCMS-Edit .search-container {
	width: 300px;
}

.menu-container input,
.search-container input{
    font-style: normal !important;
    width:211px;
    height:18px;
    border:1px solid #dfddd5;
    float:right;
    padding:5px;
    padding-right: 30px;
    background-image:url('../images/search-magnify.png');
    background-repeat:no-repeat;
    background-position:right center;
    font-size: 12px;
    font-weight: bold;
    color: #888888;
}

.ocms-search-btn {
	background: transparent;
	border: none;
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 0;
	width: 28px;
	height: 28px;
}

.menu-search-container{

    width:240px;
    float:right;
    margin-top:10px;
}

#login-status {
    color: #116593;
    float: left;
    margin: 10px 0 10px 0;
    text-align: right;
    width: 300px;

}
#login-status > span {
    float: left;
}
#login-status > div {
    float: left;
}

.login-status-bp{
  color: #64625D;
}

.content-container{
	background: #FFFFFF;
	float: left;
	font-size: 14px;
	padding: 10px 0px 10px 20px;
	width: 930px;
	/*yy   padding: 5px 0px 10px 20px;*/
	/*   border-left: 1px solid #dfddd5; */
}

.level3page .content-container,
.pgLev3L4PTL .content-container {
	width: 936px;		/* should this be the new standard? */
}

.OCMS-Edit .level3page .content-container {
	width: 1120px;	/* should this be the OCMS-Edit standard? */
}

.pgLev2L3P .content-container {
	width: 940px;		/* should this be the new standard? */
}

.widePage .content-container {
	padding: 4px 2px !important;
	width: 952px !important;
}

.level1LandingNews .content-container {
   padding: 4px 5px 4px 4px !important;
   width: 949px !important;
}


.content-left-nav {
	width: 195px;
	float: left;
}

.OCMS-Edit .content-left-nav {
	width: 320px;
	margin-left: -200px;
}

.OCMS-Edit .pgRoseYearbook .content-left-nav {
    margin-left: 0;
}

/* this rule won't affect img's within a Text Block inside .content-left-image */
.content-left-image > span > span > img {
    max-width: 195px;
    margin-bottom: 10px;
}

.content-left-nav ul {
    margin:0px;
    padding:0px;
    list-style-type: none;
}

.content-left-nav .root-level-item {
    width:195px;
    padding: 8px 0px 8px 0px;
    border-bottom: 1px solid #dfddd5; 
    list-style:none;
    margin:0px;

}

.content-left-nav .last {
    border-bottom: 0;
}

.content-left-nav .root-level-item a{
    font-size:13px;
    color:#005a8b;
    font-weight:bold;
    padding:0px;
    margin:0px;
}

.content-left-nav .level-1-list a {
	font-weight: normal !important;
}

.content-left-nav a:hover {
    /* color:#78a310; */
    cursor: pointer;
}

.content-left-nav .active a {
 /*   color:#78a310; */
    cursor: pointer;
}

.content-left-nav .level-1-list {
    margin:0px;
    padding:0px;
    display:none;
}

.content-left-nav .level-1-list .level-1-item {
    padding: 4px 0px 2px 10px !important;
}

.content-left-nav .level-1-list .level-1-item a {
    font-size: 11px;
    display: block;
}

.content-left-nav .level-2-list .level-2-item {
    padding: 0px 0px 2px 15px !important;
}

.content-left-nav .level-2-list .level-2-item a {
    display: block;
    font-size: 13px;
}

.content-left-nav .level-3-list .level-3-item {
	padding: 7px 0 5px 10px !important;
}

.content-left-nav .level-1-item {
    width:240px;
    padding:0px 0px 0px 0px;
    list-style:none;
    margin:0px;
}

.content-left-nav .level-1-item a{
    font-size:12px;
    color:#005a8b;
    font-weight:normal;
}

.content-left-nav .root-level-item.active .level-1-list {
    display:block;
}

/* -extra is within .content-left-nav for Level 2 and 3 pages */
.content-left-extra {
	margin-top: 10px;
}

.content-left-extra.top {
	margin-top: 0;
}

/* using Small Block for Donate/Invest "buttons", we don't want the content name here */
.content-left-extra h1.small-block-title {
	display: none;
}

.content-left-extra p.small-block-text {
	background: url(../images/button-profit-60px.jpg) top left repeat-x;
	/* height: 60px; provided by enclosed a */
}

.content-left-extra p.small-block-text:hover {
	background-image: url(../images/button-profit-60px-h.jpg);
}

.non-profit .content-left-extra p.small-block-text {
	background-image: url(../images/button-nonprofit-60px.jpg);
}

.non-profit .content-left-extra p.small-block-text:hover {
	background-image: url(../images/button-nonprofit-60px-h.jpg);
}


.content-left-extra p.small-block-text a {
	display: block;
	padding-top: 20px;
	height: 40px;
	color: white;
	font-size: 18px;
	text-align: center;
}

.content-left-extra p.small-block-text a:hover {
	color: white !important;
}


.content-left-extra .document-1-title {
	font-size: 15px;
	color: white;
	background-color: #E17E09;
	padding: 8px;
	font-weight: normal;
}

.non-profit .content-left-extra .document-1-title {
	background-color: #729b0d;
}

.content-left-extra .document-1-content {
	margin: 10px;
	font-size: 12px;
}

/* links within -left-extra subject to same colouring rules as outside
.content-left-extra .document-1-content a {
	color: #005A8B;
}
*/

.content-body {
    width: 721px;
    float: left;
    margin-left: 14px;
}

.OCMS-Edit .pgRoseYearbook .content-body {
    width: 500px;
}

.content-body hr {
	height: 1px;
	border: none;
	background-color: #999;
}

.level3page .content-body,
.pgLev3L4PTL .content-body {	/* should now be redundant, remove when proven safe */
	width: 726px;
	margin-left: 15px;
}

.OCMS-Edit .pgLev3L4PTL .content-body {
	width: 970px;	/* !! */
}

.OCMS-Edit .pgLev3CCW .content-body {
	width: 940px;
}

/* FF not Chrome requires this for 3LDS */
.middleContainer {
	clear: both;
}

/* level 3 - Landing Dynamic Spotlight
	and    - Landing with Right Rail

	now replace div.content-body with table.xcontent-body.cbTable in order for
	content-body-left and content-body-right (formerly div's now td's) to be equal height

	content body Table
*/

.cbTable {
	border-collapse: collapse;
/*	border-spacing: 10px 0;	not in IE7 sux! */
	border: none;
	position: relative;
	left: 0;
	top: 0;
}

		/*  non 3LDS page different wrapping
.pgLev3LDS .cbTable {
	left: 0;
}
		*/

.cbTable th {
	vertical-align: middle;
	color: white;
	padding: 0.5em 0 0.5em 10px;
	background-color: #729b0d;	/* non-profit green default */
    border: 1px solid  #729b0d;
	border-bottom: none;	/* prevent, at least Chrome, from 1 px sloppy corner */
	font-size: 1.1em;
	font-weight: normal;
}

.profit .cbTable th {
	background-color: #E17E09;
	border: 1px solid  #E17E09;
	border-bottom: none;	/* prevent, at least Chrome, from 1 px sloppy corner */
}

.cbTable td {
	border: 1px solid #e1dfdf;	/* match public-rail.css */
	border-top: none;
	border-bottom: none;
	vertical-align: top;
	padding: 0 10px;
}

.cbRowTop td {
	border: 1px solid #e1dfdf;
	border-bottom: none;
	padding-top: 10px;
}

.cbRowBottom td {
	border: 1px solid #e1dfdf;
	border-top: none;
	padding-bottom: 10px;
}

/*	TO DO! now likely obsolete?
.pgLev3LDS .cbTable td {
	padding: 10px 10px 0 10px;
}

.pgLev3LDS .cbTable td.cbRight.noPadding {
	padding-bottom: 35px !important;	/* still not sure why 35 here but 45 above *-/
}
*/

tr td.cbGap {
	width: 10px !important;
	border: none !important;
	padding: 0 !important;
}

.cbLeft {
	width: 408px;	/* 430 = 410 + 10 + 10 + 1 + 1 */
}

.cbRight {
	/*width: 258px;	/* 280 = 250 + 10 + 10 + 1 + 1 */
	width: 264px;	/* a mystery so far */
}

.cbRight.noPadding {
	width: 278px;
}


.cbRight img {
	max-width: 260px;
}


.noPadding {
	padding: 0 !important;
}

.noTopPadding {
	padding-top: 0 !important;
}


.OCMS-Edit .cbTable {
	width: 775px;
}



/* gets the gallery and horizontal carousel back close to the right edge as per mock-ups */
.pgLev2L4B4PCar .content-body {
	width: 710px;
	margin-left:25px;
}

.pgLev2L3P .content-body {
	margin-left: 24px;
}

.widePage .content-body {
    margin-left: 0px !important;
    width: 961px !important;
}

/* what? why?  (and, sometimes nothing in ECP since colorbox inserts itself as body's first children) */
body.IE7 > span:first-child {
	position: relative;
	z-index: 1;
}

.IE7 #TB_window {
	z-index: 100;
}

.pgLev1LandingMap .content-body {
	width: 950px !important;	/* was 950px; while its container .content-container 930px */
	margin-left: 10px;
}

/* lives on pgLev1LandingMap */
.mapAdditionalText {
	width: 890px;
}

.content-body-full{
    width:960px;
    float:left;
}

.content-container-full{
   float:left;
   background:#FFFFFF;
   width:950px;
   padding:10px 0px 10px 0px;
}

.content-header-container {
	background-image: url('../images/green-header-gradient.png');
	background-size: 1px 85px;
	background-repeat: repeat-x;    
    height: 85px;
    margin-top: 1px;
    float: left;
    width: 950px;
}

.OCMS-Edit .content-header-container{
	height: 85px;
}

.non-profit .content-header-container {
    background-image:url('../images/green-header-gradient.png') !important;
}
.profit .content-header-container {
    background-image: url("../images/header-bg-orange.jpg") !important;
}

.breadcrumb-container {
	color: #FFFFFF;     
    float: left;
    font-weight: bold;
    font-size: 13px;
    height: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 15px;
}

.content-header-title,
.content-header-title-nostaffbtn {
	font-size: 26px;
    color: white;
    float:left;
	width: 650px;
	/* now an h1; when SF's common.css included it was setting margin to 0 */
	margin: 0 0 0 19px;
/*    margin-left:20px; */
/*    margin-top: -35px; */
}

.OCMS-Edit .content-header-title {
	font-size: 1em;
	margin-top: 18px;
}


.content-header-right-container{
    color: white;
    float: left;
    font-family: Arial;
    font-size: 13px;
    margin-right: 13px;
    width: 260px;
}

.content-header-left-container {
	width: 675px;
	float: left;
}

.bottom-image-container{
    float:left;
    margin-top: 25px;
    /*x some pages want 20px? */
}

.pgLev2L2B .bottom-image-container,
.pgLev2L3P .bottom-image-container,
.pgLev2L4P .bottom-image-container {
	margin-top: 0;
	/* spacing provided by correctly sized div.rotator with bottom-margin: 10px above */
	/*
		- related to .gallery's bottom margin value of -15px in scroll.css or
		  main.css's #content-carousel .gallery's value of 10px
		- in need of a wtf cleanup
	*/
}

.OCMS-Edit .bottom-image-container {
	border: 1px solid black;
	width: 950px;	/* ugh, wider than necessary some times */
	background-color: #f8f8f8;
}

.OCMS-Edit .pgLev3LDS .bottom-image-container {
	width: 750px;
}

.level1LandingPhoto .bottom-image-container {
    margin-top: 0px! important;
}

.level2Landing4Button .bottom-image-container {
    margin-top: 1px !important;		/* used to be 0, then briefly 4 */
}

.bottom-image-item {
    border:#c8c6be 1px solid;
/*x    width:228px;	*/
    float:left;
    margin: 0 9px 10px 5px;

    background: transparent;
    width: 168px;

    position: relative;
    overflow: hidden;
}

.OCMS-Edit .bottom-image-item {
	width: 225px;
}

.level1LandingPhoto .bottom-image-item {
    width: 228px !important;
    margin-right: 10px;
}

.bottom-image-item img.photoFiller1 {
    width: 228px;
    height: 251px;
    padding: 0;
}

.landingPhotoView .greenBox a {
    background-image: url("../images/small-button-gradiant.png");
    background-repeat: repeat-x;
    color: white !important;
    height: 20px;
    padding: 7px;
    text-align: center;
    width: 176px;
}

.landingPhotoView .bottom-image-item {
    margin-left: 0px !important;
}


.bottom-two-column-item {
    width:468px;
    height:250px;
    border:#c8c6be 1px solid;
    float:left;
    /*margin:0px 5px 0px 5px;*/
    margin: 0px 10px 11px 0px !important;
    position:relative;
}

.bottom-two-column-item .small-block-image img {
	width: 468px;
	height: 250px;
}

.bottom-two-column-item-button {
    width:468px;
    height:250px;
    border:#c8c6be 1px solid;
    float:left;
    /*margin:0px 5px 0px 5px;*/
    margin-left: 10px;
    position:relative;
}

.bottom-two-column-item-opacity-overlay {
    height:230px;
    width:443px;
    z-index:1;
    background-image:url('../images/two-column-opacity-overlay.png');
    position:absolute;
    left:0px;
    top:0px;
    padding-top:20px;
    padding-left:20px;
    color:#292721;
    font-size:23px;
}

.bottom-two-column-item-green-button {
    background-image: url("../images/small-button-gradiant.png");
    background-repeat: repeat-x;
    color: #FFFFFF;
    height: 20px;
    padding: 7px;
    text-align: center;
    width: 176px;
}

.bottom-two-column-item-opacity-overlay .bottom-two-column-item-green-button a {
    color: white;
}

.bottom-two-column-item-opacity-overlay h1 {
    font-size:26px;
    margin:0px;
    padding:0px;
    width: 215px;
}

.bottom-two-column-item-opacity-overlay a{
    color:#005a8b !important;
    font-size:14px !important;
    font-weight:bold;
    margin:0px !important;
    padding:0px;
    display: block !important;
    width: 200px;
}

.bottom-image-description {
    color:#729b0d;
    float:left;
    background:#FFFFFF;
    overflow: hidden;
    height: 49px !important;
    padding: 0 !important;
    margin: -49px 0px 0px 0px;
    position: absolute;

	width: 168px;
}

.IE7 .bottom-image-description {
	height: 53px !important;
	margin: -53px 0 0 0;
}

.OCMS-Edit .bottom-image-description {
	width: auto;
}

/*
	Gack! This rule is 95% duplicated below and all of these were being overridden anyway
.bottom-image-description a {
    color: #85B21A;
    display: block;
    margin: 0;
    padding: 0 !important;
    font-size: 16px;
}
*/


.bottom-image-description-inner-wrapper{
    vertical-align:middle;
    display: table-cell;
    height:44px;
}

.bottom-image-inner-content {
    position: inherit;
    top: 0;
    width: 150px;	/* not appropriate for all, perhaps for 4 boxes */
}

.pgLev2L3P .bottom-image-inner-content {
    width: 190px;	/* 3 photo boxes */
}


.OCMS-Edit .bottom-image-inner-content {
	width: auto;
}

.bottom-image-container a {
    padding:0px;
    margin-right:10px;
    cursor:pointer;
}


a.bottom-image-arrow {
	position: absolute;
	right: 10px;
	bottom: 16px;
	/*font-size: 1.3em !important; now too big; 1em should be fine (except in IE) */
}

.IE a.bottom-image-arrow {
	bottom: 19px;
	font-size: 1.3em;
}

.OCMS-Edit a.bottom-image-arrow {
	display: none !important;
}

a.bottom-image-arrow:hover {
	text-decoration: none;
	color: white;
}

.eci-container .bottom-image-desc-hilite {
    background:#729b0d;
    color:#FFFFFF;
}


.eci-container .bottom-image-arrow{
    background-image:url('../images/green-arrow-right.png');
    background-position:center left;
    background-repeat:no-repeat;
    width:18px;
    height:49px;
    float:left;
}

.eci-container .bottom-image-arrow-hilite {
    background:#729b0d;
    color:#FFFFFF;
    background-image:url('../images/white-arrow-right.png');
    background-position:center left;
    background-repeat:no-repeat;
}

.icon-container{
    width:260px;
    height:14px;
    padding-top:8px;
    padding-bottom:8px;
    float:right;
    margin: 3px 0px 3px 3px;
}
.icon-container > span {
    float: left;
    width: 75px;

}
.icon-item{
    width:59px;
    border-right: 1px solid #688f0a;
    float:left;
    height:14px;
    padding-left:13px;
}

.icon-last-item{
    width:59px;
    float:left;
    height:14px;
    padding-left:13px;
    float:left;

}

.print-icon{

    width:40px;
    height:14px;
    background-image:url("../images/print-icon.png");
    background-repeat:no-repeat;
    padding-left:20px;

}

.email-icon{

    width:40px;
    height:14px;
    background-image:url("../images/email-icon.png");
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:17px;
}

.share-icon{

    border-right: 0px;
    width:40px;
    height:14px;
    background-image:url("../images/share-icon.png");
    background-repeat:no-repeat;
    padding-left:20px;

}

/* Staff Contacts */
.contacts-container {
    background: #9ac22b;
    float: right;
    margin-top: 10px;
    padding: 5px 35px 0px 30px;
    width: 100px;
}

.OCMS-Edit .contacts-container {
	width: 220px;
	padding-left: 10px;
}

.droppable-contacts {
	display: none;
}

.OCMS-Edit .droppable-contacts {
	display: block;
	width: 350px;
	margin-left: 110px;
	height: 34px;
	float: none;
}

.no-contacts-container {
    height:22px;
    width:172px;
    padding: 5px 30px 0px 30px;
    background:none;
    float:right;
}

.contacts-container a {
    font-size: 13px;
    color: white !important;
    font-weight: bold;
}

.contacts-container {
	display: none;
}

.OCMS-Edit .contacts-container {
	display: block;
}

.footer-container {
    text-align: left;
    float: left;
}

.footer-signup-container {
	background-color: #18588B;
	color: white;
	float: left;
	font-size: 18px;
	height: 34px;
	padding: 18px 0 18px 25px;
	width: 935px;
	position: relative;
}

/* will others need this too? */
.pgLev2L4B4PCar .footer-signup-container {
	margin-top: 5px;
}

.OCMS-Edit .footer-signup-container {
	font-size: 1em;
	height: 150px;
}

.footer-signup-description {
	float: left;
	margin: -4px 4px 0 0;
	width: 185px;
	line-height: 1.2;
}

.OCMS-Edit .footer-signup-description {
	margin-left: -100px;
	width: 285px;
}

.footer-signup-small-text {
    font-size:13px;
}

/* this is the containing div, not an input element */
.footer-signup-input {
	float: left;
	height: 35px;
	width: 310px;
}

.OCMS-Edit .footer-signup-input {
	width: 390px;
}

.footer-signup-input input[type="text"] {
	height: 24px;
	border: none;
	border: 1px solid #999;
	border-color: #999 #333 #333 #999;
	margin: 0;
	font-size: 12px;
	width: 215px;
	padding-left: 4px;
}

.IE7 .footer-signup-input input[type="text"] {
	width: 200px;
	height: 19px;
	padding-top: 5px;
}

.hintText {
	color: #828282;
}

.footer-signup-input input[type="submit"] {
	background-color: #DB7F14;
	color: white;
	border: none;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	padding: 5px 10px;
	text-align: center;
	margin: 4px 0 1px 4px;
	cursor: pointer;
	vertical-align: bottom;	/* this one's for IE8 */
}

.IE7 .footer-signup-input input[type="submit"] {
	height: 27px;
	margin: 0 0 1px 8px;
	position: relative;
	left: 0;	/* ...and a new IE7 hack is born */
}

.footer-signup-input input[type="submit"]:hover {
	color: black;
}

.intra-footer-copyright-container,
.footer-copyright-container{
    background:#dfddd5;
    padding: 20px;
    font-size:11px;
    color:#646360;
    float:left;
    width:920px;
    border-bottom:1px #bfbdb7 solid;
    font-family: arial;
}

.intra-footer-copyright-container {
  margin-top:  20px;
}

.footer-copyright-charity-navigator {
	float: right;
}

/* Override so panel expands full width in Content Editor */
.OCMS-Edit .footer-copyright-charity-navigator {
	float: none;
}

.footer-copyright-charity-navigator img {
	max-width: 160px;
}

.footer-copyright-charity-navigator p {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
}

.footer-copyright-description {
    width: auto;
	overflow: hidden;
	padding-right: 20px;
	text-align: justify;
}

/* Override so panel expands full width in Content Editor */
.OCMS-Edit .footer-copyright-description {
	padding-right: 0px;
}

.intra-footer-copyright-menu {
	float: right;
	height: 25px !important;
	margin-bottom: 10px;
	width: 340px !important;
}

.intra-footer-vertical-menu .root-level-item {
  height: 100% !important;
  text-align: left;
}

.footer-copyright-menu {
    float: none;
    height: 40px;
}

.intra-footer-copyright-menu a,
.footer-copyright-menu a {
    color: black !important;
    font-size: 14px;
}

.intra-footer-copyright-menu a {
  color: #116593;
}

.intra-footer-copyright-menu .first,
.footer-copyright-menu .first {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-left: 0;
}

.intra-footer-copyright-menu ul,
.footer-copyright-menu ul {
    margin: 0;
    padding: 0;
}

.intra-footer-copyright-menu li,
.footer-copyright-menu li {
    border-left: #b5b5b3 solid 1px;
    display: inline;
    height: 14px;
    list-style: none;
    margin-left: 17px;
    padding-left: 17px;
}

.intra-footer-network-icons {
    float: right;
    width: 294px;
/*    background-image: url("../images/social-network-bg.jpg"); */
    background-repeat: no-repeat;
}

.footer-social-media {
	float: right;
	margin: 0 10px 0 2px;
}

.OCMS-Edit .footer-social-media {
	position: absolute;
	left: 650px;
	top: auto;
	float: none;
}

.footer-social-media-text {
	color: white;
	float: left;
	font-size: 13px;
	height: 30px;
	padding: 10px 10px 0 10px;
	font-family: arial;
	border-left: 1px solid #2E7CBC;
	font-weight: bold;
}

.OCMS-Edit footer-social-media-text {
	margin-left: -50px;
}

.footer-social-media-icons {
    height:30px;
    float:left;
    padding: 7px 0px 0px 5px;
}

.footer-social-media-icons .horizontal-image-bar-image {
/*	preferred, but not enforced: rely on the images themselves
	width: 20px;
	height: 20px;
*/
  margin: 0 15px 0 0;
}

.footer-vertical-menus-container {
	display: none;
/*	2011-Sep-18 removing footer menu entirely...
	border-top: 1px solid #bfbdb7;
    font-size:11px;
    padding-top: 5px;
*/
}

/*... but leave it in editor so they can remove the content */
.OCMS-Edit .footer-vertical-menus-container {
	display: block;
}

.intra-footer-vertical-menus-container {
  font-size: 11px;
  padding-top: 0px;
}

.intra-footer-vertical-menus-container ul,
.footer-vertical-menus-container ul {
    list-style:none;
    margin:0px;
    padding:0px;
    height:140px;
    float:left;
    margin-top:10px;
}

.intra-footer-vertical-menus-container ul {
  height: auto; /* 80px */
}

.intra-footer-copyright-menu ul {
  float: none;
  height: 100%;
  margin: 0;
}

.intra-footer-vertical-menus-container .root-level-item,
.footer-vertical-menus-container .root-level-item {
    float:left;
    padding-right: 5px;
    margin-left: 0;
    margin-right: 35px;
}

.intra-footer-vertical-menus-container .root-level-item {
	margin-right: 0;
}

.footer-vertical-menus-container .root-level-item.last {
	margin-right: 0;
}

 .footer-vertical-menu-wrapper {
     width: 557px !important;
 }

.footer-vertical-menu-wrapper li{

    line-height:16px;

}

.footer-vertical-menu-title,
.footer-vertical-menus-container .menu-title {

    font-size:12px;
    font-weight:bold;
}




.intra-footer-vertical-menu,
.footer-vertical-menu{

    font-size:11px;
    color:#000000;
    float:left;
    width:240px;
}

.intra-footer-vertical-menu .menu-title {
    font-weight:bold;
    font-family:"Arial";
}

.intra-footer-vertical-menu,
.intra-footer-vertical-menu li {
  width: 180px;
}

.intra-footer-vertical-menu li {
  color: #116593;
}

.intra-footer-vertical-menu-1,
.footer-vertical-menu-1 {
    font-size: 11px;
    color: black;
}

.intra-footer-vertical-menu-1,
.intra-footer-vertical-menu-1 li {
  width: 180px;
}

.intra-footer-vertical-menu-1 li,
.intra-footer-vertical-menu-2 li,
.intra-footer-vertical-menu-3 li {
	color: #116593;
}

.footer-vertical-menus-container li {
    margin-bottom: 0.4em;
}

.footer-vertical-menus-container a {
    color: black !important;
}


.footer-vertical-menu-1 .level-1-list {
	float: none;
}

.footer-vertical-menu-1 .root-level-item > a {
	font-weight: bold;
	font-size: 12px;
}

.footer-vertical-menu-1 .level-1-list {
	margin-top: 5px;
}

.footer-vertical-menu-1 .level-1-item {
	margin-left: 0;
}

.footer-vertical-menu-1 .level-2-list {
	display: none;
}



.intra-footer-vertical-menu-2 {
   font-size:11px;
   color:#000000;
   float:left;
   width:200px;
}

.intra-footer-vertical-menu-2,
.intra-footer-vertical-menu-2 li {
  width: 180px;
}

.intra-footer-vertical-menu-3,
.footer-vertical-menu-3 {
    font-size:11px;
    color:#000000;
    float:left;
    width:200px;
}

.intra-footer-vertical-menu-3,
.intra-footer-vertical-menu-3 li {
  width: 180px;
}

.eci-container {
    width:720px;
    float:left;
}

.eci-title {
    color:#e17e09;
    font-size:11px;
    border-top:1px #c8c6be solid;
    border-left:1px #c8c6be solid;
    border-right:1px #c8c6be solid;
    padding:10px;
    width:688px;
}

.eci-container .bottom-image-item {
    margin-left:5px;
    margin-bottom:10px;
}


.eci-container a:hover .bottom-image-item .bottom-image-description{
    background:#729b0d;
    color:#FFFFFF;
}

.eci-container .bottom-image-arrow{
    background-image:url('../images/orange-arrow-right.png');
    background-position:center left;
    background-repeat:no-repeat;
    width:18px;
    height:49px;
    float:left;
}

.eci-container .bottom-image-description{

    color:#e17e09;
    font-size:16px;
    height:44px;
    width:200px;
    padding:5px 0px 0px 10px;
    float:left;
    background:#FFFFFF;
    overflow: hidden;

}

.eci-container .bottom-image-desc-hilite {
    background:#e17e09;
    color:#FFFFFF;
}

.eci-container .bottom-image-arrow-hilite {
    background:#e17e09;
    color:#FFFFFF;
    background-image:url('../images/white-arrow-right.png');
    background-position:center left;
    background-repeat:no-repeat;
}


.ecp-container{

    width:230px;
    float:left;
}

.ecp-container .bottom-image-item{
    margin-left:0px;
    margin-bottom:10px;
}

.ecp-title{

    color:#729b0d;
    font-size:11px;
    border-top:1px #c8c6be solid;
    border-left:1px #c8c6be solid;
    border-right:1px #c8c6be solid;
    padding:10px;


}


.bottom-row-image-container{

    margin-top:15px;
    float:left;
}

.content-body-left {
    width:632px;
    float:left;
    margin-right:10px;
}

/* 2012-Apr-19  seen to be only used by level3page Lev3CCW: use rule (way) below
.content-body-right {
    width: 310px;
    float: right;
    margin: 10px 7px 10px 0;
}
*/

.content-item-container{

    width:305px;
    float:left;
    margin-top:10px;
    margin-left: 5px;
}

.content-body-right .content-item-container {
    border: 4px solid #D0AC1D;
    border-top: none;
    margin-left: 0;
    margin-top: 0 !important;
    width: 302px;
}

.content-item-header {
    width:300px;
    height:20px;
    padding:5px;
    background:#005a8b;
    color:#FFFFFF;
    font-size:16px;
    float: left;
}
.content-item-header.rightSide {
background: transparent none repeat scroll 0px 0px !important;
color: black !important;
font-size: 12px;
font-weight: bold;
height: 9px !important;
padding: 9px 10px 12px !important;
width: 280px !important;
}
.content-item-body {
    width:298px;
    padding:5px;
    border-right:1px solid #dfddd5;
    border-left:1px solid #dfddd5;
    border-bottom:1px solid #dfddd5;
    float: left;
}
.content-item-body.rightSide {
background: none;
border: none !important;
height: 225px;
overflow: auto;
padding: 5px 0px 0px 10px;
width: 292px !important;
}

.company-announcement-container{

    width:290px;

    background:#d0ac1d;
    padding:10px;
    color:#FFFFFF;


}

.company-announcement-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.company-announcement-body {
    font-size: 13px;
}

#content-carousel .ocmsCarousel,
#content-carousel .ocmsCarousel li,
#content-carousel li.ocmsCarouselItem {
    width: 430px;
}

#content-carousel .carousel-image-link img {
	width: 430px;
	height: 268px;
}

/*
	scroll.css gives .gallery margin: 0 1px -15px 0;
	overriding that here may not always be the right thing!
*/
#content-carousel .gallery {
    width: 720px;
    margin: 0 0 10px 0;
}

#content-carousel .carousel-nav {
    /* right: 30px; */
    top: 0;
}

#content-carousel .swicher li a.active {
    background-color: #85b21a;
}

/*
	• .slideDeck replaces the Rube Goldberg-ish .gallery > .rotator slideshow thingy at the top
   	  of many pages
   	• as of 2011-Nov-24, it's ECP only, and all the .rotator gunk is left as it was since eNet
   	  pages are still using that overweight mechanism
*/
.slideDeck {
	width: 720px;
	margin: 0 0 15px 0;
	position: relative;
	height: 268px;
}

.OCMS-Edit .slideDeck {
    height: auto;
}

.slideDeck ul {
	margin: 0;
	list-style-type: none;
}

.slideDeck li {
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/* prevent the dog that is IE from showing a flash of unformatted carousel text on page load */
.slideDeck > span > span {
    display: none;
}

.slideDeck .right-rail-image-link img,
.slideDeck .carousel-image-link img {
	width: 430px;
	height: 268px;
}

.slideDeck .carousel-description {
	position: absolute;
	left: 450px;
	top: 0;
	color: #373530;
	font-size: 13px;
	padding-right: 20px;
}

.carousel-description {
	line-height: 23px;
}

.carousel-description h1 {
	line-height: normal;
}

.IE8 .slideDeck .carousel-description {
	/* IE8 does fade in/out so poorly we don't want it to try; with this it just pops
	   in and out without fading; IE7 manages fine, as do real browsers */
	background-color: white;
}

/* use thumbnail for optional sponsor image - author worries about size! */
.slideDeck .ocmsCarouselItem img.thumb {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.slideDeck .right-rail-imageblock-title,
.slideDeck h1 {
	color: #373530;
	font-weight: normal;
	font-size: 20px;
	padding-top: 0;
	margin: 0 0 7px 0;
}


.slideDeck .ssBulletNav {
	top: auto;
	bottom: 15px;   /* originally 30 */
	left: 440px;
	text-align: left;
}


/* position type change: must now adjust .carousel-description's position to fit variable size
    of carouselLogoImage above it */
.carouselLogoImage {
	position: absolute;
	left: 452px;
	top: 0;
	z-index: 5;         /* in case somebody wants to click on it sometime */
}

.carouselLogoImage img {
	max-width: 260px;
}

.OCMS-Edit .carouselLogoImage {
	margin: 0 0 5px 120px;
	max-width: 600px;
	position: static;
}

#ecp-intra-home .ocmsCarousel,
#ecp-intra-home .ocmsCarousel li,
#ecp-intra-home li.ocmsCarouselItem {
	width: 380px;
	z-index: 98;
}

#ecp-intra-home .gallery {
    width: 635px;
    margin: 10px 0px 1px 5px; }

#ecp-intra-home .carousel-nav,
#ecp-intra-home .carousel-description,
#ecp-intra-home .carousel-footer {
    width: 220px; }

#ecp-intra-home .carousel-nav {
    right: 0px;
    top: 0px; }

#ecp-intra-home .swicher li a.active {
    background: #D0AC1D; }

/* Enterprise Rose Arch*/

.fellow-spotlight-container {
    width: 408px;
    border: 1px solid #dfddd5;
    float: left;
    padding: 10px;
}

.fellow-spotlight-title {
    color: #373530;
    font-size: 16px;
    float: left;
    width: 390px;
    margin-bottom: 5px;
}

.fellow-spotlight-image {
    width: 140px;
    height: 190px;
    float: left;
}

.fellow-spotlight-details {
    height:180px;
    padding:10px;
    float:left;
}

.fellow-spotlight-description{
    width: 410px;
    float: left;
}


/*
	- 3LDS (random Rose Fellow spotlight) uses unique markup classes
	- see prepareRandomFellow() for its code generation
*/

/* cbTable td.cbLeft div#rfDestination */
#rfDestination {
	position: relative;
}

/* Fellow Spotlight */
#rfDestination h2 {
	font-weight: 300;
	margin: 0 0 10px 0;
	color: #666;
}

.rfPhoto {
	float: left;
	margin-right: 10px;
}

.rfPhoto a {
	display: block;
}

.rfPhoto a:hover {
	box-shadow: 2px 2px 3px #ccc;
}

/* Fellow's name */
#rfDestination h3 {
	font-weight: bold;
	margin: 1.6em 0 0 0;
	font-size: 1em;
}

#rfDestination h3 a:hover {
	text-shadow: 2px 2px 3px #ccc;
}

/* section titles like Host, Projects */
#rfDestination h4 {
	font-weight: 600;
	margin: 1.3em 0 0 0;
	color: #85b21a;
}

.rfBio {
	clear: both;
	padding-top: 1em;
	line-height: 1.3;
}

/* expected only for the More » link */
#rfDestination > a {
    display: block;
    margin-top: 0.5em;
}

/*	when in table.cbTable td.cbRight.noPadding on pgLev3LDS, the RSS container contributes to the
	blank space at the bottom the absolutely positioned View All link lives in
	(as does .rfBio within .cbLeft)
td.noPadding .rss-container {
	margin-bottom: 20px;
}
	td rules instead

*/

.rfBrowseAll,
.field-notes-viewAll {
	font-weight: bold;
	margin: 1em 0 0.2em 0;
}

.OCMS-Edit .rfBrowseAll,
.OCMS-Edit .field-notes-viewAll {
	position: static;
	padding-top: 20px;
}


/*
	now a table cell: no longer needed
.field-notes-container {
    width: 281px;	/-* not 270 *-/
    height: 20px;

    float: right;
    margin-left: 10px;
 /-*   margin-right:5px; *-/
}

.OCMS-Edit .field-notes-container {
    width: auto;
}
*/


.field-notes-header {
/*  width:260px; trust my parent! */
    height: 20px;
    padding: 5px;
    background-color: #85b21a;
    color: white;
    font-size:16px;
}

.OCMS-Edit .field-notes-header {
	height: auto;
}

.profit .field-notes-header {
    background-color: #f1990e;
}


.field-notes-body {
    padding: 10px;
}


/* RSS-related stylings */

.rss-icon {
    background-image:url('../images/rss-icon.png');
    width:11px;
    height:11px;
    float:right;
    margin-right:5px;
    margin-top:5px;
}


#homeContentLeftTabs .RSS-container {
	font-size: 12px;
	width: 270px;
}

.news-item-hl,
.rss-item {
	position: relative;
}

#homeContentLeftTabs .news-item-hl,
#homeContentLeftTabs .rss-item {
	height: 42px;
	margin-bottom: 16px
}

.newsBox .news-item-hl,
.newsBox-RSS .rss-item {
	margin: 10px 12px 23px 12px;
}

#homeContentLeftTabs .news-item-title,
#homeContentLeftTabs .rss-item-title {
	margin-left: 60px;
	line-height: 1.15;
}

.level3page .rss-item:last-of-type {
	border-bottom: none;
}

/* formerly just pgLev3CCW */
.level3page .news-item-hl,
.level3page .rss-item {
	border-bottom: 1px solid #E1DFDF;
	margin-bottom: 1.75em;
	padding-bottom: 1em;
}

.level3page .news-item-title a,
.level3page .rss-item-title a {
	color: #005A8B;
}

.level3page .rss-item-body,
.newsBox-RSS .rss-item-body,
#homeContentLeftTabs .rss-item-body {
	display: none;
}

.rss-item {
	margin: 5px 0;
}

.rss-item-date {
	display: none;
	line-height: normal;
}

.level3page .rss-item-date,
.newsBox-RSS .rss-item-date,
#homeContentLeftTabs .news-item-date,
#homeContentLeftTabs .rss-item-date {
	display: block;
	color: #999;
	text-transform: uppercase;
	font-size: 12px;
	margin: 1px 0 0 60px;
}

.level3page .rss-item + .rss-item {
	margin-top: 1.1em;
}

.level3page .rss-item-date {
	margin: 0.2em 0 0 0;
}

.pgLev3CCW .news-item-date,
.pgLev3CCW .rss-item-body,
.pgLev3CCW .rss-item-date {
	display: block;
	color: #999;
	text-transform: uppercase;
	font-size: 12px;
	margin: 3px 0 0 0;
}

/* on this level 3 page, the RSS item body/description is used for "item source" */
/* RSS feed on the 3CCW (3C 1C RR) page is in the main body, not the right rail */
.pgLev3CCW .rss-item-body {
	color: #666;
/*	float: left;	disabling this puts body and date on separate lines */
	margin: 3px 0.6em 0 0;
	font-style: italic;
}

.newsBox-RSS .rss-item-date {
	margin: 2px 0 0 0;
}

/* taxonomy news articles */
.newsBox .ocms-taxonomy-load-list {
    overflow:auto;
    height: 295px;
    border-bottom: 1px solid #DFDDD5;
    position: relative;
}

.newsBox .news-item-date {
    margin: 2px 0 0 0;
    display: block;
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
}


/* home page only at the moment? */
.news-item-date-tile,
.rss-item-date-tile {
	background: #86B31C url(images/rssItemBk1x42.png) repeat-x;
	width: 50px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	color: white;
	text-align: center;
	line-height: 1.05;
}

#homeContentLeftTabs .news-item-date-tile span,
#homeContentLeftTabs .rss-item-date-tile span {
	font-size: 22px;
	font-weight: normal;
	margin-top: 3px;
	display: inline-block;
}


.seeMoreNews {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 537px;
	padding: 10px 0 0 12px;
}

.newsBox-RSS .seeMoreNews {
	background-color: #E1DFDF;
	bottom: 0;
	padding: 10px 12px;
	width: 100%;
}

.OCMS-Edit .newsBox-RSS .seeMoreNews {
	padding: 0;
}

.seeMoreNews a {
	color: #005A8B;
}

.seeMoreNews a:hover {
	color: #005A8B;
	text-decoration: none;
	border-bottom: 1px solid #005A8B;
}


/* Enterprise Green Communities */

.middleButton-container{

    margin-bottom:10px;
    float:left;
    width: 740px;
}

.midButtonWrap {
   height: 60px;
   width: 170px;
   float: left;
   background-image: url('../images/ecp-midnav-button.jpg');
   background-repeat: repeat-x;
   margin-right: 10px;
   cursor: pointer;
   text-decoration: none;
}

.midButtonWrap:hover {
}

/*
.midButtonWrap img {
    margin: 0 0 0 153px;
    position: absolute;
    z-index: 1;
}
*/




.middleButton {
   display: table;
   height: 60px;
   width: 170px;
   #position: relative;
   overflow: hidden;
}
.middleButton:hover {
   background-image: url('../images/ecp-midnav-button-hover.jpg');
}

.greenButton {
   #position: absolute;
   #top: 50%;
   display: table-cell;
   vertical-align: middle;
}

.greenButton .buttonText {
   #position: relative;
   #top: -50%;
   color: #fff;
   font-family: Arial;
   font-size: 18px;
   font-weight: bold;
   width: 140px;
   padding: 8px 0px 8px 10px;
   text-decoration: none;
}

.midButtonWrap-large {
   height: 60px;
   width: 230px;
   float: left;
   background-image: url('../images/ecp-midnav-button.jpg');
   background-repeat: repeat-x;
   margin-right: 10px;
   cursor: pointer;
   text-decoration: none;
}
.midButtonWrap-large:hover {
}


.middleButton-large {
   display: table;
   height: 60px;
   width: 230px;
   #position: relative;
   overflow: hidden;
}
.middleButton-large:hover {
   background-image: url('../images/ecp-midnav-button-hover.jpg');
}




.hr-grey{
    border:#dfddd5;
    background-color:#dfddd5;
    float:left;
    width: 710px;
}

.hr-grey-small {
    border:#dfddd5;
    background-color:#dfddd5;
    float:left;
    width: 440px;
}

/* FOR PROFIT BULLET */
/* these two .for-profit rules might be useless, certainly they are for the Public site since
	that class will not exist, instead it's simply "profit". While likely true of eNet as well
	these have been left for now */
.for-profit li {
    list-style-image: url("../images/orange-bullet.png");
    margin: 0;
    padding: 0;
}

.for-profit ul{

    padding:0px;
    margin-left: 15px;

}

/*Temporary Bullet for testing*/
.middle-content-container li{
    list-style-image: url("../images/orange-bullet.png");
    margin:0px;
    padding:0px;
}

.middle-content-container ul{

    padding:0px;
    margin-left: 15px;

}



.buttonText:hover {
   text-decoration: underline;

}

.buttonRight {
   background-image: url("../images/ecp-midnav-arrow.gif");
   background-repeat: no-repeat;
   width: 17px;
}



/**
 *  Horizontal Buttons
 */

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-134x151 .jcarousel-clip-horizontal {
    width:  717px !important;
    height: 270px;
}
.jcarousel-skin-170x190 .jcarousel-clip-horizontal {
    width:  717px !important;
    height: 270px;
}
.jcarousel-skin-230x203 .jcarousel-clip-horizontal {
    width:  717px !important;
    height: 240px;
}
.jcarousel-skin-310x219 .jcarousel-clip-horizontal {
    width:  950px !important;
    height: 270px;
}

/* Green Criteria */

#content-middle {
    width: 711px;
    float: left;
/*    margin-left: 5px; */
}
#content-middle #content-mid-left {
    width: 428px;
    float: left;
    margin-right: 10px;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 10px;
    height: 300px;
}

#content-middle #content-mid-left ul {
    color: #373530;
    /* color: #85B21A; */
    list-style-image:url("../images/green-bullet.jpg");
    margin: 0;
    padding: 12px 0 0 18px;
}

#content-middle #content-mid-left ul li {
    padding: 0px;
    margin: 0px;
}

#content-middle #content-mid-left ul li span {
    padding: 0px;
    margin: 0px;
}

#content-middle #content-mid-left ul li a {
    padding: 0px;
    margin: 0px;
}


#content-middle #content-mid-left .mid-text-panel {
    float: left;
    width: 428px;
    padding: 0px 0px 16px 0px;
}

#content-middle .border {
    border-left: 1px #e1dfdf;
    border-right: 1px #e1dfdf;
    border-bottom: 1px #e1dfdf;
    border-top: 0px;
    border-style: solid;
}

#content-middle #content-mid-right {
    width: 268px;
    float: left;
    margin-bottom: 10px;
    height: 300px;
}

#content-middle #content-mid-right .mid-text-panel {
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 268px;
}
#content-middle #content-mid-right .mid-text-panel .small-block-text {
    text-align: left;
    padding: 10px 10px 0;
}


.headerGreenBar {
    background: none repeat scroll 0 0 #85B21A;
    color: #FFFFFF;
    font-size: 16px;
    height: 20px;
    padding: 5px;
    margin-left: 0px;
    overflow: hidden;

}

.headerGreenBar.left {
    width: 418px;
}

.headerGreenBar.right {
    width: 258px;
}

/* Developer Support */

.content-body-text {
	margin-top: 10px;
	float: left;
}

.content-body-text, .authorText {
	line-height: 1.7em;
}

.content-body-image {
	border-bottom: 1px solid #E1DFDF;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.pgLev3LandingMap .content-body-image {
	float: none;
}

.content-body-featured {
    float: left;
	font-family: Arial;
	width: 710px;
}
.content-body-featured p {
	padding: 0px;
	margin: 0px;
}

.content-body-featured a {
   text-decoration: none;
}
.content-body-featured a:hover {
   text-decoration: underline;
}

.content-body-featured {
   float: left;
/*w   width: 169px; */
   width: 174px;
   padding: 0;
   margin-right: 9px;
}

.content-body-featured.last {
	margin-right: 0;
}

.OCMS-Edit .content-body-featured {
	width: 235px;
}

.content-body .ocms-content-name {
	font-size: 10px !important;
}

/* there will surely be other contexts that would benefit to this adjustment! */
/*
.pgLev2L3P .OCMS-Edit .content-body .ocms-actions,
.pgLev3L4PTL .OCMS-Edit .content-body .ocms-actions {
*/
/* try setting 'em all free! */
div .ocms-actions {
	width: auto !important;	/* vs 130 px !important -- why so wide? */
}

/* !! big re-work to accomodate Donate button area at left .ocmsHint + .content-body-featured {
	margin-left: -270px;
}

.ocmsHint + .content-body-featured + .content-body-featured {
	margin-left: -30px;
} !! */

.content-body-featured-image {
	display: block;
	float: left;
	margin-bottom: 8px;
	width: 174px;
	/*w   width: 169px; */
	/*   height: 153px;		-- don't enforce: let them put whatever height they want (of course all 4 should be equal) */
}

.content-body-featured-image img {
	width: 174px;
}

.OCMS-Edit .content-body-featured-image img {
	width: auto;
}

.content-body-featured .content-body-list {
   float: left;
   padding: 0;
   margin: 0;
   font-size: 13px;
   width: 155px;
}

.OCMS-Edit .content-body-featured .content-body-list {
	margin-left: 0;
}

.content-body-featured .content-body-list ul {
	margin: 0;
	padding-left: 1em;
}

.content-body-featured .content-body-list li {
   font-size: 13px;
   float: left;
   color: #85b21a;
   list-style-type: square;
   margin-bottom: 0.5em;
}

.content-body-featured .content-body-list li a {
   color: #116593;
}

.content-body-featured .headerText {
	color: #797979;
	font-size: 16px;
	font-weight: normal;
	float: left;
	margin: 2px 0 3px 0;
	/*w   width: 169px; */
	width: 174px;
}

/*   State House Finance Agency Resources */
.middle-content-container{
    width:445px;
    float:left;
}

.middle-content-header {
    font-size:16px;
    color: #292721;
    height:21px;
}

.right-content-container {
    width: 270px;
    float: right;
}


.content-item-blue-container{
    width:270px;
}


.content-item-blue-header{
    width:260px;
    height:20px;
    padding:5px;
    background:#005a8b;
    color:#FFFFFF;
    font-size:16px;
}

.content-item-blue-body{
    width:248px; /* 258 */
    padding:10px;
    border-right:1px solid #dfddd5;
    border-left:1px solid #dfddd5;
    border-bottom:1px solid #dfddd5;
    float:left;
}

.content-item-blue-top-margin{
    margin-top:10px;
}


.content-body-top-margin{
    margin-top:10px;
}


/* ECP Leadership */


.leadership .menuBar {
    height: 94px;
    float: left;
    width: 721px	/*x725px;*/
}

.leadership .buttonWrapper {
   height: 94px;
/*   width: 330px;*/
	width: 335px;
   float: left;
   cursor: pointer;
   text-decoration: none;
   background-image: url("../images/button-nonprofit-94px.jpg");
   background-repeat: repeat-x;
   margin-right: 10px;
   padding: 0px 0px 0px 20px !important;
}
.leadership .buttonWrapper:hover {
   background-image: url("../images/button-nonprofit-94px-h.jpg");
}

/* target second of two */
.leadership .buttonWrapper + .buttonWrapper {
	margin-right: 0;
}

.comingled .leadership .buttonWrapper.right {
      background-image: url("../images/button-profit-94px.jpg");
}
.comingled .leadership .buttonWrapper.right:hover {
   background-image: url("../images/button-profit-94px-h.jpg");
}

.profit .leadership .buttonWrapper {
    background-image: url("../images/button-profit-94px.jpg") !important;
}
.profit .leadership .buttonWrapper:hover {
    background-image: url("../images/button-profit-94px-h.jpg") !important;
}

.non-profit .leadership .buttonWrapper {
    background-image: url("../images/button-nonprofit-94px.jpg") !important;
}
.non-profit .leadership .buttonWrapper:hover {
    background-image: url("../images/button-nonprofit-94px-h.jpg") !important;
}

.leadership .buttonWrapper .buttonTable {
   width: 330px;
   display: table;
   height: 94px;
   #position: relative;
   overflow: hidden;
   background: url("../images/ecp-midnav-arrow.gif") 311px center no-repeat;	/*xright*/
}

.leadership .buttonWrapper .buttonTable .buttonTableCell {
   #position: absolute;
   #top: 50%;
   display: table-cell;
   vertical-align: middle;
}

/* !!
	- factoring to reduce the number of independent CSS rules that are actually common
	- added !important to thwart other nefarious rules out there with greater specificity
		for ancestor elements
*/
.buttonTableCell a {
    color: white !important;
    font-size: 15px !important;
    display: block !important;
    text-decoration: none;
}

.buttonTableCell a:hover {
	text-decoration: underline;
}

.leadership .buttonTableCell a {
	width: 280px;
}

/* !!
.leadership .buttonWrapper .buttonTable .buttonTableCell a {
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    display: block;
    width: 280px;	/*x310 *|/
}

.leadership .buttonWrapper .buttonTable .buttonTableCell a:hover {
    text-decoration: underline;
}
!! */

.profit .contacts-container {
    background-color: #f1990e !important;
}

.profit .content-left-nav a:hover {
     color: #E17E09 !important;
}

.communities .menuBar {
    height: 60px;
    float: left;
    width: 725px;
}

.OCMS-Edit .communities .menuBar {
	width: 100%;
	height: auto;
}

.communities .buttonWrapper {
   height: 60px;
   width: 158px;
   float: left;
   cursor: pointer;
   text-decoration: none;
   background-image: url("../images/button-profit-60px-h.jpg");
   background-repeat: repeat-x;
   margin-right: 10px;
   padding: 0px 0px 0px 12px !important;
}

.OCMS-Edit .communities .buttonWrapper {
	width: auto;
}

.communities .buttonWrapper:hover {
   background-image: url("../images/button-profit-60px-h.jpg");
}
.profit .communities .buttonWrapper {
    background-image: url("../images/button-profit-60px.jpg") !important;
}
.profit .communities .buttonWrapper:hover {
    background-image: url("../images/button-profit-60px-h.jpg") !important;
}
.non-profit .communities .buttonWrapper {
    background-image: url("../images/button-nonprofit-60px.jpg") !important;
}
.non-profit .communities .buttonWrapper:hover {
    background-image: url("../images/button-nonprofit-60px-h.jpg") !important;
}

.communities .buttonWrapper .buttonTable {
   width: 158px;
   display: table;
   height: 60px;
   #position: relative;
   overflow: hidden;
   background-image: url("../images/ecp-midnav-arrow.gif");
   background-position: right;
   background-repeat: no-repeat;
}

.communities .buttonWrapper .buttonTable .buttonTableCell {
   #position: absolute;
   #top: 50%;
   display: table-cell;
   vertical-align: middle;
}

.communities .buttonTableCell a {
	width: 140px;
}

/* !!
.communities .buttonWrapper .buttonTable .buttonTableCell a {
    color: white;
    font-family: Arial;
/*    font-size: 18px; *!/
	font-size: 15px;
    text-decoration: none;
    display: block;
    width: 140px;
}

.communities .buttonWrapper .buttonTable .buttonTableCell a:hover {
    text-decoration: underline;
}
!! */

.page-container .profit-select-wrap {
    float: left;
    width: 950px;
    height: 50px;
    margin-bottom: 5px;
    display: none;
}

.OCMS-Edit .page-container .profit-select-wrap {
	display: block;
}

.page-container .profit-select-content {
    float: right;
    width: 250px;
    height: 50px;
}

.page-container .profit-select-content p {
float: left;
margin-top: 30px;
position: absolute;
width: 50px;
width: 230px;
}

.switcher li a.active {
    background: none repeat scroll 0 0 #85b21a;
}
.swicher .active, .swicher li a:hover {
    background: none repeat scroll 0 0 #85B21A;
}

.activeTab a {
   background-color: #85b21a !important;
}

.profit .activeTab a,
.profit .swicher li a:hover {
   background: none repeat scroll 0 0 #f1990e !important;
}
.non-profit .activeTab a, .non-profit .swicher li a:hover {
   background: none repeat scroll 0 0 #85b21a !important;
}

.profit .switcher li a.active {
    background: none repeat scroll 0 0 #f1990e !important;
}
.profit .swicher .active,
.profit .swicher li a:hover {
    background: none repeat scroll 0 0 #f1990e !important;
}

.non-profit .switcher li a.active {
    background: none repeat scroll 0 0 #85b21a !important;
}
.non-profit .swicher .active,
.non-profit.swicher li a:hover {
    background: none repeat scroll 0 0 #85B21A !important;
}


.backRef {
    position: absolute;
    height: 49px;
    display: block;
    width: 150px;
    z-index: -1;
}

.level1LandingPhoto .backRef {
    width: 228px !important;
}

.pgLev2L3P .backRef {
    width: 228px !important;
}

.imgMidButtonWrap {
   height: 49px;
   width: 136px;	/*x150px;*/
   float: left;
   cursor: pointer;
   text-decoration: none;
}

/* 	any chance this could work everywhere,
	perhaps if .bottom-image-inner-content has its width set appropriately? */
.pgLev2L3P .imgMidButtonWrap {
	width: auto;
}

.OCMS-Edit .imgMidButtonWrap {
	width: auto;
}

.level1LandingPhoto .imgMidButtonWrap {
    width: 228px !important;
}

.imgMiddleButton {
   width: 150px;
   display: table;
   height: 49px;
   #position: relative;
   overflow: hidden;
}

.donateWidget .imgMiddleButton {
   width: 150px !important;
}

.level1LandingPhoto .imgMiddleButton {
/*   width: 228px !important; */
   width: 195px !important;
}

.pgLev2L4P .imgMiddleButton {
   width: 140px;
}


.imgGreenButton {
   #position: absolute;
   #top: 50%;
   display: table-cell;
   vertical-align: middle;
}

.imgGreenButton .buttonText {
   #position: relative;
   #top: -50%;
   text-decoration: none;
}

.imgGreenButton .buttonText a {
    padding: 0 0 0 10px !important;
    font-weight: bold;
}

/* how many other templates should these apply to? */
/* -> perhaps none! 2011-Sep-26  removed this to let 13px bold win
.pgLev2L3P .imgGreenButton .buttonText a {
	/=* overriding 13px from ".bottom-image-container a", and 16px from ".bottom-image-description a" *-/
	font-size: 15px;
	font-weight: normal;	/-* text is NOT bold in EnterpriseHomes mockup *-/
}
*/

/* don't affect the a's within div.ocms-actions */
.OCMS-Edit .imgGreenButton .buttonText a {
	padding: 0 !important;
}

.imgGreenButton .buttonText a:hover {
    text-decoration: none;	/* surely the background colour change is enough */
}

/* see earlier definition in this file
.bottom-image-item {
    background: transparent;
    width: 168px;
}
*/


.pgLev2L3P .bottom-image-item {
    width: 230px !important;	/*z was 228 */
    margin: 0 10px 10px 0;
}

.bottom-image-item.last {
	margin-right: 0 !important;
}

/* and let's help with sizing the image, especially since the previous official size was 228 px */
.pgLev2L3P .bottom-image-item img {
	width: 230px;
    height: 202px;
}

.pgLev2L4P .bottom-image-item img {
	width: 168px;
    height: 202px;
}


.OCMS-Edit .pgLev2L3P .bottom-image-item img,
.OCMS-Edit .pgLev2L4P .bottom-image-item img {
	width: auto;
	height: auto;
}

.level1LandingPhoto .bottom-image-description {
    width: 228px !important;
}

/* surely the new width of 230 should apply above as well? */
.pgLev2L3P .bottom-image-description {
    width: 230px !important;
}



/* "button" text reverses out to white when :hover over entire tile */
.bottom-image-item:hover a {
	color: white !important;
}

/* "button" solid color when :hover over entire tile */
/*.non-profit?*/
.bottom-image-item:hover .bottom-image-description {
    background-color: #729b0d;
}

.profit .bottom-image-item:hover .bottom-image-description {
    background-color: #e17e09;
}

/* different pattern! .profit on .bottom-image-item, not an ancestor */
/* Landing1PhotoComingled */
.bottom-image-item.profit:hover .bottom-image-description {
    background-color: #f1990e;
}

.bottom-image-container a {
	color: #85b21a;		/* green default, includes a.bottom-image-arrow */
	display: block;
    font-size: 14px;
    margin: 0;
}

.profit .bottom-image-container a {
    color: #f1990e;		/* for profit orange */
}


.bottom-image-container img {
    padding: 0 0 49px 0; /* px !important; */
}

.level2Landing4Button .bottom-image-container img {
    padding: 0; /* !important; */
}


.bottom-image-description a {
/*	color, display, margin are already covered by .bottom-image-container a
	(at least typically -- are there others with different patterns?)
*/
	color: #85B21A;		/-* non-profit green *-/
    display: block;
    margin: 0;

    padding: 0px !important;
}


/*donateWidget .bottom-image-description a {         */
.donateWidget a {
    color: #85B21A !important;
}

.non-profit .bottom-image-description a {
/* .non-profit a {         */
    color: #85B21A;
}

/* ^^^^^
.profit .bottom-image-description a {
    color: #f1990e !important;
}
*/

.bottom-image-item.profit a {
/*.profit a {			*/
    color: #f1990e;
}

.transparentBG {
background: transparent !important;
}

.OCMS-Edit .menuWrap.buttons230x60 .ocmsHint {
	width: 700px;
}

.buttons230x60 .menuBar {
    height: 60px;
    float: left;
    width: 760px;
}

.buttons230x60 .buttonWrapper {
   height: 60px;
   width: 218px;
   float: left;
   cursor: pointer;
   text-decoration: none;
   background-image: url("../images/button-profit-60px-h.jpg");
   background-repeat: repeat-x;
   margin-right: 10px;
   padding: 0 0 0 12px !important;
}

.buttons230x60 .buttonWrapper:hover {
   background-image: url("../images/button-profit-60px-h.jpg");
}
.profit .buttons230x60 .buttonWrapper {
    background-image: url("../images/button-profit-60px.jpg") !important;
}
.profit .buttons230x60 .buttonWrapper:hover {
    background-image: url("../images/button-profit-60px-h.jpg") !important;
}
.non-profit .buttons230x60 .buttonWrapper {
    background-image: url("../images/button-nonprofit-60px.jpg") !important;
}
.non-profit .buttons230x60 .buttonWrapper:hover {
    background-image: url("../images/button-nonprofit-60px-h.jpg") !important;
}


.buttons230x60 .buttonWrapper .buttonTable {
   width: 218px;
   display: table;
   height: 60px;
   #position: relative;
   overflow: hidden;
   background-image: url("../images/ecp-midnav-arrow.gif");
   background-position: right;
   background-repeat: no-repeat;
}

.buttons230x60 .buttonWrapper .buttonTable .buttonTableCell {
   #position: absolute;
   #top: 50%;
   display: table-cell;
   vertical-align: middle;
}

.buttons230x60 .buttonTableCell a {
    width: 195px;
}

.OCMS-Edit .buttons230x60 .buttonTableCell a {
	width: auto !important;
}

.OCMS-Edit .pgLev2L3B3P .menuBar .draggable {
	width: 218px;
}

/* !!
.buttons230x60 .buttonWrapper .buttonTable .buttonTableCell a {
    color: white;
    font-family: Arial;
    font-size: 15px;	/*x 18px *!/
    text-decoration: none;
    display: block;
    width: 195px;
}

.buttons230x60 .buttonWrapper .buttonTable .buttonTableCell a:hover {
    text-decoration: underline;
}
!! */

/* IE7 does not support table cell display properties! */
.IE7 .buttonTableCell a {
	/*
		- this hard wire may have to change if the font-size changes
		- also, this offset is appropriate only for 1-line button text
		- a JavaScript solution should add the class below to 2-line text buttons
	*/
	margin-top: -10px !important;
}

.IE7 .buttonTableCell a.twoLines {
	margin-top: -20px !important;
}


.footer-menu-panel-wrapper {
    width: 557px !important;
    float: left;
}

.intra-footer-right-side {
    float: left;
    width: 353px;
}

.intra-footer-copyright-container {
    font-family: Arial;
}

.horizontal-image-bar-image {
    margin-right:23px;
}

.noPaddingRight {
    padding-right: 0px !important;
}
.noMarginRight {
    margin-right: 0px !important;
}
.intra-footer-copyright-menu > span {
    float: right;
}
.intra-footer-vertical-menu .root-level-list {
    margin: 0px !important;
}
.intra-footer-vertical-menu .menu-title {
    margin-bottom: 10px !important;
}


/*	table.middleBoxWide2Col replaces separate divs in pgLev3C2Col page in order to get
	equal height boxes for variable height content
*/
.middleBoxWide2Col {
	border-collapse: separate;
	border-spacing: 7px 0;
	border: none;
	margin: 9px 0 0 -7px;
	float: left;
	width: 740px;
}

.middleBoxWide2Col td {
	vertical-align: top;
	border: 1px solid #e1dfdf;
	border-top: none;
	padding: 0;
	width: auto;
	float: none;	/* td still has .middleBox on it, and it thinks it wants to float */
}


.middleBox {
    float: left;
    width: 307px;
    margin-right: 10px;
    border-left: 1px #e1dfdf;
    border-right: 1px #e1dfdf;
    border-bottom: 1px #e1dfdf;
    border-top: 0px;
    border-style: solid;
    margin-bottom: 10px;
}

/* formerly on pgLev3C2Col, but now only pgLev3L2Col [3L 2C] (not sure it's a real one, though) */
.middleBox.wide {
	width: 348px !important;
	margin-top: 10px;
}

.middleBox .headerBar {
   background: none repeat scroll 0 0 #85B21A;
   color: #FFFFFF;
   font-size: 16px;
   height: 20px;
   padding: 5px;
   margin-left: 0px;
   overflow: hidden;
}

.middleBox .middleText {
   float: left;
   width: 307px;
   padding: 0px 0px 10px 0px;
}

.pgLev3L2Col .middleBox .middleText,	/* is this a supported template? */
.pgLev3C2Col .middleBox .middleText {
	padding: 10px;
}

.level3page .content-body-left {
    width: 443px !important;	/* not 470 */
    float: left;
    margin-right: 10px !important;
}

/* does this define the famous right rail? maybe not. c/should it? */
.level3page .content-body-right {
    width: 270px !important;
    float: left;
    margin: 0;
}

.OCMS-Edit .level3page .content-body-right {
    width: 400px !important;
}

/* first introduced for pgLev3CCW */
.content-body-right .RSS-Container {
    padding: 10px;
    border: 1px solid #E1DFDF;
    float: left;        /* grrr, but easier here to switch than fight */
}


.level3page .small-block-content {
    margin-bottom: 15px;
}


/* look... an h2!  Should this style be global? */
.authorText h2,
.level3page .content-body-left h2 {
	margin: 0;
	border-bottom: 1px solid #e1dfdf;
	padding-bottom: 0.4em;
	font-weight: normal;
	margin: 1.5em 0 0.5em 0;
}

/* no margin on first within content container */
.authorText span > h2,
.level3page .content-body-left span > h2 {
	margin-top: 0;
}

.authorText h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em 0 0.25em 0;
}

.authorText h4 {
    color: #414141; /* 75% */
    margin: 0.1em 0;
}

.authorText h3 + p,
.authorText h4 + p {
    margin-top: 0;
}

.authorText ul {
	list-style-type: square;
	margin-left: 0;
	padding-left: 1.3em;
	/* suitable for ~12 px type: 3 transparent pixels at baseline, then 4x4 green above */
	list-style-image: url(../images/green-bullet4x7.png);	/* .non-profit default */
	line-height: 1.7;
}

.profit .authorText ul {
	list-style-image: url(../images/orange-bullet4x7.png);
}

.term-sheet-logo,
.term-sheet-image {
	display: inline-block;
}


.noMargin {
   margin-left: 0px !important;
   margin-right: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

.backward {
    background-image: url(../images/carousel-nav-left.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    text-indent: -9999em;
    width: 8px;
    margin-top: 4px;
}
.forward {
    background-image: url(../images/carousel-nav-right.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    text-indent: -9999em;
    width: 8px;
    margin-top: 4px;
}

.level3page .small-block-title {
    font-weight: bold;
    margin: 3px 0px 2px;
}

.comingled .bottom-image-container {
    width: 952px !important;
}


.comingled #bottom-image-container-top-left,
.comingled #bottom-image-container-top-right {
    height: 25px;
    float: left;
    border: 1px solid #c8c6be;
    border-bottom: none;
    font-size: 11px;	/* rather small, but request for longish text in narrow width */
	padding: 10px 0 0 10px;
}

.comingled #bottom-image-container-top-left {
    width: 698px;
    color: #E17E09;
    margin: 0 10px 0 3px;
}

.comingled #bottom-image-container-top-right {
    width: 217px;
    color: #729b0d;
}

/* my links */

 #addLink {
    background-image: url('../images/add-link.jpg');
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
    display: block;
    float: left;
}


/* ugly: this should hit two images, the Print, and the one inserted by ShareThis, but the latter is hidden */
.icon-container span span img,
.icon-container img[alt="Print"] {
	margin-top: 1px;
}

.icon-container span span img:hover,
.icon-container img[alt="Print"]:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}


/* 	- brute for fix for poorly chosen panelWidth attribute in all page templates
	- avoids fixing all page templates one by one
*/
.icon-container > span > .ocms-reset {
	min-width: 300px !important;
}


.OCMS-Edit .st_sharethis {
	display: none;
}

.mapStyle .sharethis {
    color: #ffffff !important;
}

.mapStyle .icon-container > span {
    width: 85px;
    /*margin: 0px 10px; */
    float: left;
    text-align: center;
}

.mapStyle .icon-container {
/* width: 370px !important; */
}
.mapStyle .st_sharethis {
margin: 1px 15px 0px 10px !important;
}


.libsearch-desc {
  margin-bottom:  10px;
}

.libsearch-criteria {
  margin-bottom: 0px;
}

.libsearch-count {
  margin-top: 0px;
}


/* all droppableArea's could be this way, NOT relying on run-time JS to hide them when
   outside of the Orchestra page editor, but until then... */
.pgLev3C2Col .droppableArea {
	display: none;
}

.OCMS-Edit .pgLev3C2Col .droppableArea {
	display: block;
}

.pgLev3C2Col #mycarousel li.jcarousel-item {
	background-color: white;
	padding: 3px;
	margin-left: 10px;
	width: 146px;
	height: 196px;
}

.pgLev3C2Col #mycarousel li.jcarousel-item:first-child {
	margin: 0;
}

.pgLev3C2Col #mycarousel .aCarousel img {
/*	width: 150px;
	height: 196px;
*/
	width: 144px;
	height: 156px;
	margin: 0 0 2px 2px;
}

.pgLev3C2Col #mycarousel .aCarousel td {
	vertical-align: middle;
	height: 30px;
	color: #8BB717;
	font-size: 14px;
	padding-left: 5px;
}

.pgLev3C2Col #mycarousel .aCarousel td:first-child {
	background-color: #8BB717;	/* solid, for now? */
	font-size: 20px;
	text-align: center;
	width: 30px;
	color: white;
	padding-left: 0;
}


.level1LandingNews #mycarousel {
	margin: 0 0 0 2px !important;
	/* -left 2px to match this page's .dropMiddleBoxes
		(overriding inline styles apparently added by jCarousel?)
		-- do other instances need the same adjustment? */
}

/* colorbox custom style */
#cboxClose {
	float: none !important;
	text-align: right;
}

#cboxClose:hover {
	color: black;
}


/* RC - Apr. 12, 2012 - Deprecating this in favour of bio-page.css
a#TB_closeWindowButton {
	color: #aaa !important;
	font-size: 11px !important;
}

a#TB_closeWindowButton:hover {
	color: #ddd !important;
}

a#TB_closeWindowButton:active {
	color: #999 !important;
}
*/

/* for now, don't worry about TB's attempt to show a loading .gif, which doesn't work as coded * -- /
div#TB_load {
	display: none;
}
*/

/* for News & Events main */
.newsBox-RSS .rss-container {
	border-bottom: 1px solid #DFDDD5;
	height: 280px;
	overflow: auto;
	position: relative;	/* buggy IE7 Sux */
}

.newsBox-RSS .rss-item {
	border-bottom: 1px solid #E1DFDF;
	margin: 5px;
	padding: 10px;
}

.mapWrapper {
	float: left;	/* sigh... */
	background-repeat: no-repeat !important;
	width: 100% !important;
}

/* hmm, is width: 100% truly need for the 3LM ? */
.pgLev1LandingMap .mapWrapper {
	float: none;
	width: 600px !important;
	margin: 0 auto !important;
}

.state-link-container {
	display: none;
}

.OCMS-Edit .state-link-container {
	display: block;
}


.OCMS-Edit img#usa {
	display: block;
	margin: 0 auto;
}

/* hover over states to see their names on the map pages */
#easyTooltip {
	padding: 5px 10px;
	border: 1px solid #85b21a;
	background-color: white;
	color: #85b21a;
}

/* ECPMapStateContent (pgMapStateContent) - individual state details (formerly embedded in the template) */
.mapStateContent {
	margin: auto;
	width: 520px;
	XXpadding: 10px;
	text-align: left !important;
	font-size: 75%;			/* to match common.css which was previously included but should be avoided */
}

.mapStateContent ul li {
	list-style-image: url(../images/green-bullet4x7.png);
}

/* without narrowing this, the mapStateRight has enough room to float to the right of an
	empty mapStateLeft, instead of below its 0-height a** */
.IE7 .mapStateContent {
	width: 500px;
}

.mapStateLeft {
	float: left;
	width: 160px;
	margin-right: 10px;
}

.mapStateRight {
	float: left;
/*	width: 350px;  Using the styling in the ECPMapStateContent page for now  */
}

ul.promoted-menu-list ul.level-2-list {
	margin-top: 7px;
}

.meetFellowsLink {
	display: none;
}

.rosefellow-detail-header{
	font-size: 13px;
	padding: 8px 8px;
}

.rosefellow-annotation {
	font-size: 14px;
}

.content-left-extra a.content-left-extra-button {
	color: white;
	display: block;
	
	margin: 0 0 10px 0;
	padding: 9px;

	text-align: center;
	text-decoration: none;

	background-image: -webkit-linear-gradient(to bottom, #89C40B 0%, #5F8E00 100%);
	background-image: -moz-linear-gradient(to bottom, #89C40B 0%, #5F8E00 100%);
	background-image: -o-linear-gradient(to bottom, #89C40B 0%, #5F8E00 100%);
	background-image: -ms-linear-gradient(to bottom, #89C40B 0%, #5F8E00 100%);
	background-image: linear-gradient(to bottom, #89C40B 0%, #5F8E00 100%);
}

.non-touch .content-left-extra a:hover.content-left-extra-button {
	color: white !important;
	text-decoration: none;

	background-image: -webkit-linear-gradient(to bottom, #5F8E00 0%, #89C40B 100%);
	background-image: -moz-linear-gradient(to bottom, #5F8E00 0%, #89C40B 100%);
	background-image: -o-linear-gradient(to bottom, #5F8E00 0%, #89C40B 100%);
	background-image: -ms-linear-gradient(to bottom, #5F8E00 0%, #89C40B 100%);
	background-image: linear-gradient(to bottom, #5F8E00 0%, #89C40B 100%);
}