@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------
	css properties reset for all browswers
----------------------------------------------------------------------------------*/
* {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}

/*----------------------------------------------------------------------------------
	Deafault template for United Way
----------------------------------------------------------------------------------*/

body {
	background:#eeeeee url(../images/backgrounds/background_image_4.jpg) repeat-x center top;
	font-weight: inherit;
	font-family: Calibri, sans-serif, Verdana, Arial, Helvetica;
	font-style: normal;
	font-size: 14px;
}

#main_container{
	position:relative;
	width:900px;
	margin:0px auto;
}

/*-------------------
	united way Header
----------------------*/
	#header{
		position:relative;
		height:400px;
		width:900px;
		z-index:600;
	}
		#header h1{
			height:111px;
			background:url(../images/backgrounds/United-way-logo.jpg) no-repeat 0px 9px;
			border-top:1px solid #fff;
		}
			#header h1 a{
				display:block;
				margin:9px 0px 0px 0px;
				width:321px;
				height:88px;
			}
				#header h1 a span{
					display:none;
				}
/*-----------------------------------------------------
	Hot Links are the large grey buttons in the header
-------------------------------------------------------*/
#imgDiv
	{
		position: absolute;
		left: 0px;
		top: 112px;
		width: 465px;
	}
#hot_links{
	margin:0px;
	height:238px;
	padding:10px 0px 0px 465px;
	background:url(/images/backgrounds/home.jpg) no-repeat 0px 0px;
	color:#f3f3f3;
}
	#hot_links li{
		width:425px;
		height:40px;
		margin:0px 0px 7px 0px;
		
		border: 1px solid #777;
		background-color:#5b5b5b;
	}
		#hot_links li a{
			display:block;
			width:410px;
			height:28px;
			padding:12px 0px 0px 15px;
			background:url(../images/buttons/down_arrow.gif) no-repeat 395px 9px;
			font-size:18px;
			text-decoration:none;
			color:#fff;
		}
	/*as the client requested the donation button to stand out 
 	consequently the style donation was created as follows*/
	
	#hot_links #donation{
		background:#2a2627 url(../images/backgrounds/glossy_hot_link.gif) repeat-x 0px 0px;
	}
		#hot_links #donation a{
			width:425px;
			height:38px;
			margin:0px;
			padding:0px;
			background:transparent url(../images/buttons/glossy_hot_link_downarrow.gif) 
			no-repeat 392px 6px;
		}
			#hot_links #donation a span{
				cursor:pointer;
				height:31px;
				display:block;
				padding:9px 0px 0px 55px;
				background:url(../images/buttons/glossy_hot_link_button.gif) no-repeat 15px 1px;
				font-weight:bold;
				font-size:18px;
				text-decoration:none;
				color:#fff;
			}
	
	/*the last li of the hot_links ul is actually just text for any important news	*/
	
	#hot_links #hot_link_content{
		width:395px;
		height:62px;
		padding:12px 15px 5px 15px;
		overflow:auto;		
		background:#545456 url(../images/backgrounds/hot_links_content_bg.jpg) repeat-y 0px 0px;
		font-size:12px;
		color:#bbb;
	}
		#hot_links #hot_link_content p,
		#hot_links #hot_link_content a,
		#hot_links #hot_link_content p a,
		#hot_links #hot_link_content p strong{
			font-family:Arial, Helvetica, sans-serif;
			margin:0px; padding:0px;
			display:inline; width:auto;
			font-size:14px;
			color:#bbb;
		}
		#hot_links #hot_link_content p strong{font-weight:bold;}
		#header #hot_links #hot_link_content h1,
		#header #hot_links #hot_link_content h2,
		#header #hot_links #hot_link_content h3,
		#header #hot_links #hot_link_content h4,
		#header #hot_links #hot_link_content h5{
			font-family:Arial, Helvetica, sans-serif;
			margin:0px; padding:0px;
			display:inline; width:auto;
			font-size:15px;
			color:#bbb;
			font-weight:bold;
		}
	
/*-----------------------------
main navigation: Pnav
-------------------------------*/
	
	#pnav{
		position:relative;
		margin:2px 0px 0px 0px;
		z-index:150;
	}
	#pnav li{
		position:relative;
		float:left;
		height:38px;
		background:url(../images/buttons/pnav_bg.jpg) no-repeat top right;
		text-align:center;
		
		/* ie 6 hover does not work with background image */
		_background-image:none;
	}
		#pnav li a{
			display:block;
			width:90px;
			height:30px;
			padding:5px 5px 0px 5px;
			font-size:13px;
			text-decoration:none;
			color:#959595;
		}
			#pnav li:hover a, #pnav li.sfhover a {
				border-bottom:2px solid #b8001a;
				color:#fff;
			}
/*-----------------------------
sub navigation of Pnav
-------------------------------*/			
			#pnav li ul {
				/*this is for the suckerfish style drop down invisible until parent li is hovered*/
				display:none; 
				position:absolute;
				top:38px; right:0px;
				width:150px;
				background:#cccccc url(../images/backgrounds/submenu_bground.jpg) repeat-x top right;
				border:1px solid #999;
				border-bottom:3px solid #c0384c;
				
				/*fix for ie6 image with hover fix causes flicker glitches with background display */
				_background-image:none;
			}
			
			#pnav li:hover ul,#pnav li.sfhover ul{ 
				display:block;
			}
				
				#pnav li:hover ul li, #pnav li.sfhover ul li{
					display:block;
					float:none;
					position:relative;
					width:150px;
					height:auto;
					margin:0px;
					padding:0px;
					background-image: none;
					border-bottom:1px solid #999;
				}
					#pnav li:hover ul li a,#pnav li:hover ul li:hover a,
					#pnav li.sfhover ul li a,#pnav li.sfhover ul li.sfhover a{
						display:block;
						height:100%;
						width:140px;
						margin:0px 0px 0px 0px;
						padding:5px 5px 5px 5px;
						border:none;
						text-align:left;
						color:#444;
				}
				
				#pnav li:hover ul li a:hover,#pnav li.sfhover ul li a:hover{
					color:#fff;
				}
					
/*-----------------------------
sub sub navigation of Pnav
-------------------------------*/	
					
					#pnav li:hover ul li ul,
					#pnav li.sfhover ul li ul{ 
						display:none;
						position:absolute;
						left:100%; top:0px;
						margin:-1px 0px 0px 0px;
					}
					#pnav li:hover ul li:hover ul,
					#pnav li.sfhover ul li.sfhover ul{
						display:block;
					}

/*----------------------------------------------------------------------------------
	united way MAIN CONTENT
----------------------------------------------------------------------------------*/	

.clearer{
	clear:both
}

/*-----------------------------------------
 styles for the news column on the right
-------------------------------------------*/
#main_content #news_box{
	position:relative;
	float:right;
	width:250px;
	margin:0px;
	padding:0px 10px 10px 10px;
	font-size:12px;
	}
	#main_content #news_box h2{
		width:200px;
		margin:15px 0px 10px 0px;
		padding:0px 0px 0px 20px;
		background:url(../images/backgrounds/content_headers.gif) no-repeat top left;
		font-size:17px;
		color:#c0384c;
		font-weight:bold;
	}
	#main_content #news_box p span{
		clear:left;
		display:block;
		width:250px;
		margin:10px 0px 5px 0px;
		border-top:1px dashed #686868;
		color:#686868;
		font-size:12px;
	}
		#main_content #news_box p span b{
			font-weight:bold;
			font-size:12px;
		}
	#main_content #news_box a{
		text-decoration:none;
		color:#c0384c;
		font-size:12px;
		font-weight:bold;
	}
		#main_content #news_box a img{
			margin:10px 0px 0px 0px;
			border:1px solid #bbb;
		}
			
	#main_content #news_box p{
		width:100%;
		margin:5px 0px 0px 0px;
		font-size:12px;
	}
	#main_content #news_box img{
		border:1px solid #fff;
	}
	

/*-----------------------------------------------------
styles for the all major content of the main container
-------------------------------------------------------*/
#main_content{
	width:900px;
		/*the following is a hack for ie6 that seems to be disrupted on all pages including the calendar include*/
		min-height:350px;
  		height:auto !important;
  		height:350px;
}
#main_content p{
	width:auto;
	margin:5px 280px 10px 0px;
	font-size:17px;
	word-spacing: 3px;
}

#main_content h2{
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	width:590px;
	background:url(../images/backgrounds/content_headers.gif) no-repeat top left;
	font-size:20px;
	color:#c0384c;
	font-weight:bold;
}
#main_content a{
	text-decoration:none;
	color:#c0384c;
	font-size:12px;
	
}
#main_content a img{
	margin:0px;
}
#main_content h3 a{
	display:none;
}
/*------------------------------------------
	homepage h3 tage for succes by six
--------------------------------------------*/

#successbysix{
	width:612px;
	height:40px;
	background:url(../images/backgrounds/success_by_six.gif) no-repeat top left;
}
	#successbysix a{
		display:block;
		height:30px;
		width:120px;
		margin:10px 10px 10px 30px;
	}
		#successbysix a span{
			display:none;
		}
a#succesby6{
	text-decoration:none;
	color:#c0384c;
	font-size:12px;
}
/*--------------------------------------------------------------------------
 additional styles for staff and board members pages
----------------------------------------------------------------------------*/
#directAndStaffList{
	list-style:disc;
	margin:5px 0px 0px 15px;
}
	#directAndStaffList li{
		margin:10px 0px 0px 0px;
	}
		#directAndStaffList li a{
			display:block;
			margin:0px 0px 15px 0px;
			color:#c0384c;
			font-weight:bold;
		}
		#directAndStaffList li span{
			color:#c0384c;
		}	
/*--------------------------------------------------------------------------
 additional styles  for careers page and volunteer page
----------------------------------------------------------------------------*/

/*I use the following code as a reset for all child divs of main_content*/
#main_content .career *,#main_content .volunteer *{
	margin:0px; padding:0px; 
	background:none; border:none;;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 14px; color:#000; font-weight:normal;
}	
		
	#main_content .career,#main_content .volunteer{
		margin:5px 280px 5px 0px;
		padding:10px;
		border:1px solid #bbb;
	}
		#main_content .career h2,#main_content .volunteer h2{
			width:auto;
			margin:0px 0px 10px 0px;
			padding:5px;
			background-color:#777;
			color:#fff;
			font-weight:bold; 
			font-size: 16px;
		}
		#main_content .career h4, #main_content .volunteer h4{
			padding:0px;
			margin:10px 0px 5px 0px;
			color:#c0384c;
			font-size: 15px;
		}
		#main_content .career ul,#main_content .volunteer ul{
			margin:0px;
			padding:0px;
		}
			#main_content .career ul li,#main_content .volunteer ul li{
				margin:0px 0px 0px 25px;
				font-size:12px;
			}
			#main_content .career ul li{
				list-style:disc;
			}
		#main_content .career p, #main_content .volunteer p{
			width:auto;
			padding:0px;
			margin:10px 0px 10px 0px;
		}
		
			#main_content .career p a, #main_content .volunteer p a{
				color:#c0384c;
			}
				#main_content .career p a span, #main_content .volunteer p a span{
					height:20px;
					padding:3px 0px 0px 25px;
					background:url(../images/buttons/pdf_icon.gif)no-repeat top left;
					color:#c0384c;
				}
/*--------------------------------------------------------------------------
 additional styles for  major content div for community partners page
----------------------------------------------------------------------------*/

/*I use the following code as a reset for all child divs of main_content*/
#main_content .community *{
	margin:0px; padding:0px; 
	background:none; border:none;;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 14px; color:#000; font-weight:normal;
}				

#main_content .community{
	margin:5px 280px 5px 0px;
	width:590px;
	border:1px solid #bbb;
	padding:10px;
	background-color:#FFFFFF;
	overflow:auto;
}
	#main_content .community h2{
		margin:0px 0px 10px 0px;
		padding:0px 0px 5px 0px;
		border-bottom:1px solid #888;
		font-weight:bold;
		color:#c0384c;
	}
	
	#main_content .community p{
		width:auto;
		border-bottom:1px solid #888;
		color:#333;
		padding:0px 0px 10px 0px;
		margin:0px 0px 10px 0px;
	}
	#main_content .community ul li,#main_content .community ul li a {
		font-size:13px;
		color:#c0384c;
	}
		#main_content .community ul li a:hover {
			font-size:13px;
			color:#333;
		}
	#main_content .community ul.float-left{
		width:250px;
		float:left;
	}
	 #main_content .community #left-colmn, #main_content .community #right-colmn{
		margin:0px; padding:0px; height:auto; width:250px; border:1px solid white;
	}
	
	#main_content .community #left-colmn{ float:left; margin:0px 10px 0px 0px; }
	#main_content .community #right-colmn{ float:left; }
		
		#main_content .community #left-colmn li, #main_content .community #right-colmn li{
			width:235px; margin:0px 0px 0px 15px;padding:0px;
			color:#000; font-size:12px;
			list-style:disc;
		}
		
	/*--------------------------------------------------------------------------
 	additional styles for  major content div for community priorities page
	----------------------------------------------------------------------------*/
#priorities{
	margin:10px 280px 10px 0px;
	border:1px solid #c0384c;
	padding:5px;
}	
	#priorities li{
		margin:0px 0px 0px 15px;
		padding:5px;
		list-style:disc;
		font-size:13px;
	}
/*--------------------------------------------------------------------------
 additional styles for  major content div for day of care page
----------------------------------------------------------------------------*/
#dayofcare{
	margin:0px 280px 10px 0px;
	padding:0px 5px 5px 5px;
}	
	#dayofcare li{
		margin:0px 0px 0px 15px;
		padding:0px;
		list-style:disc;
		font-size:13px;
	}
#DOC{
	margin:0px 10px 5px 0px;
	border:1px solid #bbb;
	float:left;
}
/*--------------------------------------------------------------------------
 additional styles for  major content div for sucess by six page
----------------------------------------------------------------------------*/
#main_content #sb6 * {
	margin:0px 0px 0px 0px; padding:0px; 
	background:none; border:none;;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 13px; color:#000; font-weight:normal;
}
#main_content #sb6{
	margin: 0px	280px 0px 0px;
	padding:0px 0px 0px 0px;
}
	#main_content #sb6 h2{
		margin:15px 0px 10px 0px;
		padding:0px 0px 0px 20px;
		background:url(../images/backgrounds/content_headers.gif) no-repeat top left;
		font-size:17px;
		color:#c0384c;
		font-weight:bold;
	}
	#main_content #sb6 h3{
		margin:15px 0px 15px 0px;
		color:#c0384c;
		font-size:15px;
		font-weight:bold;
	}
	#main_content #sb6 h4{
		color:#c0384c;
		font-size:14px;
	}
	#main_content #sb6 p{
		margin:10px 0px 10px 0px;
	}
	#main_content #sb6 ul{
		margin:10px 0px 10px 0px;
	}
		#main_content #sb6 ul li{
			list-style:disc;
			margin:0px 0px 0px 15px;
		}
	#main_content #sb6 a{
		color:#c0384c;
	}
	#main_content #sb6 ol{
		list-style:lower-greek;
	}
	#main_content #sb6 .R_Img_Wth_Cap, #main_content .R_Img_Wth_Cap
	,#main_content #sb6 .L_Img_Wth_Cap, #main_content .L_Img_Wth_Cap  {
		float:right;
		width:125px;
		margin:0px 10px 10px 10px;
		padding:5px;
		background-color:#aaa;
		border:1px solid white;
	}
	#main_content #sb6 .L_Img_Wth_Cap, #main_content .L_Img_Wth_Cap{
		float:left;
	}
		
		#main_content #sb6 .R_Img_Wth_Cap p, #main_content .R_Img_Wth_Cap p,
		#main_content #sb6 .L_Img_Wth_Cap p, #main_content .L_Img_Wth_Cap p{
			margin:5px 0px 0px 0px;
			color:#fff;
		}
/*--------------------------------------------------------------------------
 additional styles for  major content div for spirit awards page
----------------------------------------------------------------------------*/
#main_content #sb6 .album{
	width:610px;
	margin:2px 0px 2px 0px;
	overflow:visible;
	padding:0px;
	background:url(../images/insidepages/spirit_awards/albumgradient.jpg) repeat-x left top;
	background-color:#464646;
	border:1px solid #333;
}
	#main_content #sb6 .album ul{
		margin:15px 10px 20px 20px; padding:0px;
	}
		#main_content #sb6 .album ul li{
			margin:0px 7px 15px 7px; padding:0px;
			list-style:none;
			float:left;
		}
	#main_content #sb6 .album_content{
		height:auto;
		margin:0px auto;
		width:610px;
	}
		#main_content #sb6 .album_content .album_innercontent{
			width:610px;
		}
/*--------------------------------------------------------------------------
 additional styles for  major content div for leadership Giving page
----------------------------------------------------------------------------*/
.lgheader{
	margin:15px 0px 15px 0px;
	color:#c0384c;
	font-size:15px;
	font-weight:bold;
}

table.lg{
	width:360px;
	border:1px solid #999;
}
table.lg th{
	padding:5px;
	font-weight:bold;
	border-bottom:1px dashed #999;
	color:#c0384c;
}
	table.lg td{
		padding:5px;
		height:35px;
		border-bottom:1px solid #999;
	}
ul.lgList {
		margin:10px 0px 10px 0px;
	}
		ul.lgList li{
			font-size:12px;
			list-style:disc;
			margin:0px 0px 0px 15px;
		}
/*--------------------------------------------------------------------------
 additional styles for  major content div for planned giving page
----------------------------------------------------------------------------*/
#main_content a.plgiving{
		text-decoration:none;
		color:#c0384c;
		font-size:12px;
	}
/*--------------------------------------------------------------------------
 additional styles for  major content div for Photo Gallery
----------------------------------------------------------------------------*/
#main_content #sb6 h3.toggler{
	width:595px;
	height:25px;
	margin:2px 0px 2px 0px;
	padding:5px 0px 0px 15px;	
	border: 1px solid #777;
	background:#bbb;
	font-size:15px;
	color:#777;
}
#main_content #sb6 #topAlbumControls, #main_content #sb6 #bottomAlbumControls{
	width:612px;
	position:relative;
	margin:10px 0px 10px 0px; padding:5px 0px 5px 0px;
	border-bottom:1px solid #999;	
}
#main_content #sb6 #bottomAlbumControls{ border:none; border-top:1px solid #999; }
#main_content #sb6 #topAlbumControls p, #main_content #sb6 #bottomAlbumControls p{
	margin:0px;
}
#main_content #sb6 #topAlbumControls p a, #main_content #sb6 #bottomAlbumControls p a{
	margin:0px; padding:0px;
}
#main_content #sb6 #topAlbumControls p.redText{color:#c0384c;/* red link text*/}
#main_content #sb6 ul.pagination{
	position:absolute; right:0px; top:6px;
	height:15px;
	/*border:1px solid blue;*/
}
#main_content #sb6 #bottomAlbumControls ul.pagination{top:0px;}
#main_content #sb6 ul.pagination li{ 
	list-style:none;
	margin:0px; padding:0px;
	float:left;
	/*border:1px solid blue;*/
}
#main_content #sb6 ul.pagination li a{
	display:block;
	margin:0px 0px 0px 3px; padding:1px 3px 1px 3px;
	font-size:12px;
	border:1px solid ;
	color:#c0384c;/* red link text*/
	
}
#main_content #sb6 ul.pagination li a:hover{
	background:#c0384c;/* red link text*/
	color:#fff;
}
#main_content #sb6 ul.pagination li a.PreviousArrow, #main_content #sb6 ul.pagination li a.NextArrow{
	display:block;
	width:15px; height:15px;
	padding:0px; margin:0px 4px 0px 4px;
	border:none;
	background:url(../images/buttons/PreviousArrow.gif) no-repeat 0px 1px;
}
#main_content #sb6 ul.pagination li a.NextArrow{
	background:url(../images/buttons/NextArrow.gif) no-repeat 0px 1px;
}
#main_content #sb6 ul.pagination li a span{display:none;}

/*--------------------------------------------------------------------------
 additional styles for  major content div for Calendar of Events, VolunteerDates.asp
----------------------------------------------------------------------------*/
	#calendar_contents ul{
		margin:0px 280px 0px 0px;
		background-color:#e5e5e5;
		border:1px solid #c0bcbc;
	}
		#calendar_contents ul li{
			float:left;
		}
			#calendar_contents ul li a{
				display:block;
				margin:5px 0px 0px 5px;
				padding:5px;
				border:1px solid #bbb;
				background-color:#ddd;
				text-decoration:none;
				color:#666;
				
			}
				#calendar_contents ul li a:hover{
					background-color:#666;
					color:#eee;
				}
				
	#calendar_contents h3{
		margin:0px 0px 10px 0px;
		font-size:14px;
		color:#c0384c;
		font-weight:bold;
	}
	
	#calendar_contents #accordion h3.toggler{
		height:20px;
		margin:2px 280px 2px 0px;
		padding:3px 0px 0px 15px;	
		border: 1px solid #777;
		background:#bbb;
		font-size:15px;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
	}
	#calendar_contents #accordion .element .event{
		width:595px;
		height:auto;
		margin:5px 280px 5px 0px;
		padding:10px;
		background-color:#e5e5e5;
		border:1px solid #c0bcbc;
	}
		#calendar_contents #accordion .element .event img{
			border:1px solid #fff;
			margin:0px 10px 10px 0px;
			float:left;
		}
		#calendar_contents #accordion .element .event h4{
			font-size:14px;
			font-weight:bold;
			color:#333;
			
		}
		#calendar_contents #accordion .element .event p{
			margin:0px 0px 10px 0px;
		}
			#calendar_contents  .event p span{
				margin:10px 0px 0px 0px;
				color:#c0384c;
			}
				#calendar_contents  .event p span a{
					clear:left;
					text-decoration:none;
					color:#555;
					font-size:13px;
				}
				#calendar_contents  .event p span a:hover{
					color:#fff;
				}
		#calendar_contents #accordion .element .event ul{
			border:none;
			height:auto;
			background:none;
		}
		
		 #calendar{
			position:absolute;
			top:35px; left:0px;
			background-color:#e5e5e5;
			border:1px solid #c0bcbc;
			margin:20px 0px 0px 0px;
		}
		 #calendar td{
				width:26px;
				height:26px;
				border:1px solid #bbb;
				background-color:#ddd;
				color:#aaa;
			} 
			 #calendar td a{
				color:#c0384c;
			} 
		 #calendar th{
				height:30px;
				padding:7px 0px 0px 0px;
				border:1px solid #fff;
				background:#777 url(../images/backgrounds/glossy_hot_link.gif) repeat-x 0px 0px;
				color:#fff;
				font-weight:bold;
				
			}
				#calendar th a{
					text-decoration:none;
					color:#aaa;
				}
					#calendar th a:hover{
						color:#c0384c;
					}
		#calendar .actualdays{
			color:#666;
		}
		#right-column{
			position:relative;
			width:255px;
			float:right;
		}
			#right-column h2{
				margin:0px 0px 25px 0px;
				width:200px;
				/*hack for ie 6 and 7 - the margins are not recognizing nicely*/
				]margin:15px 0px 0px 0px;
			}
	    #calendar_contents #accordion .element .event .sponsor li{
			font-size:13px;
			clear:both;
			float:none;
		}	
		.volunteerHeading{
			width:auto;
			padding:0px 0px 2px 0px;
			margin:0px 0px 5px 0px;
			border-bottom:1px solid #999;
		}
		 .volunteer_links{
			display:block;
			height:auto;
			text-decoration:none;
			margin:0px 0px 5px 0px;
			font-size:14px;
			color:#c0384c;
			font-weight:bold;
		}
			.volunteer_links:hover{
				color:#fff;
			}
			
/*--------------------------------------------------------------------------
 additional styles for  Press Release page
----------------------------------------------------------------------------*/
#main_content #press-release li{
		height:20px;
		list-style:none;
		margin:10px 0px 0px 0px;
		padding:2px 0px 0px 25px;
			
		background:url(../images/buttons/pdf_icon.gif) no-repeat top left;
}
	#main_content #press-release li a{
		color:#c0384c;
		text-decoration:none;
		font-size:13px;
		font-weight:bold;
	}
		#main_content #press-release li a:hover{
			color:#333;
		}
		#main_content #press-release li a span{
			color:#333;
		}
/*--------------------------------------------------------------------------
 additional styles for Blogger page
----------------------------------------------------------------------------*/
.blogger h3{
	padding:10px 0px 0px 0px;
	margin:10px 280px 0px 0px;
	border-top:1px solid #999;
	font-weight:bold;
}
.blogger h4{
	font-size:13px;
	color:#c0384c;
	font-weight:bold;
}
.blogger img{
	border:1px solid #999;
}	
.blogger a{
	color:#c0384c;
}
	.blogger a:hover{
		color:#fff;
	}
	.blogger form{
		margin:2px 280px 2px 0px;
		padding:10px;
		border:1px solid #999;
	}
	.blogger legend b{
		font-weight:bold;
		margin:0px 0px 15px 0px;
	}
	.blogger ul li{
		margin:5px 0px 5px 0px;
		color:#c0384c;
		font-weight:bold;
	} 
		.blogger ul li label{
			font-weight:normal;
			color:#555;
			font-size:13px;
		}
	.blogger input, .blogger textarea{
		margin:2px 0px 0px 0px;
		clear:both;
		border:1px solid #999;
		font-weight:normal;
		color:#555;
	}
	.blogger .submit{
		cursor:pointer;
		margin:10px 0px 0px 0px;
		border:2px outset #ccc;
		width:auto;
		padding:10px;
		color:#555;
		font-weight:bold;
		background:#e2e2e2 url(../images/buttons/submit_background.jpg) no-repeat 1px 1px;
	}
	.blogger .submit:hover{
		color:#c0384c;
	}
/*--------------------------------------------------------------------------
 additional styles for Donate page
----------------------------------------------------------------------------*/
#donate{
	border:1px solid #999;
	padding:10px;
	margin:0px 280px 0px 0px;
}
#donate legend{
	display:none;
}
#donate ul{
	margin:10px 0px 10px 0px;
}
	#donate ul li{
		margin:0px 0px 10px 0px;
	}
#donate label{
	margin:0px 0px 0px 0px;
	width:75px;
	display:block;
	float:left;
}
#donate input{
	width:300px;
	border: 1px solid #666;
}
#donate fieldset{
	border-bottom:1px solid #999;
}
#donate .submit{
	cursor:pointer;
	margin:10px 0px 0px 0px;
	border:2px outset #ccc;
	width:auto;
	padding:10px;
	color:#555;
	font-weight:bold;
	background:#e2e2e2 url(../images/buttons/submit_background.jpg) no-repeat 1px 1px;
}
	#donate .submit:hover{
		color:#c0384c;
	}
		
#paypal{
	margin:0px 280px 0px 0px;
	padding:10px;
	border:1px solid #aaa;	
	background:#ddd; 
}
 	#paypal p{
 		margin:0px 0px 0px 0px;padding:0px;
		width:auto;
	}
	#paypal form img{
		float:left;
		margin:0px 15px 15px 0px;
	}

h3.donater{
	padding:0px;
	margin:10px 0px 5px 0px;
	color:#c0384c;
	font-size: 15px;
	font-weight:bold;
}

#emailContact{
		color:#c0384c;
}
/*----------------------------------------------------------------------------------
	Styles for the footer
----------------------------------------------------------------------------------*/
#footer{
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	border-top:1px solid #838383;
	color:#838383;
}
	#footer p span{
		float:right;
	}
	#footer p span a{
		text-decoration:none;
		color:#838383;
		font-size:14px;
	}
		#footer p span a:hover{
			color:#c0384c;
		}
/*----------------------------------------------------------------------------------
	Styles for the loaned rep program
----------------------------------------------------------------------------------*/
.LRPheader{
	margin:15px 0px 15px 0px;
	color:#c0384c;
	font-size:15px;
	font-weight:bold;
}

#news { padding:15px 5px 0px 5px;
			border-top:1px solid #999;
	}
	#news_box #news a {
			background:url(../images/backgrounds/newIcon.gif) no-repeat 0px 0px;
			display:inline;
			width:auto; height:auto;
			padding:3px 0px 3px 15px;
			margin:0px 0px 0px 0px;
			font-size:13px;
			font-weight:bold;
	}
	#news_box #news a:hover{
		color:#555;
	}
	#news_box #news p{
		display:block;
		margin:0px 0px 15px 0px; 
		padding:0px;
		color:#777;
	}
	
/*----------------------------------------------------------------------------------
	Styles for social network links on homepage
----------------------------------------------------------------------------------*/
#news_box #socialNetworks {
	position: relative;
	width: 250px;
	margin-top: 25px;
	margin-bottom: 5px;
	padding: 0px 3px 3px 3px;
	border-bottom:1px solid #999;
}
#news_box #socialNetworks h2
	{
		border-bottom:1px solid #999;
	}
#news_box #socialNetworks #QuickLinksContent
	{		
	margin:0px auto;	
	width: 190px;
	}
#news_box #socialNetworks a {
	margin: 0px auto;
	width:100%;
	border:none;
}
#news_box #socialNetworks a img {
	border:none;	
}
#news_box #socialNetworks a#addthis {
	top:7px;
	left:0px;
}
#news_box #socialNetworks a#twitter {
	top:0px;
	right:0px;
}
#news_box #socialNetworks a#facebook {
	top:38px;
	left:0px;
}
#news_box #socialNetworks a#youtube {
	top:38px;
	right:-10px;
}
#news_box #socialNetworks a#flickr {
	top:90px;
	left:0px;
}

/*----------------------------------------------------------------------------------
	Styles for aligned images
----------------------------------------------------------------------------------*/

img[align="left"] {
	margin-right:10px;	
}
img[align="right"] {
	margin-left:10px;	
}