/* BABC PGH CSS */


/* 

all visual design, coding, etc. = y[not]design - ynotdesign.com

thanks to Kevin Wetzels ( el73.be ) and Mark James ( famfamfam.com ) for icons and icon-related inspiration 

*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> globals - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body,table,ul,ol,dl,li,dt,dd,img			
						{ margin: 0px; padding: 0px; border: 0px; list-style: none; color: #333; font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif; }

body					{ text-align: center; background: #ddd url(images/bg_body_pattern.gif); padding-bottom: 20px; }
			

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> build containers  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#bodywrap				{ margin: 0px auto; top: 0px; visibility: visible; width: 786px; text-align: left; background-color: #fff; border: 1px solid #333; border-top: 0px; }

/* --- header items and #home exceptions   */

#topcontainer			{ position: relative; top: 0px;   left: 0px;   width: 786px; height: 184px; }
body#home #topcontainer	{ height: 260px;}

#logo					{ position: absolute; top: 53px;  left: 12px;  width: 232px; height: 122px; background: url(images/bg_head_babc_logo.gif) no-repeat left top; }
body#home #logo			{ top: 12px;  }

#search					{ display: none; }
body#home #search		{ position: absolute; top: 143px; left: 12px;  width: 232px; height: 108px; background: #369 url(images/bg_head_search_box.gif) no-repeat left top; display: block; }
#searchhelp				{ position: absolute; top: 194px; left: 52px;  width: 80px;  height: 50px;  background: #fc6; z-index: 99; visibility: hidden; }
#search p				{ width: 205px; padding: 0px 10px; color: #fff; }
#search form.searchform	{ display: inline; margin: 0px 0px 0px 10px; padding: 0px; }
#search input.entry		{ width: 150px; }
#search input.subsub	{ width: 50px; font-size: 10px; }

#montage				{ position: absolute; top: 53px;  left: 256px; width: 522px; height: 122px; background: #f00 url(images/bg_head_mont_i.jpg) no-repeat left top; }
body#home #montage		{ height: 198px; background: #f00 url(images/bg_head_mont_h.jpg) no-repeat left top; }

/* --- content area builds  */

#lowcontainer			{ width: 786px; margin: 0px; display: inline; }

#leftcol				{ float: left;  margin: 0px 0px 12px 12px; width: 498px; display: inline; }
#rightcol				{ float: right; margin: 0px 12px 12px 0px; width: 252px; display: inline; }
#footer					{ clear: both;  margin-top: 0px;           width: 786px; text-align: right; font-size: 9px; color: #999; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> navigation (both home and int)  - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul#nav					{ float: left; position: relative; display: inline; height: 32px; background: url(images/bg_nav_l.gif) no-repeat left center; }
ul#nav li				{ float: left; position: relative; display: inline; height: 28px; line-height: 28px; border-left: 1px solid #8c1008; }/* height was 29px > made 28 to fix FF border display bug */

#navh,#navi				{ position: absolute; top: 12px; height: 32px; z-index: 50; background: url(images/bg_nav_r.gif) no-repeat right center; }
#navh					{ width: 522px; left: 256px; }
#navi					{ width: 764px; left: 12px;  }

#navh #nav				{ width: 522px; }
#navi #nav				{ width: 764px; }

#nav li a				{ display: block; text-align: center; color: #fff; text-decoration: none; }
#nav li a:hover			{ text-decoration: underline; }
/*#nav li a.drop:hover	{ background: url(images/bg_nav_on.gif) repeat-x center center; }*/

#navh li#nhome				{ display: none; } /* shaved off 1 px each to stop wrapping */
#navh li#nabout				{ width: 98px;  background: none; border: none; }
#navh li#nevents			{ width: 130px;  }
#navh li#nmembers			{ width: 100px;  }
#navh li#nsearch			{ display: none; }
#navh li#nfaqs				{ display: none; }
#navh li#nlinks				{ width: 78px;   }
#navh li#ncontact			{ width: 110px;  }

/*#navh li#about a.drop:hover		{ background: url(images/bg_nav_on.gif) no-repeat left center; }
#navh li#contact a.drop:hover	{ background: url(images/bg_nav_on.gif) no-repeat right center; }*/

#navi li#nhome				{ width: 69px;  background: none; border: none; } /* shaved off 1 px each to stop wrapping */
#navi li#nabout				{ width: 89px;   }
#navi li#nevents			{ width: 122px;  }
#navi li#nmembers			{ width: 91px;   }
#navi li#nsearch			{ width: 152px;  }
#navi li#nfaqs				{ width: 68px;   }
#navi li#nlinks				{ width: 68px;   }
#navi li#ncontact			{ width: 96px;   }
#navi li#ncontact[class]	{ width: 96px;   }

/*navi li#home a.drop:hover		{ background: url(images/bg_nav_on.gif) no-repeat left center; }
navi li#contact a.drop:hover	{ background: url(images/bg_nav_on.gif) no-repeat right center; }*/

/* >>> second-level lists */
#nav li ul					{ width: 158px; display: none; position: absolute; left: 0px; padding-bottom: 5px; margin-left: -5px; }
#nav li ul li				{ width: 148px; display: block; margin-left: 5px; float: none; border: none; border-bottom: 1px solid #8c1008; background: #e62b2c; }
#nav li#nmembers ul li		{ width: 180px; }
#nav li ul li.ntop			{ border-top: 1px solid #8c1008; }
#nav li ul li a 			{ width: 148px; display: block; text-align: left; color: #fff; border-top: 1px solid #ea4c50; cursor: pointer;  }
#nav li#nmembers ul li a	{ width: 180px; }
#nav li ul li a:link		{ text-decoration: none; }/**/
#nav li ul li a span		{ margin-left: 10px; }
#nav li ul li a:hover span	{ text-decoration: underline; }

#navh li#nabout ul			{ margin-left: -2px; }

/* --- fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */
ul#nav li>ul 				{ top: auto; left: auto; } 

/* --- lists nested under hovered list items */
ul#nav li:hover ul			{ display: block; }
ul#nav li.over ul 			{ display: block; }

/* >>> ul png bg images :: Mozilla doesn't support crazy MS image filters, so it will ignore those | IE ignores css styles with [attributes], so it will skip those */
/*ul#nav li ul.nsub			{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg_nav_drop_bg2.png'); }*/
/*ul#nav li ul.nsub			{ background: url(images/bg_nav_drop_bg.gif) no-repeat left bottom; }*/
/*ul#nav li ul.nsub[class]	{ background: url(images/bg_nav_drop_bg.png) no-repeat left bottom; }*/

/* >>> dropdown nav exceptions 
a#n1					{ background-position: left center !important; margin-left: 3px; }
#navh a#n2				{ background-position: left center !important; margin-left: 3px; }
a#n8					{ background-position: right center !important; }*/

/* >>> END nav dropdown ids and classes */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> leftcol items - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1,h2,h3,h4,h5,h6		{ padding: 0px 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.2em; margin: .5em 0px; }

h1						{ font-size: 24px; color: #f33; font-weight: normal; line-height: 47px; margin: 0px; background: url(images/bg_h1_fade.gif) no-repeat left top; }
h2						{ font-size: 18px; color: #036; font-weight: normal; }
h3						{ font-size: 16px; color: #f33;  font-style: normal; }
h4						{ font-size: 14px; color: #036;  font-style: normal; }
h5						{ font-size: 14px; color: #f33;  font-style: normal; }
h6						{ font-size: 12px; color: #036;  font-style: normal; }

#leftcol p				{ margin: 0px 10px .75em 10px; line-height: 1.75em; }
body#home div#leftcol h2	{ background: url(images/bg_h1_fade.gif) no-repeat left top; margin-top: 0px; line-height: 32px;  }

a						{ color: #036; text-decoration: none; }
a:link					{ color: #036; }
a:visited				{ color: #666; }
a:hover					{ color: #f33; text-decoration: underline; }

ul.linkslist			{ margin-left: 20px; }
a.link					{ padding-left: 28px; line-height: 22px; height: 22px; display: block; }
a.link:link				{ color: #036; background: url(images/icons/link_link.gif) no-repeat 3px center; }
a.link:visited			{ color: #999; background: url(images/icons/link_visited.gif) no-repeat 3px center; }
a.link:hover			{ color: #06c; background: url(images/icons/link_hover.gif) no-repeat 3px center; background-color: #f2f7fa; }
a.link:visited:hover	{ background-color: #eee; }

ul#benes				{ margin: 0px 10px .75em 10px; }
ul#benes li				{ margin-top: 10px; padding-left: 20px; background: url(images/bg_bullet_red.gif) no-repeat left top; }

table#ratestable		{ width: 360px; margin-left: 15px; }
table#ratestable th		{ width: 160px; padding: 5px; text-align: left; }
table#ratestable td		{ width: 200px; padding: 5px; }

dl#faqsdl				{ padding: 10px 3px 10px 10px; }
dl#faqsdl dt			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #036; }
dl#faqsdl dd			{ margin: 10px 20px; }

body#news #leftcol h2	{ margin: 10px 0px 4px 0px;  width: 480px; float: left; clear: both; }
div.nwloop				{ margin: 10px 0px 0px 10px; width: 480px; float: left; padding: 0px; display: inline; background-color: #f2f2f2; }
div.nwloop p			{ margin: 0px !important; float: left; }

div.nwloop p ul,div.nwloop p li { list-style: none; }

ul.nwdate				{ margin: 0px 5px 0px 0px !important; padding: 0px; width: 60px; float: left; border: 2px solid #fff; border-top: 0px; border-left: 0px; }/*removed display inline ie 5.5*/
ul.ev					{ background-color: #fdeaea; }
ul.ev li				{ color: #f33;}
ul.nw					{ background-color: #dfe3ed; }
ul.nw li 				{ color: #036; }
ul.nwdate li			{ text-align: center; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.15em; }

li.nwmonth				{ font-size: 18px; padding: 0px; margin: 0px; text-transform: uppercase; }
li.nwday				{ font-size: 23px; padding: 0px; margin: 0px 0px 3px 0px; }

li.nwimg				{ text-align: center; margin: 0px; padding: 0px; border-top: 1px solid #fff; line-height: 5px; }
li.nwimg img			{ padding: 2px; }
li.ev					{ background-color: #036; }
li.nw					{ background-color: #f33; }

#leftcol h2.memh2		{ font-size: 14px; margin-bottom: 0px; font-style: normal; }
#leftcol h3.memh3		{ font-size: 11px; margin-bottom: 5px; font-style: normal; }
#leftcol p.memp			{ margin-left: 20px; }
#leftcol p.memp40		{ margin-left: 40px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> rightcol items  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#rightcol h2			{ font-style: normal; font-weight: bold; margin: 0px; font-size: 18px; color: #fff; line-height: 47px; }
#rightcol ul,#rightcol dl,#rightcol li,#rightcol dt,#rightcol dd.dldate						
						{ font-family: Georgia, "Times New Roman", Times, serif; }

div#callnav				{ width: 252px; background: #dce4f5 url(images/bg_body_pattern.gif) repeat left top; margin-bottom: 12px; }
div.h2blue				{ width: 252px; background: #036 url(images/bg_callout_top_wh.gif) no-repeat left top; }
div.h2blue h2			{ background: url(images/bg_callout_bot_bl.gif) no-repeat left bottom; }

dl.callnavdl			{ width: 252px; background: url(images/bg_callout_bot_wh.gif) no-repeat left bottom; padding-bottom: 5px; }
dl.callnavdl dt			{ margin: 8px 10px 3px 15px; font-size: 14px; line-height: 18px; color: #036; }
dl.callnavdl dd			{ margin: 3px 10px 3px 30px; font-size: 12px; line-height: 16px; color: #369; font-style: italic; }
dl.callnavdl dd.co		{ margin-left: 40px; font-size: 11px; line-height: 13px; font-style: normal; }

ul.callnavul			{ width: 252px; background: url(images/bg_callout_bot_wh.gif) no-repeat left bottom; padding-bottom: 5px; }
ul.callnavul li			{ margin: 3px 10px 6px 15px; font-size: 14px; line-height: 22px; }
ul.callnavul li a		{ background-repeat: no-repeat; background-position: left center; padding-left: 25px; color: #036; text-decoration: none; }
ul.callnavul li a:hover	{ text-decoration: underline; color: #06c; }
ul.callsubnavul			{ width: 232px;  }
ul.callsubnavul li		{ margin-left: 25px; }

body#home div#callnav,body#faqs div#callnav,body#contact div#callnav	
						{ display: none; }

div#callnews			{ width: 252px; background: #eee url(images/bg_body_pattern.gif) repeat left top; float: left; }/* floated as a container for floated items */
div.h2red				{ width: 252px; background: #f33 url(images/bg_callout_top_wh.gif) no-repeat left top; }
div.h2red h2			{ background: url(images/bg_callout_bot_gr.gif) no-repeat left bottom; }


div.newdldiv			{ width: 252px; float: left;  margin: 10px 0px 0px 0px; display: inline; background: url(images/bg_callout_bot_wh.gif) no-repeat left bottom; padding-bottom: 5px; }
dl.newsdl				{ width: 252px; float: left;  margin: 3px 0px 0px 0px;  display: inline; }	
dl.newsdl dt.dlhead		{ width: 180px; float: right; margin: 5px 10px 5px 0px; display: inline; font-size: 13px; font-weight: bold; clear: both; }
dl.newsdl dt.dlhead a	{ font-size: 11px; }
dl.newsdl dd.dldate		{ width: 47px;  float: left;  margin: 7px 0px 0px 10px; display: inline; height: 58px; font-size: 11px; text-transform: uppercase; line-height: 11px; padding-top: 2px; text-align: center; }
dl.newsdl dd.dldate div { width: 37px;  float: left;  margin: 0px 0px 0px 5px;  display: inline; }
dl.newsdl dd.dldate span{ width: 37px;                margin: 0px; font-size: 20px; line-height: 22px; display: block; }
dl.newsdl dd.dlnews		{ margin: 5px 10px 5px 62px; }
dl.newsdl dd.ev			{ background: url(images/icons/icon_cal_event.gif) no-repeat left top; }
dl.newsdl dd.nw			{ background: url(images/icons/icon_cal_news.gif) no-repeat left top; }
dl.newsdl a				{ display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; }
dl.newsdl a:link		{ color: #f33; text-decoration: none; }
dl.newsdl a:visited		{ color: #666; text-decoration: none; }
dl.newsdl a:hover		{ color: #036; text-decoration: underline; }



a#snnews				{ background-image: url(images/icons/icon_news_news.gif); } 		/* news 	- news 				*/
a#snevents				{ background-image: url(images/icons/icon_news_events.gif); } 		/* news 	- events 			*/
a#snpdfnl				{ background-image: url(images/icons/icon_news_nl_pdf.gif); } 		/* news 	- pdf newsletter 	*/
ul#snpdfdl a			{ background-image: url(images/icons/icon_news_dl_pdf.gif); } 		/* news 	- pdf download 		*/
a#snmemboard			{ background-image: url(images/icons/icon_mem_bod.gif); } 			/* members 	- board				*/
a#snmemben				{ background-image: url(images/icons/icon_mem_benes.gif); } 		/* members 	- benefits 			*/
a#snmemrate				{ background-image: url(images/icons/icon_mem_rates.gif); }			/* members 	- rates				*/
a#snmemlist				{ background-image: url(images/icons/icon_mem_list.gif); }			/* members 	- list				*/
a#snmemsearch			{ background-image: url(images/icons/icon_mem_search.gif); }		/* members 	- search			*/
a#snlinkus				{ background-image: url(images/icons/icon_link_us.gif); } 			/* links 	- US 				*/
a#snlinkuk				{ background-image: url(images/icons/icon_link_uk.gif); } 			/* links 	- UK 				*/
a#snlinkpgh				{ background-image: url(images/icons/icon_link_pgh.gif); } 			/* links 	- PGH 				*/
a#snlinkall				{ background-image: url(images/icons/icon_link_all.gif); } 			/* links 	- ALL 				*/


/*admin tool styles*/
#admin			{ padding: 10px; }
#adminmain		{ float: left; position: relative; text-align: left; }
ul#tasks 		{ float: left; position: relative; display: inline; height: 40px; }
ul#tasks li		{ float: left; position: relative; display: inline; width: 100px; height: 40px; line-height: 15px; border: 1px solid #8c1008;}


.adminh2		{ font-size: 14px; color: #036; font-weight: normal; }
/*forms*/
#mainform		{width: 600px; display: block; float: left;}
dl.forms					{ float: left; width: 550px; display: inline; margin-bottom: 5px; }
dl.forms dt					{ float: left; width: 175px; display: inline; margin: 0px; padding-left: 10px; padding-right: 20px; text-align: right;}
dl.forms dd					{ float: left; width: 345px; display: inline; margin: 0px; }
dl.froms dd textarea		{width: 300px;}

dl#adminfaqsdl				{ float: left; padding: 10px 3px 10px 10px; width: 575px; display: inline; margin-bottom: 5px; }
dl#adminfaqsdl dt			{ float: left; width: 410px; display: inline; border-bottom: 1px solid #000; margin: 0px; padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #036; }
dl#adminfaqsdl dd			{ float: right; width: 150px; display: inline; margin: 0px; }
p.mempadmin					{ margin-left: 20px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> footer items  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#incoming td					{ padding: 2px 20px 0px 7px; }
#outgoing td					{ padding: 2px 20px 0px 7px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> exception items - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.photo ul						{ list-style: none; float: left; width: 622px; margin: 0; padding: 0; }
div.photo ul li						{ list-style: none; float: left; width: 187px; height: 145px; padding: 10px; }

body#photo div#leftcol				{ width: 700px; }