/*-----------------------------------------------
Title:   Home page specific styles
Created: August 2008-08-28 (IVG)
Updated: 
----------------------------------------------- */
@import url(global.css);


/*-----------------------------------------------
==lightbox
----------------------------------------------- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.25em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}

/*-----------------------------------------------
==featured infobox
----------------------------------------------- */

#featuredWrapper {
	background: #256da6 url(../images/backgroundFeatured.png) top left repeat-x;
}
	#featured {
		width: 900px;
		position: relative;
		height: 222px;
		margin: 0px auto;
	}
		#featured img {
			margin: 0px;
			position: absolute;
			left: -50px;
			padding: 0px;			
			display: block;
		}
		
	#featuredInfoBox {
		position: absolute;
		width: 320px;
		right: 0px;
		margin-right: 0px;
		color: #fff;		
	}
		#featuredInfoBox a {
			color: #fff;
		}
		#featuredInfoBoxNavigation {
			float:left;
			margin-right: -80px;
			margin-top: 30px;
			padding-right: 80px;
			width: 320px;
			background: transparent url(../images/backgroundFeaturedInfoTabs.png) right bottom no-repeat scroll;
		}
		#featuredInfoBoxNavigation li {
			display:block;
			float:left;
			font-size:1.6em;	
			padding-bottom: 5px;
			padding-right: 20px;
			padding-top: 12px;
			padding-left: 20px;
		}
			#featuredInfoBoxNavigation li a {
				font-weight: normal;
			}
		#featuredInfoBoxNavigation li.active {
			font-weight: bold;
			background: #1c527e url(../images/backgroundFeaturedInfoActive.png) top left repeat-x scroll;
			padding-bottom: 6px;
			border: 1px solid #7aa0bf;
			border-bottom: none;
		}
			#featuredInfoBoxNavigation li.active a {
				font-weight: bold;
			}
		#featuredInfoBox div.tab {
			display: none;  /* hide the inactive tabs */
			height: 140px;	
			width: 295px;
			overflow: hidden;
			padding-left: 21px;
			padding-top: 12px;
			background: url(../images/featuredInfoBoxBackground.png) top left no-repeat scroll;
			clear: left;			
		}
		#featuredInfoBox div.active {
			display: block;  /* display the active tabs */
		}

#mainContent {
	float:left;
	width: 575px;
}

/*-----------------------------------------------
==sidebar
----------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	padding-left: 20px;
	background: #fff url(../images/backgroundDashesBottom.png) left bottom no-repeat scroll;		
}
	#sidebar h1.first {
		/* 
			By playing with the (negative) margins, we can use this element to fade out the divider
			between the main content and the sidebar. 
		*/
		margin: 0px 0px 0px -20px;
		padding: 40px 0px 0px 20px;
		background: #fff url(../images/backgroundDashesBottom.png) left top no-repeat scroll;		
	}
	#blogTools {
		float: left;
		margin-top: 4px;
		margin-bottom: 20px;
	}	
		#blogTools li {
			float:left;
			margin-right: 20px;
		}
			#blogTools a {
				color: #7a7a7a;
				font-size: 1.4em;
				font-weight: normal;
				padding: 2px;
				display: block;
			}
			#feed a {
				padding-left: 20px;
				background: transparent url(../images/feedIcon.png) left 50% no-repeat scroll;				
			}
	#sidebar p {
		font-size: 1.2em;
	}
	.posts li {
		margin-bottom: 1.2em;		
	}
		.posts li li {
			border-right: 1px solid;
			display: inline;
			margin-top: .1em;
			padding-right: .4em;
		}
		.posts li li.last {
			border-right: transparent 1px none;
		}		
	.posts h1, .posts p {
		margin: 0px;
		margin-bottom: .2em;		
	}
	.posts h1 {
		font-weight: bold;
		font-size:1.2em;
	}
	
	#resourcesBox {
	}
		#resourcesBoxNavigation {
			height: 25px;
			background: #fff url(../images/backgroundResourcesNavigation.png) right bottom no-repeat;
		}
			#resourcesBoxNavigation li {
				display:block;
				float:left;
				height: 15px;
				padding-top: 10px;
				padding-left: 10px;
				padding-right: 10px;
			}
				#resourcesBoxNavigation li a {
					font-weight: normal;
				}
			#resourcesBoxNavigation li.active {
				font-weight: bold;
				background-color:#fff;
				border:1px solid #C2CBD2;
				height: 14px;
				border-bottom: none 0px;
				
			}
				#resourcesBoxNavigation li.active a {
					font-weight: bold;
				}
	
	
		#resourcesBox div.tab {
			display:none;  /* hide the inactive tabs */
			clear: both;
			padding-left:10px;
			padding-right:10px;
			padding-bottom: 30px;
			border-top: 1px solid transparent;  /* transparent top border to prevent margins from appearing between nav and box */
			background: #fff url(../images/backgroundResourcesBoxBorder.png) left bottom no-repeat scroll;
		}
		#resourcesBox div.active {
			display:block;  /* show the active tab */
			clear:left;
		}

	div.infobox-tabbed {
	}

		div.infobox-tabbed .tabset {
			height: 25px;
			background: #fff url(../images/backgroundResourcesNavigation.png) right bottom no-repeat;
		}
			div.infobox-tabbed .tabset li {
				display:block;
				float:left;
				height: 15px;
				padding-top: 10px;
				padding-left: 10px;
				padding-right: 10px;
			}
				div.infobox-tabbed .tabset li a {
					font-weight: normal;
				}
			div.infobox-tabbed .tabset li.active {
				font-weight: bold;
				background-color:#fff;
				border:1px solid #C2CBD2;
				height: 14px;
				border-bottom: none 0px;
				
			}
				div.infobox-tabbed .tabset li.active a {
					font-weight: bold;
				}

		div.infobox-tabbed div.tab {
			display:none;  /* hide the inactive tabs */
			clear: both;
			padding-left:10px;
			padding-right:10px;
			padding-bottom: 30px;
			border-top: 1px solid transparent;  /* transparent top border to prevent margins from appearing between nav and box */
			background: #fff url(../images/backgroundResourcesBoxBorder.png) left bottom no-repeat scroll;
		}

		div.infobox-tabbed div.active {
			display:block;  /* show the active tab */
			clear:left;
		}


	#featured h1.infobox-tabbed_header {
		display: none;
	}

	#featured div.infobox-tabbed {
		position: absolute;
		width: 320px;
		right: 0px;
		margin-right: 0px;
		color: #fff;		
	}
		#featured div.infobox-tabbed a {
			color: #fff;
		}
		#featured div.infobox-tabbed .tabset {
			float:left;
			margin-right: -80px;
			margin-top: 5px;
			padding-right: 80px;
			width: 320px;
			height: auto;
			background: transparent url(../images/backgroundFeaturedInfoTabs.png) right bottom no-repeat scroll;
		}
		#featured div.infobox-tabbed .tabset li {
			display:block;
			float:left;
			font-size:1.6em;	
			padding-bottom: 5px;
			padding-right: 12px;
			padding-top: 12px;
			padding-left: 12px;
		}
			#featured div.infobox-tabbed .tabset li a {
				font-weight: normal;
			}
		#featured div.infobox-tabbed .tabset li.active {
			font-weight: bold;
			background: #1c527e url(../images/backgroundFeaturedInfoActive.png) top left repeat-x scroll;
			padding-bottom: 6px;
			border: 1px solid #7aa0bf;
			border-bottom: none;
		}
			#featured div.infobox-tabbed .tabset li.active a {
				font-weight: bold;
			}
		#featured div.infobox-tabbed div.tab {
			display: none;  /* hide the inactive tabs */
			height: 140px;	
			width: 295px;
			overflow: hidden;
			padding-left: 21px;
			padding-top: 12px;
			background: url(../images/featuredInfoBoxBackground.png) top left no-repeat scroll;
			clear: left;			
		}
		#featured div.infobox-tabbed div.active {
			display: block;  /* display the active tabs */
		}		

	.infobox-tabbed .object-left {
		clear: none;
		float: none;
	}

	.infobox-tabbed .itemized_event_items {
		width: 95%;
	}

	.infobox-tabbed .itemized_event_items li {
		border-bottom: dashed 1px #ffffff;
		padding: 6px 0px;
	}

	.infobox-tabbed .event-title {
		display: block;
		font-size: 1.2em;
	}
	.infobox-tabbed .event-date {
		display: block;
		padding-top: 4px;
	}

/*-----------------------------------------------
==quickLinks
----------------------------------------------- */
ul.quicklinks_buttons {
	margin-top: 4em;
}
	ul.quicklinks_buttons li {
		float:left;
	}
		ul.quicklinks_buttons a {
			display: block;	
			height: 43px;
			text-indent: -9999px;
		}
		ul.quicklinks_buttons a.mission {
			width:219px;
			background: transparent url(../images/quickLinks.png) 0px top no-repeat scroll;		
		}
		ul.quicklinks_buttons a.membership {
			width:170px;
			background: transparent url(../images/quickLinks.png) -219px top no-repeat scroll;		
		}
		ul.quicklinks_buttons a.advocacy {
			width:170px;
			background: transparent url(../images/quickLinks.png) -389px top no-repeat scroll;		
		}


/*-----------------------------------------------
==misc
----------------------------------------------- */
img.left {
	margin-right: 40px;
}
img.right {
	margin-left: 40px;
}

/*-----------------------------------------------
==debug
----------------------------------------------- */
div#debug table td, div#debug table th {
	font-size: 120%;
}