html{
    height:100%;
  }

body {
	margin: 0;
	padding: 0;
	height:100%;
	text-align: center;
	font: small Arial, Helvetica, Verdana, sans-serif;
}

#header {
height: 48px;
}

.wrapper {
margin:0 auto;
width: 950px;
height:750px;
text-align: left;
position: relative;
}

#header .wrapper{
	height:48px;
}

.navNote{
	position:absolute;
	left:708px;
	top:40px;
	color:#787b66;
	width:265px;
}

#content {
margin:0;
width: 873px;
text-align: left;
position: absolute;
margin-top:217px;
margin-left:25px;
clear:both;
left:0;
}


.col1 {
float: left;
display:inline;
height:55%;
width: 205px;
margin:0 0 0 95px;
}

.col2 {
float: left;
width: 205px;
height:55%;
}

.col3 {
float: left;
height:55%;
width: 205px;
}

#header .col1,
#header .col2,
#header .col3{
	height:100%;
}

.col3 a,
.col2 a,
.col1 a{
	display:block;
	height:170px;
	margin:20px 0 0 14px;
	padding:0;
	border:0;
	color:#c16543;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight: bold;
			color:#b3321d;
	text-transform:uppercase;
}

.col3 a img,
.col2 a img,
.col1 a img{
	border:3px solid #e4d37b;
	display:block;
	margin-bottom:5px;
}

.col3 a:hover,
.col2 a:hover,
.col1 a:hover{
	color:#b3321d;
	text-decoration:underline;
}

.col3 a:hover img,
.col2 a:hover img,
.col1 a:hover img{
	border:3px solid #fff;
}

/*
.col3 a span,
.col2 a span,
.col1 a span{
	display:block;
	width:150px;
	height:180px;
}
*/
.col3 a:hover span,
.col2 a:hover span,
.col1 a:hover span{
	cursor:pointer;
}

.col4 {
float: right;
height:60%;
width: 25px;
}

ul {
position: relative;
list-style-type: none;
margin:0 auto;
padding: 0;
width: 164px;
}

li {
width: 164px;
padding-bottom: 1em;
}

ul.capabilitiesList{
	float:left;
	clear:both;
	margin:0 0 30px 0;
	top:-20px; 
	padding:0;
	color:#787b66
}

ul.capabilitiesList li{
	padding:3px 0;
	font-size:14px;
}

ul.capabilitiesList li a{
	color:#8a7834;
	text-decoration:none;
	display:block;
	padding:3px 0;
}

ul.capabilitiesList li a:hover{
	text-decoration:underline;
}

li#discovery a, li#learning a, li#healing a {
	padding-top: 175px;
}

li#discovery a{
	background:url(../images/Flip_Home.jpg) no-repeat 6px 22px;
}

li#discovery a:hover{
	background:url(../images/Flip_Home_over.jpg) no-repeat 6px 22px;
}

li#learning a{
	background:url(../images/learning21icon.jpg) no-repeat 6px 22px;
}

li#learning a:hover{
	background:url(../images/learning21icon_over.jpg) no-repeat 6px 22px;
}

li#healing a{
	background:url(../images/bsahome1.jpg) no-repeat 6px 22px;
}

li#healing a:hover{
	background:url(../images/bsahome1_over.jpg) no-repeat 6px 22px;
}

li a {
	display:block;
	text-align: left;
	text-indent: 9px;
	height: 1px;
	text-decoration: underline;
}

li a:link, li a:visited, li a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	}

li a:hover{
text-decoration: underline;
}

h1#logo{
display: block;
text-indent: -9000px;
height: 80px;
width: 254px;
margin-top: 33px;
margin-left:-5px;
background: url(../images/lifestructureslogo459l.gif) no-repeat;
}
#copy {
	margin-left: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#copy p a:link, #copy p a:visited, #copy p a:active{
text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#copy p a:hover{
text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}


ul#footer {
	list-style-type: none;
	margin-top:50px;
	margin-bottom:30px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	width: auto;
	clear:both;
	color:#b3321d;
	width:860px;
}

ul#footer li, 
ul#footer li a{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#b3321d;
	text-transform:uppercase;
}


ul#footer li a:link, ul#footer li a:visited, ul#footer li a:active{
	text-decoration: none;
	padding:0 5px 0 8px;
}

ul#footer li a,
ul#footer li a:visited{
	border-left:2px solid #b3321d;
	color:#b3321d;
}

ul#footer li.featured a,
ul#footer li.featured a:visited{
	color:#295963;
	border-left:0;
}

ul#footer li.first a,
ul#footer li.first a:visited{
	border-left:0;
	margin-left:0px;
}

ul#footer li a:hover {
	text-decoration: underline;
}

#emaillink {
margin: 0;
padding:0;

}

/*= lightwindow
---------------------------------------*/

	#lightwindow_overlay {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		z-index: 500;
		/* REQUIRED */
	}
	
	#lightwindow {
		/* REQUIRED */
		/* Of Note - The height and width of this element are set to 0px */
		display: none;
		visibility: hidden;
		position: absolute;
		z-index: 999;
		line-height: 0px;
		/* REQUIRED */
	}
	
		#lightwindow_container {
			/* REQUIRED */
			display: none;
			visibility: hidden;
			position: absolute;
			/* REQUIRED */
			padding: 0 0 0 0;
			margin: 0 0 0 0;
		}
	
		/* IE6 needs this or it messes with our positioning */
		* html #lightwindow_container {
			overflow: hidden;
		}
	
		#lightwindow_contents {
			overflow: hidden;
			z-index: 0;
			position: relative;
			border: 1px solid #000;
			border-top:0;
			padding:0 9px 9px 9px;
			background-color: #eeece1;
		}		
	
	#lightwindow_loading {
		/* REQUIRED */
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 9999;
		position: absolute;
		/* REQUIRED */
		background-color: #eeece1;
		padding: 10px;
		text-align:center;
	}
	
		#lightwindow_loading_shim { 
			display: none;
			left: 0px; 
			position: absolute; 
			top: 0px;
			width: 100%; 
			height: 100%;
		}
	
		#lightwindow_loading span {
			font-size: 12px;
			line-height: 32px;
			color: #444444;
			padding: 0 10px 0 0;
			display:block;
			text-align:center;
			visibility:hidden;
		}
	
		#lightwindow_loading span a,
		#lightwindow_loading span a:link, 
		#lightwindow_loading span a:visited {
			color: #09F;
			text-decoration: none;
			cursor: pointer;
		}
	
		#lightwindow_loading span a:hover,
		#lightwindow_loading span a:active {
			text-decoration: underline;
		}
	
	
		#lightwindow_loading img {
			margin: 0 10px 0 0;
		}
	
	
	/*-----------------------------------------------------------------------------------------------
		I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
		I mean let's face it, it works really well and is very easy to figure out.
	-----------------------------------------------------------------------------------------------*/
	
	#lightwindow_navigation {
		/* REQUIRED */
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
		/* REQUIRED */
	}
		/* We need to shim the navigation for IE, though its more of a sub-floor */
		#lightwindow_navigation_shim { 
			/* REQUIRED */
			display: none;
			left: 0px; 
			position: absolute; 
			top: 0px;
			width: 100%; 
			height: 100%;
			/* REQUIRED */
		}
	
		#lightwindow_navigation a,
		#lightwindow_navigation a:link,
		#lightwindow_navigation a:visited,
		#lightwindow_navigation a:hover,
		#lightwindow_navigation a:active { 
			/* REQUIRED */
			outline: none;
			/* REQUIRED */
		}
	
		#lightwindow_previous, 
		#lightwindow_next {
			width: 49%;
			height: 100%;
			background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
		}
		
		#lightwindow_previous { 
			float: left;
			left: 0px;
		}
	
		#lightwindow_next { 
			float: right;
			right: 0px;
		}
	
		#lightwindow_previous:hover, 
		#lightwindow_previous:active { 
			background: url(../images/prevlabel.gif) left 15% no-repeat; 
		}
	
		#lightwindow_next:hover, 
		#lightwindow_next:active { 
			background: url(../images/nextlabel.gif) right 15% no-repeat; 
		}
		
		#lightwindow_previous_title,
		#lightwindow_next_title {
			display: none;
		}
			
	#lightwindow_galleries {
		width: 100%;
		position: absolute;
		z-index: 50; 
		display: none;
		overflow: hidden;
		margin: 0 0 0 10px;
		bottom: 0px;
		left: 0px;
	}
	
		#lightwindow_galleries_tab_container {
			width: 100%;
			height: 0px;
			overflow: hidden;
		}
	
		a#lightwindow_galleries_tab,		
		a:link#lightwindow_galleries_tab,
		a:visited#lightwindow_galleries_tab {
			display: block;
			height: 20px;
			width: 77px;
			float: right;
			line-height: 22px;

			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			cursor: pointer;
			font-size: 11px;
			color: #ffffbe;
			background: url(../images/black-70.png) repeat 0 0 transparent;
		}
		
		* html a#lightwindow_galleries_tab,		
		* html a:link#lightwindow_galleries_tab,
		* html a:visited#lightwindow_galleries_tab {	
			background: none;
			background-color: #000000;
			opacity: .70;
			filter: alpha(opacity=70);
		}
	
		a:hover#lightwindow_galleries_tab,
		a:active#lightwindow_galleries_tab {
			color: #ffffbe;
	
		}
	
		#lightwindow_galleries_tab_span {
			display: block;
			height: 20px;
			width: 63px;
			padding: 0 7px 0 7px;
		}
		
		#lightwindow_galleries_tab .up	{
			background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
		}
	
		#lightwindow_galleries_tab .down {
			background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
		}
	
		#lightwindow_galleries_list {
			background: url(../images/black-70.png) repeat 0 0 transparent;
			overflow: hidden;
			height: 0px;
		}
	
		* html #lightwindow_galleries_list {
			background: none;
			background-color: #000000;
			opacity: .70;
			filter: alpha(opacity=70);
		}	
	
		.lightwindow_galleries_list {
			width: 200px;
			float: left;
			margin: 0 0 10px 0;
			padding: 10px;
		}
	
		.lightwindow_galleries_list h1 {	
			color: #09F;
			text-decoration: none;
			font-weight: bold;
			cursor: pointer;
			padding: 10px 0 5px 0;
			font-size: 16px;
		}
	
		.lightwindow_galleries_list li {
			margin: 5px 0 5px 0;
			list-style-type: none;
		}
	
		.lightwindow_galleries_list a, 
		.lightwindow_galleries_list a:link, 
		.lightwindow_galleries_list a:visited {
			display: block;
			line-height: 22px;
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			cursor: pointer;
			padding: 0 0 0 10px;
			font-size: 11px;
		}
	
		.lightwindow_galleries_list a:hover, 
		.lightwindow_galleries_list a:active {
			background: #000000;
			color: #ffffbe;
			border-left: 3px solid #ffffbe;
			padding: 0 0 0 7px;
		}
			
	#lightwindow_data {
		/* REQUIRED */
		position: absolute;
		/* REQUIRED */
	}
	
		#lightwindow_data_slide {
			/* REQUIRED */
			position: relative;
			/* REQUIRED */
		}
	
		#lightwindow_data_slide_inner {
			background-color: #eeece1;
			padding: 0 10px 10px 10px;
		}
	
		#lightwindow_data_caption {
			padding: 10px 0 0 0;
			color: #666666;
			line-height: 25px;
			background-color: #eeece1;
			clear: both;
		}
	
		#lightwindow_data_details {
			background-color: #f0f0f0;
			padding: 0 10px 0 10px;
			height: 20px;
		}
		
		#lightwindow_data_author_container {
			width: 40%;
			text-align: right;
			color: #666666;
			font-style: italic;
			font-size: 10px;
			line-height: 20px;
			float: right;
			overflow: hidden;
		}
		
		#lightwindow_data_gallery_container {
			font-size: 10px;
			width: 40%;
			text-align: left;
			color: #666666;
			line-height: 20px;
			float: left;
			overflow: hidden;
		}
		
	#lightwindow_title_bar {
		height: 25px;
		overflow: hidden;
		background:#eeece1;
		border:1px solid #000;
		border-bottom:0;
	}
	
		#lightwindow_title_bar_title {
			color: #ffffbe;
			font-size: 14px;
			line-height: 25px;
			text-align: left;
			float: left;
		}
	
		a#lightwindow_title_bar_close_link,	
		a:link#lightwindow_title_bar_close_link,
		a:visited#lightwindow_title_bar_close_link {
			float: right;		
			cursor: pointer;
			text-indent:-5000px;
			padding: 0;
			margin: 8px 0 0 0;
			width:74px;
			height:18px;
			background:url(../images/bgClose.gif) no-repeat 0 0;
		}
		
		a:hover#lightwindow_title_bar_close_link,
		a:active#lightwindow_title_bar_close_link {
			color: #ffffff;
		}
	
	/*-----------------------------------------------------------------------------------------------
		Theme styling stuff
	-----------------------------------------------------------------------------------------------*/	
	
	#lightwindow p {
		color: #000000;
		padding-right: 10px;
	}
	
	.panelContentWrap{
		border:1px solid #000;
		background:#fff url(../images/verticalDivider.gif) repeat-y 340px 0;
		height:509px;
		margin:9px;
		line-height:120%;
		text-align:left;
	}

	.panelContentWrap a{
		color:#c16543;
	}
		
	.panelContentWrap h1{
		float:left;
		display:inline;
		width:340px;
		height:510px;
		text-indent:-5000px;
		margin:0;
		padding:0;
	}
	
	#h1todayAtBSA {
		background:url(../images/todayAtBSA.jpg) no-repeat 0 0;
	}
	
	#h1event {
		background:url(../images/events.jpg) no-repeat 0 0;
	}

	#h1whatIsLS {
		background:url(../images/whatIs.jpg) no-repeat 0 0;
	}
	
	#h1contact {
		background:url(../images/contact.jpg) no-repeat 0 0;
	}

	#h1careers {
		background:url(../images/careers.jpg) no-repeat 0 0;
	}

	#h1ourPartners {
		background:url(../images/our-partners.jpg) no-repeat 0 0;
	}
	
	#lbxFeatured{
		visibility:hidden;
	}
	
	#featuredProject{
		background:#d5dedc;
	}
	
	#featuredProject h1{
		background: url(../images/h1FeaturedProject.gif) no-repeat 0 0;
		height:38px;
		margin:15px 0 0 15px;
	}
	
	#featuredProject h2{
		margin-top:0;
		font-size:1.5em;
	}
	
	#featuredProject h3.projectLocation{
		font-weight:normal;
	}
	
	#featuredProject .bodyContent{
		float:left;
		width:333px;
		height:433px;
		overflow:auto;
		margin:0 0 0 15px;
		padding-right:20px;
	}
	
	.featuredPic{
		float:right;
		display:inline;
	}

	.bodyContent{
		float:left;
		display:inline;
		width:380px;
		margin-left:110px;
		height:490px;
		overflow:auto;
		padding:10px 48px 10px 0;
	}
	
	.bodyContent#ourPartnerBodyPanel{
		position:relative;
		display:inline;
		width:480px;
		height:234px;
		margin-top:120px;
		margin-left:50px;
		padding:0px;
		overflow:hidden;
	}
	
	.bodyContent h2{
		color:#bf311a;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-size:15px;
		font-weight:normal;
		margin:25px 0 -10px 0;
		padding-bottom:0;
	}
	
	.bodyContent ul{
		float:left;
		clear:both;
      	margin:0 0 30px 25px;
		top:0px;
		padding:0;
		color:#000;
		width:90%;
	}
	
	.bodyContent ul li{
		width:96%;
		margin:0 0 10px 0;
		padding:0 0 0 15px;
		line-height:130%;
		font-size:12px;
		background:url(../images/bullet2.gif) no-repeat 0 6px;
	}
	
	.lightwindowPanel
	{
		display:none;
		position:absolute;
		left:-5000px;
		border:0;
	}
	
/**/

/*= portfolio
---------------------------------------*/

	.portfolioPage{
		background:#eeece1;
	}
	
	.panelContentWrap#pPortfolio{
		background:none;
		border:0;
		margin:0 0 -20px 0;
		padding:0;
		float:left;
		left:10px;
		position:relative;
		background:#eeece1;
	}
	
	.photoWrap{
		position:relative;
		width:910px;
		border:1px solid #000;
		margin-top:5px;
	}
	
	.picPortfolio{
		display:block;
	}
	
	.portfolioLabel{
		position:absolute;
		bottom:0;
		width:902px;
		background:#fff;
		filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		text-align:center;
		padding:4px;
	}
	
	.portfolioNav{
		width:902px;
		border:1px solid #000;
		text-align:center;
		padding:4px;
		margin:0;
	}

/**/