/*my current workplace*/


html 
{
    background:url('/cip/images/paper.png') repeat !important;
}

#header 
{
	background:url('/images100/cipHeader1140.png');
    width: 100%;
}

@media (min-width: 1px) and (max-width: 1199px) {
 #header
	{

		height: 148px !important;
 }   
}

/*
@media (min-width: 1px) and (max-width: 991px) {
 #header
	{
        background:url('/images100/cipHeader1200.png');
		width: 100%;
		height: 102px;
		display: block; 
 }   
}
*/


@media (min-width: 1px) and (max-width: 991px) {
 #header, .lodgeheader
	{
		background: url('/images100/ENF_CIP_Logo_Mobile.png') no-repeat !important; 
		width: 100%;
		height: 102px;
		display: block; 
		vertical-align:middle !important;
		margin: 0 auto !important;
		background-color: black;
		background-color: #003b49 !important;
		background-position: center !important;
	}	
}
    
    

.youtubeVid {
    width: 560px;
    height: 315px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (min-width: 1px) and (max-width: 767px) {
.youtubeVid {
    width: 500px;
    height: 275px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}


a[href].btnsocial{
    color: #516C78;
}
    
.cipHeader
{
    width: 100%;
    height: auto; 
    max-width: none;
}

.resources {
    padding: 10px;
}


#pagecontent
{
	max-width: 915px !important;
}


@media (min-width: 1px) and (max-width: 1199px) {
#pagecontent
{
	max-width: 740px !important;
}
    
#navigationMenus
{
    background: #516C78;	
}	
}

@media (min-width: 1px) and (max-width: 576px){
#userLinks {
    background-image: none !important;
    background-color: #516C78 !important;
}
}

.login
{
    background-color: #516C78 !important;
}

#cip.nav-link 
{
	background: #516C78;
}

#programs.nav-link 
{
	background: #516C78;
}

#volunteercenter.nav-link 
{
	background: #516C78;
}

#grandlodge.nav-link 
{
	background: #516C78;
}

.navbar {
    
    background-color: #516C78 !important;
/*
	height: 30px;
	background: url('/cip/images/3-navbg.jpg') repeat-x;
*/
}

.leftmenu 
{
    background: #EBE6DA !important;
    padding-left: 0px;
}





/*Default.cfm*/

.beacon-buttons img:hover{opacity:.8;}
.beacon-buttons-mobile{display:none;}
.beacon-buttons-mobile div
{
display:table;
background-color:#853946;
height:115px;width:100%;
color:white!important;
text-align:center;
vertical-align: middle;
margin-bottom:10px;
}
    
.beacon-buttons-mobile a:hover{background-color:#a64656;}
.beacon-buttons-mobile a{text-decoration:none;display:table-cell;color:white!important;text-align:center;font-size:18px;letter-spacing:-1px;
vertical-align: middle;}
.beacon-buttons-mobile p{font-size:13px;letter-spacing:-1px;}
.boxes img {
    margin-left: auto;
    margin-right: auto;
    opacity:1;
    filter:alpha(opacity=100);
}

@media screen and (max-width: 676px) { 
     #cip-central{display:none;}
    .beacon-buttons
    {display:none;}

    .beacon-buttons-mobile
    {display:block;}
}

#subdiv {
float:left; 
width:33%;
}

.beacon-buttons img:hover {
    opacity:0.7;
    filter:alpha(opacity=60);
}
.displayed img:hover 
{
opacity:0.6;
filter:alpha(opacity=60);
}

.displayed a:hover {background-color: transparent !important;}



/*ImpactGrants.cfm*/


/*
.header-one{
border-bottom: 1px solid #4f2e5e;
color:black;
padding:0;
margin:0;
margin-bottom:10px;
}

.a-body-section {margin-bottom:16px;}
.a-body-section li {margin-bottom:8px;}

div.relative {
    position: relative;
    border: 1px solid #4f2e5e;
    padding:10px;
}
*/

.beacon-button{display:inline-block;width:160px;height:160px;font-size:110%;font-style:italic;margin-bottom:25px;}
.beacon-button p{
display:table;
width:100%;height:100%;
}
.beacon-button p a{
display:table-cell;
background-color:#4f2e5e;
height:100%;width:100%;
padding:15px;
color:white!important;
text-align:center;
vertical-align: middle;
}


.beacon-button a:hover{background-color:#77468e;}

/*
@media screen and (max-width: 680px) { 
    .graybox{
    float: none!important;
    width: 100%!important;
    margin:0px;
    background-color:#e7e7e7;
    margin-bottom:15px!important;
    }
	.beacon-button{width:100%;height:100px;}
*/




/*Impact Grant page: */
.headerImpact
{
border-bottom: 1px solid #4f2e5e !important;
}

/*Spotlight Grant page: */
.headerSpotlight
{
border-bottom: 1px solid #2e2f36 !important;
padding: 0;
margin: 0;
margin-bottom: 10px;
}

/*Gratitude Grant page: */
.headerGratitude
{
border-bottom: 1px solid #fec312 !important;
padding: 0;
margin: 0;
margin-bottom: 10px;
}




/*End of my current workplace*/








body {background:url('/cip/images/paper.png');}
h1,h2,h3,h4,h5,h6 {color:#435a65;}


.headerlinks a
{
	float: right;
	display: block;
}

.headerlinks a:hover
{
	background-color: transparent !important;
}



#userLinks li a.login
{
	background-color: #435a65;
	color: #fff;
	font-weight: bold;
}


.leftmenu .nav-link  {
	background: #435a65;
	color: white;
	

}

.leftmenu .dropdown-menu .dropdown-item {
	color: black;

}

/*
@media (min-width: 1px) and (max-width: 992px) {
	.navbar {
		height: inherit;
		background: #435a65 !important;
	}
*/


/*  6/15/2022 this stuff was copied in its entirety from /cip/css/stylesheet.css  */

/******inline html cip styles**********/
.header-one{
border-bottom: 1px solid #00aeb6;
color:black;
padding:0;
margin:0;
margin-bottom:10px;
}

.a-body-section {margin-bottom:16px;}
.a-body-section li {margin-bottom:8px;}

.graybox{
border:1px solid #7e7e7e;
background-color:#f2f2f2;
margin-left:15px;
}

.graybox-inner
{padding:10px;}

.graybox h3{
font-size:16px;
font-weight:bold;
}

.beacon-buttons img:hover{opacity:.8;}
.beacon-buttons-mobile{display:none;}
.beacon-buttons-mobile div
{
display:table;
background-color:#00aeb6;
height:80px;width:100%;
color:white!important;
text-align:center;
vertical-align: middle;
margin-bottom:10px;
}

.beacon-buttons-mobile a:hover{background-color:#a64656;}
.beacon-buttons-mobile a{display:table-cell;color:white!important;text-align:center;font-size:18px;letter-spacing:-1px;
vertical-align: middle;}

.news-item-cipcentral{
margin-bottom:20px;
}
.cipcentral-headline-link{font-size:115%!important;letter-spacing:-1px;}
.news_dateposted{
	letter-spacing:-0.5px;
	margin-left:7px;
	background-color: #f3f3f3;
    color: #555;
    border-radius: 5px;
    font-size: 85%;
    display: inline-block;
    padding: 4px;
    border: 1px solid #f1f1f1;
}
.back-to-cip-central{margin-bottom:20px;font-weight:normal!important;margin-top:-10px;margin-left:50px;letter-spacing:-0.5px;background-color:#4f6a78;color:white!important;border-radius:5px;font-size:115%;display:inline-block;font-weight:normal;padding:14px;float:right;}
.back-to-cip-central:hover{background-color:#33454f!important;}

#subdiv{margin-bottom:10px;}

@media screen and (max-width: 680px) { 
    .graybox{
    float: none!important;
    width: 100%!important;
    margin:0px;
    background-color:#e7e7e7;
    margin-bottom:15px!important;
    }
    .beacon-buttons
    {display:none;}

    .beacon-buttons-mobile
    {display:block;}
}
/**************************************/


.carousel-headline a,
.carousel-headline
{
color:white!important;
}
.carousel-headline a:hover { background-color:transparent!important;}

#toggleOldCipHeader
{
/*to override the display of the CIP homepage in favor of carousel without editing the news content directly */
display:none!important;
}

#enfaddress { background-color:transparent; }

a:hover {
 cursor:pointer;
}
.headerlinks a
{
	float: right;
	display: block;
}

.headerlinks a:hover
{
	background-color: transparent !important;
}
.warning-div
{
color: #9F6000;
padding:15px;
margin:15px;
background-color: #FEEFB3;
}
.success-div
{
color: #4F8A10;
padding:10px;
margin:15px 0px 15px 0px;
background-color: #DFF2BF;
}
#info-table
{
table-layout: fixed;
display: table;
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}
.x-tab-panel-body
{border:none;}
#h-table-row
{
background-color:#e9e9e9;
font-weight:bold;
}
#table-row, #table-row-odd, #h-table-row
{ 
width:100%; 
display: table-row;
}
#table-row-odd
{
background-color:#f1f1f1;
}
#table-cell
{
display: table-cell;
font-family:Arial;
font-size:12px;
text-align:left;
padding:6px;
border:1px solid #D3D3D3;
}

.volunteer-button-wrapper
{
margin-bottom:20px;
}

#vo-link a[href]{color:#3a3a3a;}
#vo-link
{
letter-spacing: -0.6px;
font-weight:bold;
font-family:arial;
text-align:center;
vertical-align: middle;
overflow:hidden;
color:#3a3a3a;
padding:8px;
}
.volunteer-button
{
border-radius: 6px;
height:140px;
margin-right: 18px;
margin-bottom:10px;
box-shadow: 3px 2px 9px 0px rgba(119, 119, 119, 0.81);
-moz-box-shadow: 3px 2px 9px 0px rgba(119, 119, 119, 0.81);
-webkit-box-shadow: 3px 2px 9px 0px rgba(119, 119, 119, 0.81);
}

@media (min-width: 1px) and (max-width: 767px) {
.volunteer-button
{
    height:180px;
}
}


.volunteer-button:hover
{
background-color:#FFFFCC;
}

#projectbubble {
background-repeat: no-repeat;
background-position: 50%;
margin-left:23px;
margin-top:5px;
border-radius: 50%;
border: 2px solid #ccc;
width: 70px;
height: 70px;
}

#outterbox
{
background-color: #999999;
width: 580px;	
height: 287px;
clear: both;
}

#arrowbox, #innerbox
{
	width: 580px;	
}

#arrowbox
{
	background: url("/ENF/images/arrow.png") no-repeat scroll 0 0 transparent;
	left: 3px;
}

#hoverbox ul li a
{
	width: 122px;
	font-size: 12px;
	text-align:center;
}

#footer
{
    border-top: 2px solid #536722;
}

#enfaddress
{
	clear: both;	
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #fff;
}

#enfaddress a
{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	background: 0 none;
}

#lodgeLocator
{
	display: block;	
}

.registerForm label
{
	color: #000;	
}

.registerForm h2
{
	background: #000000;
	color: white;
	font-size: 18px !important;
	padding: 5px !important;
}

.registerForm input[type="button"], .registerForm input[type="submit"] 
{
	min-width: 150px;
	width: 80%;
	max-width:: 80%;
    background-color: #772F46;
	padding:15px;
	margin:5px;
	font-size:110%;
	border-radius:3px;
	letter-spacing: -1px;
}

.registerForm input[type="button"]:hover, .registerForm input[type="submit"]:hover 
{
    border: 1px solid #772F46;
	background-color:#933a57;
	cursor:pointer;
}

.registerForm input[readonly] {
	background: silver;
	color: black;
}

.cobalt
{
	background-color: #336699 !important;
}

.cobalt:hover
{
    border: 1px solid #336699 !important;
	background-color: #333 !important;
}

.ENFside
{
	/* border-top: 38px solid #C1B9A4; */
	padding:25px 5px 10px 5px;
}

.ENFside img.share
{
	/* float:left; */
	padding:0px 10px 0px 0;
	border: 0 none;  
}

.ENFside p.copy
{
	height: 32px;
	font-size: 13px;
	line-height: 32px;
	padding:5px 0 0 0;
}

#topmenu a
{
	background: 0 none;
	font-weight: bold;
}

#topmenu li a.login, #topmenu div input[type="submit"] {
    background-color: #435a65 !important;
}


#topmenu div input[type="text"], #topmenu div input[type="password"] 
{
    border: 1px solid #435a65;
}

#content
{
	color: #3B3114;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.breadcrumbs
{
	height: 20px;
	margin-top:-15px;
	margin-bottom:15px;
}

#leftwrap
{
	position: relative;
	background: url('/enf/images/wraponebg.gif');
}


#bothwrap
{
	position: relative;
	background: url('/enf/images/bwrap-white.png');
}


#leftcontent 
{
	background:#ebe6da;	
}


#leftcontent li
{
	font-size: 14px !important;	
}



#leftcontent li div li a
{
	color: #f1f1f1;
	font-weight: bold;
	background: #c1b9a4;
	line-height: 16px;
}

#leftcontent li div li:hover a:hover
{
	background: #c1b9a4;
	color:#435a65;
}

#leftcontent li div li a.activeSub
{
	color: #72253d;
	background: #c1b9a4;
}

.breadcrumbs a {
	color: #72253d;
	font-weight: bold;
}

#innercontent
{
	position: relative;
	line-height:1.65;
	padding-bottom:30px;
}

#func
{
	/* position: absolute; */
	font-size: 40%;
	border: 0 none;
	max-width:50%;
	right: 10px;
	/* top: 8px; */
	padding: 0;
	float:right; /*newly added */
	margin: -5px 3px 5px 3px;/* newly added */
}

#func a:link {
	float: right;
	color: #acbb80;
	text-decoration: none;
}
#func a:visited {
	float: right;
	color: #acbb80;
	text-decoration: none;
}

.newsbloc img
{
	padding: 10px;
}

/******************* SCHOLARS NAV MENU *******************?
/* Navigational menus */

#scholarsnav 
{
	position:relative;
	float: left;
	margin:0;
	padding:0;
	height: 30px;
}

#scholarsnav li
{
	float: left;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#scholarsnav li a 
{
	display: block;
	outline: none;
	margin: 0;
    padding: 0;
	text-decoration: none;
	text-align: left;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #fff;
} 

#scholarsnav div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	z-index: 30;
}

#scholarsnav div a
{	
	position: relative;
	display: block;
	outline: none;
	margin: 0;
	padding: 9px 10px 9px;
	width: 230px;
	white-space: nowrap;
	text-decoration: none;
	background: #C1B9A4;
	filter:alpha(opacity=98);
	-moz-opacity:0.98;
	opacity:0.98;
}

#scholarsnav div a:hover
{	
	background:#fb9d38;
}




/*	Dropdown menus	*/
#nav_container {
	width:100%;
	margin:0 auto;
	padding:0 5px 0 5px;
}





/****************** ORIGINAL STYLES ********************/

.OnlineGivingButton 
{
	background: #613446;
	color: #ffffff !important;
	display: block;
	width: 500px;
	height: 28px;
	font-weight: bold; 
	padding: 8px 0 0 0;
	margin: 15px auto;
	text-align: center;
}

.OnlineGivingButton:hover 
{
	background: #884962 !important;
	color: #f1f1f1 !important;
	text-decoration: underline;
}

a {
	color: #613446;
}

.dropdown-menu
.nav-link
{
    text-decoration: none !important; 
}

a[href].pagecontent {
	text-decoration: underline; 
}

/*
a[href]:hover {
	color: #613446;
	text-decoration: underline;
}
*/

/*
a[href]:link {
	text-decoration: underline;
	font-weight: bold;
}
*/
/*
a[href]:visited {
	text-decoration: none;
}
*/
/*
a[href]:hover {
	text-decoration: none;
	color: none;
}
*/

/*
.copy_nav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #772f46; 
	text-decoration: underline !important; 
}

.copy_nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #72253d !important;
	text-decoration: underline !important; 
	background: #feecbe;
}

.copy_nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A96C7F;
	text-decoration: underline !important; 
*/
}

.MenuPage_nav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #772f46;
	text-decoration: underline; 
}

.MenuPage_nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15x;
	font-weight: bold;
	color: #772f46; 
	text-decoration: underline; 
	background: #feecbe
}

.MenuPage_nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #772f46;
	text-decoration: underline; 
}

MenuPage_nav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #772f46;
	text-decoration: underline; 
}

.body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3b3114;
	font-weight:normal;
	background-color: #ffffff;
}

td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3b3114;
	font-weight:normal;
	line-height: 16px;
}

input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
}
.reports {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #3b3114;
	font-weight:normal;
	line-height: 16px;
}
.theList {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #3b3114;
	font-weight:normal;
	line-height: 20px;
}
.FormWhite {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;
	line-height: 18px;
	}

.formSectionHeader {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px; 
	background: #C1B9A4; 
	color: #613446;		
}

.formPulse {
	background: #774558;
}
	
.bodyPurple {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #613446;
	font-weight:normal;
	line-height: 16px;
}
.footerReg{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #eee;
}

.footerRegReport{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
}

.footerReg a
{
	color: #fff;
	text-decoration: underline;
}

.footerReg a:hover
{
	background-color:transparent;
}

.footerBold{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.header, .Header {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 25px;
	color: #613446;
	background: 0 none !important;
	font-weight: bold;
	line-height: 150%;
	margin-top: 20px 0 8px;
}

.header2, .Header2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #613446;
	background: 0 none !important;
	font-weight: bold;
	line-height: 125%;
}

.header3, .Header3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #613446;
	background: 0 none !important;
	font-weight: bold;
	line-height: 125%;
}

.list {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #80A5D2;
}
.copyright {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #A9BFDE;
	font-weight: bold;
}
.brand {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #A9BFDE;
	font-weight: bold;
}
.insightsHead {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #80A5D2;
	font-weight: normal;
	line-height: 15px;
}
.insightsBody {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #80A5D2;
	font-weight: normal;
	line-height: 13px;
}
.body_white {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
	line-height: 16px;
}
.bodyBold {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #613446;
	font-weight: bold;
	line-height: 16px;
}

.ftmBody {
	background-color: #ffffff;	
}	

.ftmHomePageHeadline {
	color: #772f46 !important;
	font-size: 16px;	
	font-weight: bold;
}




/* JG 9/28/10 Added some styles for changes to ENF homepage */


#enfhomestories
{
	clear: both;
	margin: 0;
	padding-top: 10px;
}

#enfhomestories ul
{
	padding: 0;
	display: inline;
	border: none;
	list-style-type: none;
}

#enfhomestories li
{
	padding: 10px 10px 0px 0px;
	min-height:500px;
	float: left;
	list-style-type:none!important;
	line-height:1.55;
	width: 46%;
	border: none;
	vertical-align: top;
	display: inline;
	margin:9px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.43);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.43);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.43);
}

#enfHomeStoryText { 
margin-left:5%;
margin-bottom:5%;
margin-right:5%;
}

#enfhomestories li > img
{
   display: block;
   margin: auto auto;
   padding-bottom:7px;
}

#enfhomestories li.last
{
	width: 250px;
	margin: 0px;
}

#rotate
{
	font: 24px normal Verdana, Helvetica, Arial, sans-serif;
	background-color: #feecbe;
	margin-top: 1px;
	margin-left: 2px;
	width: 580px;
	height: 280px;
	overflow: hidden;
}

#theimage
{
	width: 580px;
	height: 237px;
}

.hiddenPic
{
	display: none; /* Preload images without displaying them */
}

#storybox
{
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	width: 430px;
}

#storybox a
{
	color: #772f46;
	font-weight: bold;
	text-decoration: none;
}

#switchbar ul
{
	float: right;
	margin: 0;
	padding: 5px 3px 5px 3px;
	display: inline;
}

#switchbar li
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: inline;
}

#switchbar li a
{
	border: 1px solid #000;
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 3px 3px 3px 3px;
	outline: none;
	width: 20px;
	height: 20px;
	font-size: 14px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

#switchbar li a.active
{
	color: #fff !important;
	background-color: #333 !important;
}

#switchbar li a.inactive
{
	color: #000 !important;
	background-color: #fff !important;
}


.ReportLabel {
	background-color:#ACBB80;
}

.DataBackground {
	background-color:#FEECBE;
}

.SmallText {
	font-size:  11px;
	font-weight: bold;
}

.CallOutTable 
{
background-color: #FEECBE; 
-webkit-box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
-moz-box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
margin: 10px;
padding:8px;
}

.CallOutTable img
{
padding:7px;
border:0px;
}

.CallOutTable p
{
padding:0px 10px 0px 10px;
}

.PurpleFormLink:link {
	color:#ffffff;
	background: transparent;
	text-decoration: underline;
}

.PurpleFormLink:link {
	color:#ffffff;
	background: transparent;
	text-decoration: underline;
}

.PurpleFormLink:visited {
	color:#ffffff;
	background: transparent;
	text-decoration: underline;
}

.ErrorMessage {
	background-color: #FEECBE; 
	color:  #ff0000;
	font-weight: bold;
}

.ENFBackground {
	background-color: #E5E0D2;
}

.PDFButton {
	font-size:11px; 
	font-weight: bold; 
	background-color: #E5E0D2; 
	color: #772f46;
}

ul#inlineList {
	width:500px;
	margin:0 auto;
	font-size:.8em;
	text-align:center;

}

ul#inlineList li {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	display:inline;

}

ul#inlinelist a { 
	color: #772f46;
	font-weight: bold;
}

.totalRow {
	background: #ffffff;
	font-weight: bold;
	border-top: solid 1px #000000;
}

.controlPanel form {
	background: #e1e1e1;
	padding: 5px;
}

.controlPanel form label {
	float:left;
	font-weight: bold;
	width: 200px ;

}

.controlPanel form input[readonly]  {
 	 background: #eeeeee; 
	 color: #666666; 
	 font-weight: bold;
}

.controlPanel form fieldset {
	border: none;
}	 

.controlPanel table th {
	background: black;
	color: white;
}	 

.controlPanel .message {
	font-weight: bold;
	background: yellow;
}

.controlPanel a {
	color: black;
	text-decoration: underline !important;

}


#quotewrapper 
{
background: #e9e9e9;
padding:10px;
border-left: 10px solid #ccc;
}

#blockquote {
color:#323232;
text-shadow: 0px 1px 0px #ebebeb;
margin-left:0;
font-family: Georgia, serif;
font-size:125%;
font-style:italic;
}

/*main colors and imagery for CIP */
#innercontent a{color:#435a65;}
#innercontent a:visited{color:#4f6a78;}
h1,h2,h3,h4,h5,h6 {color:#435a65;}
a[href]:hover{color:#4f6a78;}
#header,#leftwrap{box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}
#topnav li a, #navbar {background: url('/cip/images/3-navbg.jpg');}

#mainwrap {background: url("/cip/images/paper.png") top center repeat;}

#leftcolumn {background-color: #ebe6da;}

.breadcrumbs a[href] { color: #435a65!important;}
#leftmenu li a.login {background-color: #435a65 !important;}

#topmenu li a.login, #topmenu div input[type="submit"] {background-color: #435a65 !important;}

.message {
	font-weight: bold;
	background: yellow;
}


.grant-button-wrapper{margin-bottom:20px;display:block;}
.grant-button-outer{box-sizing:border-box;display:table;float:left;width:33%;padding:5px;}

@media (min-width: 1px) and (max-width: 475px) {
.grant-button-outer{width:50%;}
}
@media (min-width: 1px) and (max-width: 339px) {
.grant-button-outer{width:100%;}
}
.grant-button-inner{
box-sizing:border-box;
text-align:center;
border: 1px solid #989898;
border-radius: 6px;
display: table-cell;
height:225px;
padding: 10px;
background-image: 
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, 
rgba(255, 255, 255, 0.0) 50%, 
rgba(255, 255, 255, 0.0) 51%, 
rgba(162, 162, 162, 0.2) 100%);
box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
.grant-description{}

.link-button,.link-button a[href]{
	font-weight:normal!important;
	width:80%;
    margin: 2px;
    border-radius: 3px;
    border-style: initial;
    border: 1px solid;
    border-color: #989898;
    color: #232323;
    background-color: #f1f1f1;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    -moz-box-shadow: #565656 0px 0px 3px;
    -webkit-box-shadow: #565656 0 1px 2px;
    padding: 10px;
background-image:
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(162, 162, 162, 0.2) 100%);
color:white!important;
}
.grant-title{font-size: 18px;
    letter-spacing: -1.2px;
}
.beacon{background-color:#00868c;border-color:#005558;}
.beacon:hover,.beacon[href]:hover{background-color:#00686d;}

.gratitude{background-color:#d6a300;border-color:#a07a00;}
.gratitude:hover{background-color:#c19300;}

.promise{background-color:#c7290e;border-color:#6d1000;}
.promise:hover{background-color:#a52009;}

.impact{background-color:#4f2e5d;border-color:#310046;}
.impact:hover{background-color:#3d2348;}

.spotlight{background-color: #2e2f36;
    border-color: #2e2f37;}
.spotlight:hover{background-color:#1e2f36;}

.freedom{background-color:#004c0e;border-color:#002d09;}
.freedom:hover{background-color:#003a0b;}







/* updated styles for left menu */

#elksLeftMenu ul ul li.activeCategory>a {
background:#e4e4e4;
}



/*#leftcontent{padding-top:0;}
	#leftcontent li{border:none;}
	#leftcontent ul{background-color:#ebe6da;}*/
/*
	#elksLeftMenu li a {
	background:none;
	width:auto;
	height:auto;
	font-weight:normal;
	}
.subwrap{display:none;}
	#mobilemenu li a:hover{background:none;}
	#elksLeftMenu ul ul li a:hover{color:black;}
	#elksLeftMenu ul li h3 a:hover{background:#4f6a78;}	
    #elksLeftMenu a:hover{cursor:pointer;}
	#elksLeftMenu i.fa.fa-sign-in{
	color: #435a65;
    font-size: 110%;
    margin-left: 3px;
	}
	#elksLeftMenu li{border:none;}
	#elksLeftMenu li a{
	width:auto!important;
	height:auto!important;
	font-weight:normal;
	}
	#elksLeftMenu ul{
	background-color:#fff;
	}
	
	#elksLeftMenu {
		font-family:'Arial',sans-serif;
		min-height:200px;
		padding-top:1px;
		width: 100%;
	}
	#elksLeftMenu * {
		margin:0;
	}
	#elksLeftMenu h3 {
		background: #435a65;
		border-bottom:1px solid #394d56;
	}
*/