﻿/* The charities by category list on the front page*/

.spotlightSection ul.charitiesByCategory{
	margin:0 auto;
}

.spotlightSection ul.charitiesByCategory, .spotlightSection ul.charitiesByCategory ul { 

	padding: 0; 
	list-style: none;
	width: 180px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc; 
} 

.spotlightSection ul.charitiesByCategory li { 
	position: relative; 
} 

.spotlightSection ul.charitiesByCategory li ul { 
	margin:0;
	position: absolute; 
	left: 179px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

.spotlightSection ul.charitiesByCategory li:hover ul {
	display: block; 
} 

.spotlightSection ul.charitiesByCategory li:hover>ul { 
	visibility:visible; 
} 

.spotlightSection ul.charitiesByCategory ul {
	visibility:hidden; 
	list-style-type:none;
} 

/* Fix IE. Hide from IE Mac \*/ 
* html .spotlightSection  ul.charitiesByCategory li { float: left; height: 1%; } 
* html .spotlightSection  ul.charitiesByCategory li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

.spotlightSection ul.charitiesByCategory li { 
	margin: 0 0 0 1px; 
} 

/* Styles for Menu Items */ 
.spotlightSection ul.charitiesByCategory a { 
	font-size:11px;
	font-weight:normal;
	margin:0;
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #fff; /* IE6 Bug */ 
	padding:4px; 
	border: 1px solid #ccc; 
	border-bottom: 0;
	background-repeat:no-repeat;
	background-position:154px center;
	
} 

/* Hover Styles */ 
.spotlightSection ul.charitiesByCategory a:hover { 
	color: #E2144A; 
} 

/* Sub Menu Styles */ 
.spotlightSection ul.charitiesByCategory li ul a { 
	text-decoration: none; 
	color: #fff; 
	background: transparent; /* IE6 Bug */ 
	padding: 5px; 
	border:none; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
.spotlightSection ul.charitiesByCategory li ul a:hover { 
	color: #000;
} 

/* Icon Styles */ 
.spotlightSection ul.charitiesByCategory a.submenu {background:#fff url("r_arrow.gif") no-repeat right; } 
.spotlightSection  ul.charitiesByCategory a.submenu:hover {background:#f9f9f9 url("r_arrow.gif") no-repeat right;}

.charityImageModal { 
     
     padding:10px;
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
   
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
.spotlightSection .charitiesByCategory .charity span{
	width:120px;
}
 
 
/* close button positioned on upper right corner */ 
 .charityImageModal .close { 
    background-image:url(Images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* Gotta love ie6 and pngs!! */

 * html .close{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

.spotlightSection .organizationD01623{ /*arts*/
	background-image: url('Images/CategoryList/D01623.png');
}
.spotlightSection .organization03A7EE{ /*animals*/
	background-image:url('Images/CategoryList/03A7EE.png');
}
.spotlightSection .organizationE09F1F{ /*community*/
	background-image: url('Images/CategoryList/E09F1F.png');
}
.spotlightSection .organizationB27A19{ /*Education*/
	background-image: url('Images/CategoryList/B27A19.png');
}
.spotlightSection .organization0080AD{ /*Environment*/
	background-image: url('Images/CategoryList/0080AD.png');
}
.spotlightSection .organization004D71{ /*Social Action*/
	background-image: url('Images/CategoryList/004D71.png');
}
.spotlightSection .organization8F0212{ /*Wellness*/
	background-image: url('Images/CategoryList/8F0212.png');
}
.spotlightSection .organization6A0002{ /*Youth*/
	background-image: url('Images/CategoryList/6A0002.png');
}

.spotlightSection .organizationBF4331{ /*Oregon Cultural Trust*/
	background-image:url('Images/CategoryList/BF4331.png');
}

/* hovers */

.spotlightSection .organizationD01623:hover{ /*arts*/
	background-image: url('Images/CategoryList/D01623_on.png');
}
.spotlightSection .organization03A7EE:hover{ /*animals*/
	background-image:url('Images/CategoryList/03A7EE_on.png');
}
.spotlightSection .organizationE09F1F:hover{ /*community*/
	background-image: url('Images/CategoryList/E09F1F_on.png');
}
.spotlightSection .organizationB27A19:hover{ /*Education*/
	background-image: url('Images/CategoryList/B27A19_on.png');
}
.spotlightSection .organization0080AD:hover{ /*Environment*/
	background-image: url('Images/CategoryList/0080AD_on.png');
}
.spotlightSection .organization004D71:hover{ /*Social Action*/
	background-image: url('Images/CategoryList/004D71_on.png');
}
.spotlightSection .organization8F0212:hover{ /*Wellness*/
	background-image: url('Images/CategoryList/8F0212_on.png');
}
.spotlightSection .organization6A0002:hover{ /*Youth*/
	background-image: url('Images/CategoryList/6A0002_on.png');
}

.spotlightSection .organizationBF4331:hover{ /*Oregon Cultural Trust*/
	background-image: url('Images/CategoryList/bf4331_on.png');
}


/*The charity list by category in the tabbedlist control*/


.tabbedCharitiesList .oakTree-tabList{
	margin:0;
	padding:0;
}
.tabbedCharitiesList .oakTree-tabListItem{
	display:inline;
	float:left;
	margin:0;
}

.tabbedCharitiesList .oakTree-tabListItem a{
	display:block;
	padding:4px;
}

.tabbedCharitiesList .oakTree-tabListItem a.selectedTab{
	font-weight: bold;
}
.tabbedCharitiesList .oakTree-tabContainer{
	clear:both;
}

.charities-byCategory ul.charitiesByCategory{
	margin:0;
	padding:10px 0 0 0;
	width:300px;
}

.charities-byCategory li{
	list-style-type:none;
	margin:0;
	padding:0;
	border:solid 1px #fff;
}

.charities-byCategory .organizationList{

}

.charities-byCategory .organizationList li{

	/*border:solid 1px #eee;*/

}
.charities-byCategory li a{
	display:block;
	padding: 6px 6px 6px 16px;
	/*background:#ddd;*/
	color: #000;
}

.charities-byCategory .organizationList li a{
	background:#fff;
}

.charities-byCategory .organizationList li a:hover{
	/*background:#eee;*/
}

a.organizationE09F1F {
	/*background-color: #E09F1F;*/
	background-image: url(Images/CategoryList/community.png);
	background-repeat: no-repeat;
}

a.organization0080AD {
	/*background-color: #0080AD;*/
	background-image: url(Images/CategoryList/environment.png);
	background-repeat: no-repeat;
}

a.organization004D71 {
	/*background-color: #004D71;*/
	background-image: url(Images/CategoryList/social-action.png);
	background-repeat: no-repeat;
}

a.organizationD01623 {
	/*background-color: #D01623;*/
	background-image: url(Images/CategoryList/arts.png);
	background-repeat: no-repeat;
}

a.organization8F0212 {
	/*background-color: #8F0212;*/
	background-image: url(Images/CategoryList/wellness.png);
	background-repeat: no-repeat;
}

a.organizationB27A19 {
	/*background-color: #B27A19;*/
	background-image: url(Images/CategoryList/education.png);
	background-repeat: no-repeat;
}

a.organization6A0002 {
	/*background-color: #6A0002;*/
	background-image: url(Images/CategoryList/youth.png);
	background-repeat: no-repeat;
}

a.organization8080FF {
	/*background-color: #8080FF;*/
}

a.organization03A7EE {
	/*background-color: #03A7EE;*/
	background-image: url(Images/CategoryList/animals.png);
	background-repeat: no-repeat;
}

a.organizationBF4331 {
	/*background-color: #03A7EE;*/
	background-image: url(Images/CategoryList/oct.png);
	background-repeat: no-repeat;
}

.charities-byCategory ul.charitiesByCategory li ul.organizationList {
	margin: 0 0 0 30px;
	padding: 0 0 15px 0;
}

.charities-byCategory ul.organizationList li {
	list-style-type: square;
}

.charities-byCategory ul.organizationList li a {
	color: #731219;
	padding: 3px 0 3px 0;
}

.charities-byCategory ul.organizationList li a:hover {
	text-decoration: none;
}

/* Alpha List Styles */

li.organization0080AD {
	list-style-image: url(Images/CategoryList/legend_environment.jpg);
}

li.organization6A0002 {
	list-style-image: url(Images/CategoryList/legend_youth.jpg)	
}

li.organization004D71 {
	list-style-image: url(Images/CategoryList/legend_socialAction.jpg);
}

li.organization8F0212 {
	list-style-image: url(Images/CategoryList/legend_health.jpg);
}

li.organizationE09F1F {
	list-style-image: url(Images/CategoryList/legend_community.jpg);
}

li.organizationD01623 {
	list-style-image: url(Images/CategoryList/legend_arts.jpg)	
}

li.organizationB27A19 {
	list-style-image: url(Images/CategoryList/legend_schools.jpg);
}

li.organization03A7EE {
	list-style-image: url(Images/CategoryList/legend_animals.jpg)	
}

li.organizationBF4331 {
	list-style-image: url(Images/CategoryList/legend_oct.png);
}

ul.allCharitiesList li {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
}

ul.allCharitiesList {
	margin: 0 0 0 0;
	padding: 10px 0 0 25px;
}

.charities-alpha {
	background-image: url(Images/CategoryList/legend.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}