/*layout 2
css is image across top and 3 columns as in index page
==================================================*/
/*photo across top*/
#picfullWidth	
{
	margin-left:4px;
	width:800px;
	top:0;
}
#picOverview	
{
	padding-left:3px;
	width:800px;
	position:relative;
	top:0;
}
/*content across*/	
#contentfullWidth	{
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	width:770px;
	margin:0px;
	float:left;

	}
#contentfullWidth hr {
	border:1px solid #009966;
	margin-left:5px; 
	margin-right:5px;
	}

#contentfullWidth hr.autism {
	border:1px solid #cc0000;
	margin-left:5px; 
	margin-right:5px;
	}
#contentfullWidth hr.lol {
	border:1px solid #6e2493;
	margin-left:5px; 
	margin-right:5px;
	}
	
/*top content - News & Accouncements*/	
#contentTop {
	width:784px;
	float:left;
	border-bottom:2px solid #cccccc;
	margin-left:3px;
	padding-left:5px;
	padding-right:5px;
	}
/*left side content*/	
#contentLeftSide {
	width:200px;
	float:left;
	border-right:1px solid #cccccc;
	padding-left:5px;
	padding-right:5px;
	}

/*right side content*/
#contentRightSide_new {
	width:200px;
	float:right;
	border-left:1px solid #cccccc;
	padding-left:3px;
	padding-right:7px;
	height: auto;
	position: relative;
}
#contentRightSide {
	width:200px;
	float:right;
	border-left:1px solid #cccccc;
	padding-left:5px;
	padding-right:5px;
	height: auto;
	position: relative;
	}	

/*center content*/	
#contentCenter {
	width:366px;
	float:left;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding-left:5px;
	padding-right:5px;
	}
#contentCenter hr {
	border:1px solid #009966;
	margin-left:5px; 
	margin-right:5px;
	}
/*end of layout 2

==================================================*/
/*css is image across top and 2 columns as in sitemap
uses picFullLength in layout 2
==================================================*/
#contentLeft	{
	width:399px;
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px dotted #cccccc;	 
	}
	 
#contentRight	{
	width:398px;
	padding:0px;
	margin:0px;
	float:left;
	border-left:1px dotted #cccccc;
	}
	
/*layout4
css is 2 columns
one for menu and one for content 
==================================================*/
#contentMenuSide {
	width:200px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	height: auto;
	text-align: left;
	}	
#contentMenuSide hr {
	border:1px solid #009966;
	margin-left:5px; 
	margin-right:5px;
	}
/*center content*/	
#contentSide {
	width:555px;
	float:right;
	padding-left:5px;
	padding-right:0px;
	margin-right: 10px;
	list-style-image: url(../images/events/gardenParty/gpli_bf.jpg);
	}	
#contentSide_imageGallery2011 {
	width:800px;
	float:left;
	padding-right:0px;
	list-style-image: url(../images/events/gardenParty/gpli_bf.jpg);
	margin-left: 0px;
	padding-left: 0px;
	height: 650px;
}
#frame #contentSide_imageGallery2011 #cBall_header {
	background-image: url(../images/events/cBall/images11/galleryheader.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 75px;
	padding-bottom: 5px;
}
.ErrorMessage {
	background-color: #FF0;
	color: #F00;
}

	
	#contentFlash {
	width:500px;
	float:right;
	margin-right: 50px;
	padding-left:0px;
	padding-right:40px;

	}	
#contentSide hr {
	border:1px solid #009966;
	margin-left:5px; 
	margin-right:5px;
	}
#contentSide hr.autism {
	border:1px solid #cc0000;
	margin-left:5px; 
	margin-right:5px;
	}

/*title*/
#page-title_first_line	{
	font:italic normal 25px "Georgia", Times, Serif;
	color:#003366;
	margin-left:5px;
	margin-top:10px;
	height:35px;
	text-align:left;
	padding-left:15px;
	padding-top:5px;
	background:url(../images/style/titleRibbon.jpg) no-repeat;
	}
	
#page-title_small_line	{
	font:italic normal 20px "Georgia", Times, Serif;
	color:#003366;
	margin-left:5px;
	margin-top:10px;
	height:35px;
	text-align:left;
	padding-left:15px;
	padding-top:5px;
	background:url(../images/style/titleRibbon.jpg) no-repeat;
	}

#page-title_small-15_line	{
	font:italic normal 15px "Georgia", Times, Serif;
	color:#003366;
	text-align:left;
	}

#page-title_sec_line	{
	font: italic normal 25px "Georgia", Times, Serif;
	color: #003366;
	padding-left: 45px;
	padding-top:0px;
	margin-top:0px; 
	vertical-align:top;
	position:relative; 
	top:-15px;
	}
	
#page-title_first_line_autism	{
	font: italic normal 25px "Georgia", Times, Serif;
	color: #000099;
	padding-left: 25px;
	padding-top:10px;
	margin-left:5px;
	margin-top:5px;
	text-align: left;
	background:url(../images/style/titleRibbon_Autism.jpg) no-repeat;
	}	
#page-title_sec_line_autism	{
	font: italic normal 25px "Georgia", Times, Serif;
	color:  #000099;
	padding-left: 45px;
	padding-top:0px;
	margin-top:0px; 
	vertical-align:top;
	position:relative; 
	top:-15px;
	}
	
#page-title_first_line_lol	{
	font: italic normal 25px "Georgia", Times, Serif;
	color: #6e2493;
	padding-left: 25px;
	padding-top:10px;
	margin-left:5px;
	margin-top:5px;
	text-align: left;
	background:url(../images/style/titleRibbon_LOL.jpg) no-repeat;
	}	
#page-title_sec_line_lol	{
	font: italic normal 25px "Georgia", Times, Serif;
	color:  #6e2493;
	padding-left: 45px;
	padding-top:0px;
	margin-top:0px; 
	vertical-align:top;
	position:relative; 
	top:-15px;
	}
		
#page-title_first_line_gardenP2010	{
	font: italic normal 25px "Georgia", Times, Serif;
	color: #009966;
	padding-left:20px;
	padding-top:8px;
	margin-left:5px;
	margin-top:5px;
	text-align: left;
	background:url(../images/style/titleRibbon_gardenP2010.jpg) no-repeat;
	}
#page-title_first_line_gardenP	{
	font: italic normal 25px "Georgia", Times, Serif;
	color: #009966;
	padding-left: 25px;
	padding-top:25px;
	margin-left:5px;
	margin-top:5px;
	text-align: left;
	background:url(../images/style/titleRibbon_gardenP.jpg) no-repeat;
	}		
#page-title_sec_line_gardenP	{
	font: italic normal 25px "Georgia", Times, Serif;
	color:  #009966;
	padding-left: 45px;
	padding-top:0px;
	padding-bottom:20px;
	margin-top:0px; 
	vertical-align:top;
	position:relative; 
	top:-15px;
	}	


/*--images--*/
.floatl	{
	float:left;
	padding:10px;
	 }	
.floatr {
	float:right; position:relative;
	/*margin-bottom: 5px;*/
	padding:15px;
    }
/*--Philly principal images--*/
.floatL_philly	{
	float:left;
	padding:15px;
	 }	
/*--adult - day_support2.php--*/
.floatrnom		{
	float:right;
		margin-right:25px;
		margin-left:10px;
		margin-top:0px;
		margin-bottom:0px;
		}
.cookBookLogo {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 45px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding-right: 0px;
	width: 200px;
	text-align: right;
	
}
/*children_youth*/
.imgfastFacts {
	float:right;
	padding:0px;
	margin-top:5px;
	height: 600px;
	width: 180px;
	}
#frame #contentSide .rightsideColumn {
	float: right;
	height: 670px;
	width: 180px;
}

/*-- Text - objects--*/	
/*==================================================*/
p {
	font-size: 11px;
	margin-left:10px;
	font-weight: 0;
	line-height:150%;
	}
.p_align_ul {
	padding-left: 44px;
}


	
span {
	font-size: 11px;
	}	
	
/*-- outline --*/
/*-- use margin the display in firefox--*/	
/*-- will not work on css substance.css--*/
/*  normally  used */
ul {
	list-style-image: url(../../images/style/bullet.gif);
	font: 0.8em verdana, sans-serif;
	margin:0px 0px 0px 10px;
	}	
/*  shamrock bullet  */	
/*-- use margin:0; the display in firefox--*/
li {
	list-style: url( ../images/style/bullet.gif);
	line-height: 1.8em;
	font-size:11px;
	}
#frame #contentSide .nonList ul li {
	padding-bottom: 0px;
	list-style-type: none;
	padding-bottom: 5px;
}
#frame #contentSide .nonList {
	list-style-type: none;
	list-style-image: none;
	margin-left: -10px;
	padding-left: -10px;
}

li.outlinethrid {
	list-style: url(../images/style/outline4dots.jpg);
	line-height: 1.8em;
	}	
	
/*  autism-blue puzzle piece  */	
li.autism {
	list-style: url(../images/style/bullet_blue_autism.jpg);
	line-height: 1.8em;
	}

/*  autism-red puzzle piece  */	
li.autism_manual {
	list-style: url(../images/style/bullet_red_autism.jpg);
	line-height: 1.8em;
	}
	
/*autism resource page*/	
ul.resource {
	font-size: 11px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 20px;
	}	
li.aut_resource {
	height:45px;
	background:#6699CC;
	list-style: url(../images/style/bullet_blue_autism.jpg);
	}	
	
/*ladies only luncheon*/
.lol_txt_purple	{
	font-size:12px;
	font-family:verdana, arial;
	font-weight:500;
	color:#660099;
	}
.banner_lol_purple_ctr	{
	font: bold 15px "Verdana", Arial;
	color: #ffffff;
	text-align:center;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	background-color: #5c2a7f;
}	
tr.lol-gbasketBG{ 
	background-color:#e9deef;
}
td.lol-gbasketCtr {
	font-size:11px;
	border:1px dotted #6e2493;
	text-align:center;
	padding:6px;
	}
td.lol-gbasketLft {
	font-size:11px;
	border:1px dotted #6e2493;
	text-align:left;
	padding:6px;
	vertical-align:top
	}
	
/*garden party*/
.banner_gardenpParty_pink_ctr{
	font: bold 15px "Verdana", Arial;
	color:#009933;
	text-align:center;
	background:#FFCCFF;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	border:.10em dotted #009933;
}	
td.gp-themeBasketCtr {
	font-size:11px;
	border:1px dotted #009865 ;
	text-align:center;
	padding:6px;
	}
.banner_gardenpParty_ctr2010{
	font: bold 15px "Verdana", Arial;
	color:#ffff00;
	text-align:center;
	background:#9900cc;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	border:.10em dotted #ffff00;
}
li.gp2010 {
	list-style: url('http://www.barberinstitute.org/images/events/gardenParty/gpli_bf.jpg');
	list-style-type:none;
	line-height: 1.8em;
	text-align: left;
	}

/*golf tournament*/
tr.golfHonoreesHdr{
	text-align:center;
	padding:6px;
	font-size:18px;
	color:#009966;
	font-weight:bold;
}
td.golf-HonoreesName {
	font-size:13px;
	text-align:center;
	padding:5px;
	background-image:url(../images/events/golfTournament/bgName.jpg);
	border:5px double #996600;	
}
span.golf-HonoreesYr {
	text-align:center;
	font-size:15px;
	color:#009966;
	font-weight:bold;
}
	
/* Title  */
.banner_txt_blue_lft	{
	font: bold 15px "Verdana", Arial;
	color: #ffffff;
	text-align:left;
	padding:5px;
	background-color:#003366;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	}			
.banner_txt_blue_ctr	{
	font: bold 15px "Verdana", Arial;
	color: #ffffff;
	text-align:center;
	background:#003366;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	}	
.banner_dkgreen_whitetext	{
	font: bold 15px "Verdana", Arial;
	color:#FFFFFF;
	text-align:center;
	background:#006633;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	}	
.banner_ltgreen_whitetext 
{
	background-color:#009966;
	font-size:20px; 
	color:#FFFFFF; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-style:italic;
	text-align:center;
}
.banner_ltgreenBG_whitetext	
{
	font: bold 14px "Verdana", Arial;
	color:#000099;
	text-align:center;
	background:url(../images/style/tdBg.jpg) repeat;
}	
.banner_chirstmas2008{
	font: bold 12px "Verdana", Arial;
	color:#660000;
	text-align:center;
	background-image:url(../images/events/cBall/border.jpg);
	padding:5px; 
	margin:5px;
	width:550px;
	line-height:12pt;
	}	
			
/*Quick Pick and Centerscope text and banner*/
.banner_rnd_ltgreen {
	width:190;
	height:50;
	background:url(../images/style/banner_rnd_ltgreen.jpg) no-repeat;
	margin-top:-10px;
	}
	
.banner_rnd_txt_ltgreen {
	font-size:20px; 
	text-align:center;
	color:#003300; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-style:italic;
	padding-top:5px;
	}

.txt_bni_green	{
	font-size:12px;
	font-family:verdana, arial;
	font-weight:bold;
	color:#009966;
	}	
.txt_gardenParty	{
	font-size:12px;
	font-family:verdana, arial;
	font-weight:bold;
	color:#c72276;
	}	

.txt_bni_green_ctr	{
	font-family:verdana, arial;
	font-weight:bold;
	color:#009966;
	text-align:center;
	}

.txt_errorMessage {
	text-align:center;
	font-size:18px; 
	color:#FF0000;
	vertical-align:middle;
	}


.txt_14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.txt_16 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}	
	
.caption {
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	color:#666666;
	padding-top:10px;
	padding-bottom:20px;
	width:80%;
	}
/* end of text styles */	

/*--table style--*/
td.autsimForm {
	font-size:11px;
	border:1px dotted #cccccc;
	}
/*--end of table style--*/	

/* MANUAL */
/* manual.php - tab to display manual contents*/
/*Start of tabbed Items*/
.shadetabs{
	margin-left: 100px;
	margin-top: 1px;
	margin-bottom: 0px;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	margin-right: auto;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 3px;
margin-right: 3px;
border-top: 1px solid #778;
border-left: 1px solid #778;
border-right: 1px solid #778;
color: #2d2b2b;
background: white url(../images/autism/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/autism/shadeactive.gif);
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content container*/
	border: 1px solid gray;
	width: 525px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:auto;
	padding:10px;
	margin-right: auto;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}

/* this is for autism awareness month */
#contentSide #events div {
    height: auto;	
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#contentMenuSide #photo div {
	height: 1200px;
	width: 300px;
}
/* end of special css for autism awareness month */	

/* autism - connection.php */
.autismBlockout {
	font: bold 1em/normal Verdana, Arial, Helvetica;
	padding: 9px;
	background:#ffffff;
	border: double #009966;
	}
.autismBlockout1 {
	font: bold 1em/normal Verdana, Arial, Helvetica;
	padding: 9px;
	background:#ffffff;
	border: double #009966;
	width: 80%;
	}
	
/*contact us page - table*/	
.p-links	{
	font-size:10px;
	font-weight:bold;
	padding-bottom:10px;
	vertical-align:top;
	}
	
/*library page - table*/		
.leftfoot	{
	font-size:11px;
	text-align: left;
	font-family: "Verdana", Arial;
	vertical-align:top;
}
/*box around text on career page*/
.blockout {
	font: bold  Verdana, Arial, Helvetica;
	padding: 9px;
	background:#ffffff;
	border: double #009966;
	width: 90%;
	margin:auto;
}
	
/*news page*/	
p.main {
	font-size: 11px;
	padding-left:15px;
	padding-right:15px;
	margin: 0px; 
	vertical-align:top;
	line-height: 3em; 
	text-align:justify;
}
	
td.main {
	font-size: 11px;
	padding-left:5px;
	padding-right:5px;
	margin: 0px; 
	vertical-align:top;
}

/*search page*/	
.search	{
	font-size:11px;
}

td.greenDots
{
	border:1px dotted #009966; 
	padding:5px; 
	font-size:12px;
}
.price_reduction {
	font-style: normal;
	color: #000;
	font-size: 16px;
	text-decoration: line-through;
	font-weight: bolder;
	font-family: "Arial Black", Gadget, sans-serif;
}
.discount_price {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	color: #F60;
	font-weight: normal;
	background-color: #FFF;
}
.discounted_price_minor {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #F60;
}
#primContentcenter {
	height: auto;
	width: 580px;
	float: none;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 195px;
}
.horizontal_seperator {
	padding-top: 30px;
	padding-bottom: 10px;
}
#contentSide .gp2011 {
	list-style-image: url(../images/events/gardenParty/gpli_bf.jpg);
}
#contentSide ul {
	list-style-image: url(../images/events/gardenParty/gpli_bf.jpg);
	color: #F00;
}
#frame #contentSide .gardenpartyUL div {
	color: #00C;
	list-style-image: url(../images/events/gardenParty/gpli_bf.jpg);
}

#frame #contentSide .allstarPhotos {
	text-align: center;
	padding: 10px;
	height: 165px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#frame #contentSide .Cball_Banner div {
	width:528px;
	height:575px;
	background-image:url(../images/events/cBall/images11/bgcolor.jpg);
	background-repeat:none;
	background-color: #fdd903;
	}
.logo {
	padding:15px;
	float:left;
}
#frame #contentRightSide .clearFloat {
	clear: both;
}
#frame #contentRightSide #homeButtons {
	height: 300px;
	padding-bottom: 400px;
	padding-top: 5px;
}
#frame #contentRightSide #div_bni_ad_space {
	border: medium dotted #F00;
	height: 600px;
	width: 200px;
	position: fixed;
	top: 100px;
}
#frame #contentRightSide .homepageButtons {
	padding-bottom: 15px;
}
.parentInfo_pdfList {
	width: 400px;
	height: auto;
	float: left;
	
}
.parentInfo_topContent {
	width: 600px;
	
}
#givingHonors {
	background-color: #CCC;
}
#barberHonors {
	height: 180px;
	width: 180px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.birthdayImage {
	float: left;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.birthdayText {
	padding-bottom: 10px;
	vertical-align: text-top;
	float: left;
}
.clearFloat {
	clear: both;
	height: 10px;
	width: 100px;
}
#birthdayTribute {
	height: 80px;
	width: 180px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.barberHonorsImage {
	background-color: #933;
	float: left;
	height: 150px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
}
.barberHonorsText      {
	background-color: #0C9;
	float: left;
	height: 150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.5em;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #909;
}
#frame #contentSide_imageGallery2011 #noFlash {
	padding-right: 25px;
	padding-left: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .85em;
	color: #F00;
}
#noFlash {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .85em;
	color: #900;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	clear: both;
}
.donateButton-SE-PA {
	text-align: right;
	padding-left: 20px;
	
}
.leftImage-SE-PA {
	vertical-align: top;
	margin-top: 5px;
	float: left;
	padding-top: 5px;
	
}