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

body{background:url(/views/includes/images/new/BF_Poster1_fnl_edit_nologomirror.jpg) center top repeat-x #ffffff; margin:0; padding:0; text-align:left; font-family:Verdana, Geneva, sans-serif; }

*{margin:0; }

p {margin: 12px 0; text-align:left; font-size:11px; color:#555; line-height:18px; font-family:Verdana, Geneva, sans-serif; }


/* Header */


#header_bf{width:1012px;
		color:#fff;
		font-size:20px;
		margin-top:10px;
		font-family:Verdana, Geneva, sans-serif;
}

.headertxt{color:#ffffff;
		font-size:22px;
}

.headersmall{font-size:12px;
			color:#424b48;
			font-weight:bold;
}

#header_userarea{
	background:url(http://admin.buffalofirst.org/views/includes/images/menu/menu_onclick_bg.png) center top repeat;
	width:100%;
	padding:7px 0 7px 0;
	border-bottom:1px solid #666;
}

#user_identity {
	position:relative;
	display:inline-block;
	color: #CFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	width:1012px;
	text-align:left;
}


/* Footer */


#footer{width:100%;
		background:#7ac043;
		color:#ffffff;
		padding:14px 0 35px 10px;
		font-family:Verdana, Geneva, sans-serif;
}

#footer_inner{width:998px;
		color:#ffffff;
		font-size:11px;
		line-height:18px;
		text-align:left;
}


/* Body Content Boxes */


#bodycontent{
		width:1010px;
		min-height:450px;
		border:none;
		background:#ffffff;
		font-size:11px;
		color:#555;
		line-height:18px;
		text-align:left;
		margin:0;
		font-family:Verdana, Geneva, sans-serif;
}

#maincolumn{width:562px;
			vertical-align:top;
			padding-right:20px;
			padding-left:20px;
			padding-bottom:20px;
			padding-top:10px; }

#sidebar{background: url(images/sidebar_bg.png) left top no-repeat; 
		width:368px;
		vertical-align:top;
		margin:0;
		padding-right:20px; 
		padding-left:20px; 
		padding-bottom:20px; 
		padding-top:10px; }


/* Links */


#bodycontent a{text-decoration:none; color:#000;  }

#bodycontent a:hover{text-decoration:underline; color:#000;  }

.contenta{text-decoration:none;
		  color:#000;
}

.contenta:hover{text-decoration:underline;
		  color:#000;
}

#registerfindbuttons a{text-decoration:none; color:#7a1600;}

#registerfindbuttons a:hover{text-decoration:none; color:#000;}

#twitter_update_list a{color:#A00; text-decoration:none;}

#twitter_update_list a:hover{color:#A00; text-decoration:underline;}

#header_bf p{color:#ffffff; font-size:11px; }


#header_bf a{color:#ffffff; text-decoration:none;}

#header_bf a:hover{color:#ffffff; text-decoration:underline;}

#header_userarea a{color:#ffffff; text-decoration:none;}

#header_userarea a:hover{color:#ffffff; text-decoration:underline;}

#footer a{color:#ffffff; text-decoration:none;}

#footer a:hover{color:#ffffff; text-decoration:underline;}

.dialog a{color:#000; text-decoration:none;  }

.dialog a:hover{color:#000; text-decoration:underline; }

#bodycontent h1 a{color:#000000; }

#bodycontent h1 a:hover{color:#000000; }

#bodycontent h3 a{color:#000000; }

#bodycontent h3 a:hover{color:#000000; }

#bodycontent #calendar a{color:#ffffff; font-weight:normal; }

/* store menu link hover */
#menu a:hover {color:#eeeeee; text-decoration:none; }


/* Other Fonts, Headings, Paragraphs, etc. */


h1{color:#000000;
   font-size:20px;
   font-weight:bold;
   line-height:24px;
   margin: 12px 0;
   margin-bottom:0;
   text-align:left;
}

h2{color:#7a1600;
   font-size:16px;
   font-weight:bold;
   margin: 12px 0;
   text-align:left;

}

h3{color:#000;
   font-size:14px;
   font-weight:bold;
   margin: 12px 0;
   text-align:left;
}

.black{color:#000000;
}

.red{color:#A00;
}

#share_button {
	color: #000;
	font-family: Lucida Grande, Verdana, sans-serif;
	margin:20px 0 10px 0;
	padding:10px;
	border:1px solid #eee;
}

#share_button:hover{
	cursor: pointer;
	background:#9CF;

}

/* Menu Bar */

#sddm
{	/*margin: 30px;*/
    margin-left:1px;
	z-index:50000;
	/*margin-top:-20px;*/
	position:inherit;
	padding: 0;
	height:29px;
	width:1200px;
	text-align:center;
	
}

#sddm li
{	margin: 1px;
margin-top:2px;
font-family:Verdana, Geneva, sans-serif;
	padding: 0;
	list-style: none;
	float:left;
	height:20px;
	z-index:50000;
}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 5px 4px;
	min-width:94px;
	min-height:15px;
	height:15px;
	background:url(/views/includes/images/menubglite.jpg) repeat;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	z-index:50000;
}

#sddm li a:hover
{	background:url(/views/includes/images/menubgdark.jpg) repeat; text-decoration:none; }

#sddm div
{	
	
	position: absolute;
	visibility: hidden;
	margin-top: 2px;
	margin-left: -2px;
	padding-bottom: 2px;
	min-width:120px;
	background:url(/views/includes/images/menubdarkgseethru.png) repeat;
	z-index:50000;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 5px 10px 10px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:url(/views/includes/images/menubgdarkseethru.png) repeat;
		color: #FFFFFF;
		z-index:50000;
	}

	#sddm div a:hover
	{	background:url(/views/includes/images/menubglite.jpg) repeat;
		color: #FFFFFF;
		z-index:50000;
		text-decoration:none; 
	}
	

#sddm li a.directory { width:173px; 	}

#sddm li a.diningcards { width:140px; 	}

#sddm li a.events { width:120px; 	}

#sddm li a.membership { width:119px; 	}

#sddm li a.balle2013 { background: #693; width:220px; 	}
#sddm li a.balle2013:hover { background: #7ac043	}


/* Featured Buffalo FIrst Member Sidebar Box */


#sidebarfeatured { width: 345px; border: 1px solid #999; background: #fff; padding:5px 10px 10px 10px; border-top:0px; margin:0; text-align:left; }

#sidebarfeatured:hover { background: #eaf4fd; cursor: pointer; }

#sidebarfeaturedhead { width: 345px; border: 1px solid #999; background:url(/views/includes/images/menubglite.jpg) repeat; padding:10px; color:#fff; font-size:16px; font-weight:bold; margin:0; text-align:left; }

#sidebarfeatured img{border:0; text-align:left; }


/* Member Login Box at bottom of page */


#memberlogin { width: 1008px; height:132px; border: 1px solid #999; background-color: #eee;  
		margin-left:-1px;
		font-size:11px;
		color:#424b48;
		line-height:18px;
		text-align:left;
}
		
#memberloginnew { width: 100%;
		border-top: 5px solid #ffffff;
		background:#7ac043;
		font-family:Verdana, Geneva, sans-serif;
}
		
#memberloginnew_inner {
		width: 1010px;
		height:100px;
		background-color:#693; 
		font-size:12px;
		color:#fff;
		line-height:18px;
		text-align:left;
}
		
.memberlogin_input {
		width:160px;
		color:#666666;
		height:16px;
		padding:2px;
		border:1px solid #063;
		font-size:11px;
}

.memberlogin_btn {
		width:75px;
		color:#fff;
		background:#FC3;
		height:22px;
		padding:1px;
		border:1px solid #fff;
		font-size:11px;
		font-weight:bold;
}

.memberlogin_btn:hover {
		cursor:pointer;
		background:#F93;
}

#memberloginnew .dialoglink :hover {
		cursor:pointer;
		color: #FC3;
}

#memberloginnew a {
		color: #fff;
		text-decoration:none;
}

#memberloginnew a:hover {
		cursor:pointer;
		text-decoration:none;
		color: #FC3;
}

		
/* Pictures with Captions */


.picture { background-color: #eee; border: 1px solid #999; padding: 3px; font-size: 9px; }

.picture img { border: 1px solid #999; vertical-align:middle; margin-bottom: 3px; }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }

.left { margin: 0.5em 0.8em 0.5em 0; float:left; }


/* Dialog */


.dialoglink{cursor:pointer; }

div.dialog{display:none; }

.dialog{width:800px;
	height:auto;
	overflow:auto;
	font-size:11px;
	color:#424b48;
	line-height:18px;
	text-align:left; }
	
.dialog p{
	font-size:11px;
	color:#424b48;
	line-height:18px;
	text-align:left; }
	
.dialog p.black{color:#000000; }


/* Local Directory */


#alphabetbox{width:560px; border: 1px solid #999; border-left:none; border-right:none; color:#7a1600; font-weight: bold; margin-top:12px;}

#alphabetbox a{color:#7a1600; font-weight: bold; text-decoration:none; }

#alphabetbox a:hover{color:#000; font-weight: bold; text-decoration:none; }

#key{width:560px; }

#directorylist{width:560px;
				min-height:200px;
				border-top: 2px dotted #999;
				padding-top:3px;
				padding-right:15px;
				padding-left:15px;
				padding-bottom:10px;
				background:#eee /*url(images/white_directory_bg_alternate.png) repeat*/; }
				
#directorylistactive{width:560px;
				min-height:200px;
				border-top: 2px dotted #999;
				padding-top:3px;
				padding-right:15px;
				padding-left:15px;
				padding-bottom:10px;
				background:#eee /*url(images/white_directory_bg_alternate.png) repeat*/; }

#directorylistalternate{width:560px; 
						min-height:200px;
						border-top: 2px dotted #999;
						padding-top:3px;
						padding-right:15px;
						padding-left:15px;
						padding-bottom:10px; }
						
#directorylistalternateactive{width:560px; 
						min-height:200px;
						border-top: 2px dotted #999;
						padding-top:3px;
						padding-right:15px;
						padding-left:15px;
						padding-bottom:10px; }
						
#directorylistactive:hover{background: #eaf4fd;
					cursor: pointer; }
					
#directorylistalternateactive:hover{background: #eaf4fd;
					cursor: pointer; }

						
#s2{width:560px; background:transparent; height:auto; }

#prev_next_nav{text-align:center; }


/* Events - Calendar */


#calendar a{text-decoration:none; }
#calendar a:hover{text-decoration:none; }


/* About Us Blurb on Home Page */


#about_onhome{width:100%; margin:20px; margin-left:-22px; margin-top:21px; padding-top:0px; padding-left:25px; padding-bottom:15px; padding-right:17px; background: url(images/shadow_left_bg.png) center left repeat-y #7ac043; border:1px solid #000; border-left:0; }

#about_onhome p{color:#fff; }

#about_onhome h2{color:#fff; }

#about_onhome a{color:#030; text-decoration:none; }

#about_onhome a:hover{color:#030; text-decoration:underline; }


/* Twitter Feed on Home Page */


#twitter_update_list{ list-style-type:none; margin-left:-40px; }

#twitter_update_list li{ margin-bottom:10px; }


/* Members Section */


.username_heading{font-size:16px; font-weight:bold; color:#77a22f;  }

.big_menu_options{font-size:14px; font-weight:bold; color:#000;  }

.big_menu_options a{color:#000; text-decoration:none; }

.big_menu_options a:hover{color:#000; text-decoration:none; }

.small_menu_options{font-size:11px; color:#A00; font-weight:normal; }

#bodycontent .small_menu_options a{font-size:11px; color:#A00; font-weight:normal; text-decoration:none; }

#bodycontent .small_menu_options a:hover{font-size:11px; color:#000; font-weight:normal; text-decoration:none; }

#{width:100%; border:/*1px solid #A00*/none; background:#fefefe; font-size:11px; color:#A00; font-weight:normal; padding:5px; margin-bottom:5px; margin-top:5px; }

#notification a{font-size:11px; color:#000; font-weight:normal; text-decoration:none; }

#notification a:hover{font-size:11px; color:#000; font-weight:normal; text-decoration:underline; }

#notification img{margin-right:7px; margin-left:2px; }


/* Members Section - Finances */


.paid{font-size:16px; font-weight:bold; color:#070; }

.unpaid{font-size:16px; font-weight:bold; color:#D00; }

.finances_type{color:#000; font-weight:bold; }


/* Members and Sponsors Page */


#members_sponsors_table{text-align:center }

#members_sponsors_table img{border:0; }


/* Member Profile Page */



.location_num_* {border:1px solid #999;
				background:#fff;
				width:19px;
				font-size:12px; 
				font-weight:bold;
				color:#999; 
				text-align:center; 
				vertical-align: middle;
				-moz-border-radius: 10px;
    			-webkit-border-radius: 10px;
    			-khtml-border-radius: 10px;
				/*behavior: url(includes/css/border-radius.htc);*/
   				border-radius: 10px;
				position:relative;
				display:inline-block;
}

.inactivenum {border:1px solid #999;
				background:#fff;
				width:19px;
				font-size:12px; 
				font-weight:bold;
				color:#999; 
				text-align:center; 
				vertical-align: middle;
				-moz-border-radius: 10px;
    			-webkit-border-radius: 10px;
    			-khtml-border-radius: 10px;
				/*behavior: url(includes/css/border-radius.htc);*/
   				border-radius: 10px;
				position:relative;
				display:inline-block;
}

.inactivenum a{color:inherit; text-decoration:none; }

.inactivenum a:hover{color:inherit; text-decoration:none; }

.activenum {border:1px solid #000;
				background:#fff;
				width:19px;
				font-size:12px; 
				font-weight:bold;
				color:#000; 
				text-align:center; 
				vertical-align: middle;
				-moz-border-radius: 10px;
    			-webkit-border-radius: 10px;
    			-khtml-border-radius: 10px;
				/*behavior: url(includes/css/border-radius.htc);*/
   				border-radius: 10px;
				position:relative;
				display:inline-block;
}

.activenum a{color:inherit; text-decoration:none; }

.activenum a:hover{color:inherit; text-decoration:none; }

#mem_pr_title {position:relative;
				display:inline-block;
				font-weight:bold;
				color:#000;
				font-size:12px;
}

#mem_pr_hours { /* for Su - Sa text in hours table */
				font-weight:bold;
				color:#000;
				font-size:11px;
}


/* Grassrooted Campaign April 2011 */

#grassrooted {
	background:url(images/grassrooted_banner_glow.jpg) left top no-repeat;
	width:1008px;
	height:411px;
	border:1px solid #000;
	border-top:none;
}

.grassrooted_headline {
	position:relative;
	left:400px;
	padding:20px 0 10px 0;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	width:570px;
}

.grassrooted_subhead {
	position:relative;
	left:400px;
	color:#047;
	font-weight:normal;
	font-size:12px;
	width:570px;
}

.grassrooted_bold {
	color:#000000;
	font-weight:bold;
}

.grassrooted_events {
	position:relative;
	left:400px;
	color:#047;
	font-weight:normal;
	font-size:12px;
	width:570px;
	padding:30px 0 0 0;
}

.grassrooted_events_head {
	position:relative;
	padding:0px 0 10px 0;
	color:#063;
	font-weight:bold;
	font-size:15px;
	z-index:10;
}

.grassrooted_events_more {
	position:relative;
	float:right;
	padding:0 0 10px 0;
	color:#000;
	font-weight:normal;
	font-size:12px;
	z-index:20;
}

.grassrooted_event {
	width:570px;
}

.grassrooted_event_left {
	position:relative;
	display:inline-block;
	text-align:right;
	width:85px;
}

.grassrooted_event_month {
	position:relative;
	display:inline-block;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	height:14px;
	padding:11px 3px 20px 0;
}

.grassrooted_event_date {
	position:relative;
	display:inline-block;
	color:#000000;
	font-weight:bold;
	font-size:15px;
	height:20px;
	padding:6px 0 8px 0;
	width:30px;
	text-align:center;
	vertical-align:middle;
	background:url(images/grassrooted_white_circle.png) center top no-repeat;
}

.grassrooted_event_info {
	position:relative;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0 20px 6px;
}


/* Fall 2011 Membership Drive */

.mem_drive_table {
	padding-top:15px;
	padding-bottom:20px;
	width:100%;
}

.mem_drive_table td {
	padding:10px;
}

.mem_drive_table .bigtext{
	font-size:50px;
	color:#7a1600;
	font-weight:bold;
	text-align:left;
	line-height:62px;
}

.mem_drive_table .mediumtext{
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

.mem_drive_table .box{
	background:#eee;
	margin:0 10px 10px 10px;
	padding:10px;
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-align:center;
}

.mem_drive_table .box p{
	font-size:12px;
	color:#555;
	font-weight:normal;
	text-align:center;
}

#bodycontent.mem_drive_table a:hover{
	text-decoration:none;
}

a.signup_button{	
	position:relative;
	display:inline;
	width:80px;
	text-align:center;
	background-color:#7ac043;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:6px;
	border:3px solid #fff;
	line-height:46px;
}

a.signup_button:hover{	
	background-color:#693;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

.mem_drive_barometer{	
	position:relative;
	display:inline-block;
	z-index:11;
	float:left;
	width:250px;
	height:250px;
	background:url(/views/includes/images/new/BF_logo_outline.png) center top no-repeat;
}

.mem_drive_barometer_back{	
	position:relative;
	display:inline-block;
	z-index:9;
	float:left;
	width:250px;
	height:242px;
	left:-250px;
	background:#C00;
	vertical-align:bottom;
}

.mem_drive_barometer_mid{	
	position:relative;
	display:inline-block;
	z-index:10;
	width:250px;
	height:18%; /* this height should be reduced as funds from membership drive increase! */
	background:#999;
}

.mem_drive_barometer_tag{	
	position:relative;
	display:inline-block;
	z-index:13;
	width:97px;
	left:-300px;
	top:20px; /* this top height should be reduced as funds from membership drive increase! */
	height:auto; 
	background:url(/views/includes/images/new/BF_arrow.png) left top no-repeat;
	text-align:right;
	color:#000;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	padding:16px 16px 16px 0;
}

.mem_drive_barometer_text{	
	position:relative;
	display:inline-block;
	float:right;
	z-index:12;
	width:310px;
	right:30px;
	top:-250px;
	height:auto; 
	text-align:left;
	font-size:12px;
	vertical-align:top;
}

.mem_drive_barometer_text .head{
	font-size:14px;
	color:#000;
	text-align:left;
	font-weight:bold;
}