/* colors

Why LA #7bbec0 rgb(123, 190, 192)
Why LA #b4d2d6 rgb(180, 210, 214)
Projects #79c4cc rgb(121, 196, 204)
Projects #95d0d6 rgb(149, 208, 214)
CT Coridor #83c1c1 rgb(131, 193, 193)
CT Corridor #87c3c3 rgb(135, 195. 195)
News #4faa4f rgb(79, 170, 79)
Events #78a51e rgb(120, 165, 30)
Membership #a5d278 rgb(165, 210, 120)
About Us #d2d21e rgb(210, 210, 30)

dark grey #949ca1; 148 156 161;
lite grey #b0b7bc 176, 183, 188 or #949ca1; 148 156 161 with font-weight: 300; or

*/



body
{
	background-color: #FFFFFF;
	font-family: "facitweb-1","facitweb-2",Helvetica, Arial, Lucida Grande, Verdana, sans-serif;
	padding: 0;
	width: 900px;
	margin: 0 auto;
	border-top: 5px solid #d6e17e;
	}


body#why-la h1 {
	color: #a0d5db;
}

body#why-la #storypullquote {
	color: #a0d5db;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}



body#ct-corridor h1, body#ct-corridor a:link, body#ct-corridor h2 {
	color: #9ccdcd;
	
}

body#ct-corridor h3 {
	color: #83c1c1;
}

body#ct-corridor #storypullquote {
	color: #a0d5db;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}


body#ct-corridor .article-list, body#why-la .article-list {
	display: block;
	clear: both;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #ccc;
	min-height: 150px;
}

body#ct-corridor .article-list img, body#why-la .article-list img {
	/*border: 2px solid #7bbec0;*/
	float: left;
	margin-right: 15px;
	width: 180px;
	height: 135px;

}


body#news h1, body#news a:link {
	color: #72bb72;
}

body#events h1, body#events a:link  {
	color: #97b853;
}

body#news #storypullquote {
	color: #72bb72;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}

body#events h2.list-date {
	margin-top: 50px;
	color: rgb(121, 195, 204); 
	border-bottom: 1px solid rgb(207, 212, 216); /* cfd4d8 */
	width: 570px;
	display: block;

}

body#membership h1, body#membership h2 {
	color: #b6db92;
}

body#membership h3 {
	color: rgb(148, 156, 161);

}

body#membership #storypullquote {
	color: #b6db92;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}

#storypullquote {
	color: #fda719;
	float: right;
	font-size: 1.4em; /* 15px/11pt / 16px */
	line-height: 1.5em;
	width: 175px;
	margin: 20px 0 20px 20px;
	font-weight: 800;
}






body#projects h1, body#projects a:link {
	color: #a0d5db;
	color: #7bbec0;	
}

body#projects #storypullquote {
	color: #7bbec0;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}


body#projects article img {
	border: 1px solid #000;
	
}



body#why-la .list-news {
	display: block;
	clear: both;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #7bbec0;
	min-height: 180px;
}

body#why-la .list-news img {
	width: 150px;
	float: left;
	margin-right: 15px;
	border: 2px solid #7bbec0;
}


body#about-us h1  {
	color: #dbdb4a;
}

body#about-us #storypullquote {
	color: #dbdb4a;
	float: right;
	font-size: 1.4em;
	line-height: 1em;
	width: 175px;
	margin: 20px 0 25px 25px;
}

body#about-us article table.tbl-boardmembers td {
	padding: 5px 0;
	

}

body#about-us article table.tbl-boardmembers td h2 {
	color: #dbdb4a;
	border-bottom: 1px solid #dbdb4a;

}




h4.sub-title {
	border-bottom: 1px solid rgb(198, 200, 202);
	text-transform: uppercase;
	color: rgb(148, 156, 161);	
	margin-bottom: 15px;
	padding-bottom: 5px;

}

body#ct-corridor .article h2 {
	margin-top: 15px;
	font-weight: 700;
	text-transform: normal;
}


body#news .section-news  {
	border: 1px solid rgb(198, 200, 202);
	/*background-color: rgb(240, 242, 243);*/
	padding: 20px 10px;
	width: 880px;
	margin-top: 20px;
	margin-bottom: 20px;

}





body#news .article-news  {
	margin-bottom: 1.625em; /*  26px/20pt / 16px */

}

body#news .article-news h3 {

	margin-bottom: 0;


}


body#why-la .sidebar img {
	width: 150px;
	height: 100px;

}

.header {
	display: block;
	clear: both;

}



.header p.tagline {
	margin-top: 10px;
	font-size: 0.6875em /* 11px/8pt / 16px */

}


.logotype {
	width: 262px;
	float: left;

}

.side-header {
	width: 500px;
	float: right;
	text-align: right;
	margin-top: 20px;

}

.google-search {

	display: inline;

	
}



.story-container {
	position: relative;
}



.story-container h1.story-title {
	position: absolute;
	top: 225px;
   	left: 0;
   	width: 412px;
   	background: rgb(0, 0, 0); /* fallback color */
   	background: rgba(0, 0, 0, 0.7);
   	background: url(/images/transpBlack75.png);
   	padding: 15px 10px;
   	margin: 0;
   	font-size: 16px;
}

.story-container h1.story-title a {
	text-decoration: none;
	color: rgb(79, 170, 79);
}


.story-container h1.story-title a:hover {
	color: rgb(149, 208, 214);
}

.story-container h2 {
	margin-top: 10px;
	font-size: 0.9375em; /* 15px/11pt / 16px */
	font-weight: 500;

}

.project-box {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgb(121, 196, 204);
	margin: 25px 0;
	padding: 10px;
	border-color: #999;
	
}

.project-box a {
	color: #fff;
	text-decoration: none;

}


.side-box {
	padding: 10px;
	/*border: 1px solid #999;*/
	width: 200px;
	margin: 20px 0;
}



p.button {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgb(247, 165, 64);
	margin: 25px 0;
	padding: 10px;
	border-color: #999;
	text-transform: uppercase;
	text-align: center;
	}

p.button:hover {
	background-color: rgb(165, 210, 120);	
}

p.button a {
	color: #fff;
}


p.button-join {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgb(247, 165, 64);
	margin: 25px 0;
	padding: 10px;
	border-color: #999;
	text-transform: uppercase;
	text-align: center;
	}

p.button-join:hover {
	background-color: rgb(165, 210, 120);	
}

p.button-join a {
	color: #fff;
}


h1 {
	font-size: 1em; /* 16px/12pt / 16px */
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
}

article h1 {
	margin-top: 20px;	

}

article img.largeimage {
	max-width: 570px; 
}



h2 {
	font-size: 0.9375em; /* 15px/11pt / 16px */
	font-weight: 600;
	margin-bottom: 15px;
}

h3 {
	font-size: 0.8125em; /* 13px/10pt / 16px */
	font-weight: 600;
	margin-bottom: 15px;
}

h4 {
	font-size: 0.75em; /* 12px/9pt / 16px */
	font-weight: 400;
}

p {
	font-size: 0.75em; /* 12px/9pt / 16px */
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.375em; /* 22px/16pt / 16px */
	font-weight: 400;
	color: rgb(148, 156, 161); /* #949ca1 */
	/*color: rgb(51, 51, 51);*/
	color: #7b8185;
	
}



p.articlesource {
	margin: 0;
	font-style: italic;
	color: #4faa4f;
}


body#membership article ul, body#events .vevent ul, body#ct-corridor article ul, body#news article ul, body#why-la article ul  {
	padding-left: 0;
	margin-left: 10px;
	margin-bottom: 15px;
}

body#membership article ul li, body#membership article ul li, body#events .vevent ul li, body#news article ul li, body#why-la article ul li {
	font-size: 0.75em; 
	margin: 0 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	color: rgb(148, 156, 161);
	list-style: disc;
}

body#why-la article ul li ul.level-2 li {
    font-size: 1em; 
	margin: 10px 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	color: rgb(148, 156, 161);
	list-style: disc;
 }

body#membership article ol li, body#membership article ol li, body#events .vevent ol li, body#news article ol li, body#why-la article ol li {
	font-size: 0.75em;  
	margin: 0 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	color: rgb(148, 156, 161);
	list-style: disc;
}

body#membership .articleimage .largeimage {
	border: 0;
}


body#ct-corridor .spotlight ul  {
	padding-left: 0;
	margin-left: -10px;
	margin-bottom: 15px;
}

body#ct-corridor .spotlight ul li {
	font-size: 0.75em;  
	margin: 0 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	color: rgb(148, 156, 161);
	font-weight: 600;
	list-style: none;
}


body#ct-corridor .map-photo img.extralargeimage {
	margin-top: 275px;
	

}


strong {
	font-weight: 600;
}

.abstract {
	font-weight: bold;
}



.image-caption, .photocaption, .postdate, .breadcrumbs {
	 /* 12px/9pt / 16px */
}

.photocaption {
	font-size: 11px;
	padding-top: 10px;
	color: #949ca1;
}

.small, .ctraddress { 
	font-size: .9166666666666667em; /* 11px/8pt ratio to a 12px */

}


.largeimage {
	border: 1px solid #000;
	
}



ul.list-articles  {
	margin-top: 15px;
	padding-left: 0;
	margin-left: -5px;
	margin-bottom: 15px;
}

ul.list-articles li {
	font-size: 0.75em;  z
	margin: 0 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	color: rgb(148, 156, 161);
	font-weight: 600;
	list-style: none;
}


.caption, .wp-caption-text {
	font-style:italic;
	color:#888;
	}


.list-videos {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;	
}


/* css for calendar, event and spotlight events begins here */

.event-detail {
	margin: 10px 0 0 0;
	padding-bottom: 15px;
	/*border-bottom: 1px solid rgba(120, 165, 30, 1.0);*/
}

.vevent h3.event-logistics {
	margin-bottom: 15px;

}

.event-details p.event-end {
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.twitter-share-button {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

#calendarlayout {
	margin-bottom: 20px;
	
}


.displaycalendar td {
	padding: 4px;
	/*font-family: Verdana, Helvetica, sans-serif; */
	font-size: 0.75em; /* 12px/9pt / 16px */	
}

.displaycalendar td a, .displaycalendar .monthformat a {
	text-decoration: underline;

}
.monthformat {
	color: #575757;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 0.75em; /* 12px/9pt / 16px */
	
}

.monthformat td a {
	text-decoration: underline;
	

	
}

.monthformat strong {
	font-weight: bold;

}

.displaycalendar .dayweekformat {
	color: #575757;
	font-weight: bold;
	margin-bottom: 30px;
	
}

ul.time-ranges {
	margin-top: 25px; 
	padding-left: 0;
	margin-left: -10px;
}

ul.time-ranges li {
	font-size: 0.75em; /* 12px/9pt / 16px */
	line-height: 1.0em; /* 18px / 16px */
	font-weight: 400;
	color: rgb(148, 156, 161);s
	margin: 0 0 0 -15px;

	
	
}

table.tbl-signup-form td {
	padding: 10px 0;
	font-size: 0.75em; /* 12px/9pt / 16px */

}


 
.org-stories h2 {
   margin-bottom: 0;
  
 }

.brochure-box {
	display: block;
	clear: right;
	margin: 20px 0;
}

.brochure-box img {
	float: left;
	margin-left: 10px;
	margin-right: 25px;
	border: 1px solid #949ca1;

}

.brochure-box h4 {
	text-transform: uppercase;
	margin-top: 20px;
	line-height: 1.375em;
}

.logo-box {
	padding: 10px;
	margin-top: 25px;
}

.logo-box h3, .side-box h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	color: #949ca1;
}

.logo-box img.thumbnail {
	width: 150px;
	margin-bottom: 20px;

	
}

blockquote {
    margin-left: 10px;
 }

/* css for calendar, event and spotlight events ends here */




a:link, a:active, a:focus, a:visited
{
	/*color: rgb(121, 195, 204);	*/
	color: #64bebb;
	text-decoration: none;
}




a:hover {	
	color: #fda719;
}


a[href$=".pdf"] {

 padding: 0 20px 0 0;

 background: #fff url(/images/icon_pdf.png) no-repeat right center;

}

a[href$=".pdf"].no-pdf-icon {

 background-image: none;

}


a[href$=".doc"] {

 padding: 0 20px 0 0;

 background: #fff url(/images/icon_word.png) no-repeat right center;

}





a[href$=".xls"] {

 padding: 0 20px 0 0;

 background: #fff url(/images/icon-excel.png) no-repeat right center;

}


.pagination span.selected  {
	background-color: #79c4cc;
	font-size: 0.75em; /* 12px/9pt / 16px */
	padding: 3px;
	color: #fff;


}

.sidebar a span.selected {
	color: #000000;
	font-size: 0.75em; /* 12px/9pt / 16px */
	text-decoration: none;
}




.footer {
	background-color: #b5ce10;
	background-color: #38a038;
	text-align: center;
	height: 25px;
	margin-bottom: 50px;
	
}

.footer p {
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serf; 
	color: #fff;
	font-size: 0.75em; /* 12px/9pt / 16px */
}

.footer p a:link, .footer p a:visited {
	text-decoration: none;
	color: #fff;
}

.footer p a:hover {
	text-decoration: underline;
	color: #fff;
}



p.two-columns {

	-moz-column-count: 2;

	-moz-column-gap: 20px;

	-webkit-column-count: 2;

	-webkit-column-gap : 20px;

	-moz-column-rule-color:  #ccc;

	-moz-column-rule-style:  solid;

	-moz-column-rule-width:  1px;

	-webkit-column-rule-color:  #ccc;

	-webkit-column-rule-style: solid ;

	-webkit-column-rule-width:  1px;

	column-count: 2;

	column-gap: 20px;

	column-rule-color:  #ccc;

	column-rule-style:  solid;

	column-rule-width:  1px;



}



p.three-columns {

	-moz-column-count: 3;

	-moz-column-gap: 20px;

	-webkit-column-count: 3;

	-webkit-column-gap : 15px;

	-moz-column-rule-color:  #ccc;

	-moz-column-rule-style:  solid;

	-moz-column-rule-width:  1px;

	-webkit-column-rule-color:  #ccc;

	-webkit-column-rule-style: solid ;

	-webkit-column-rule-width:  1px;

	column-count: 3;

	column-gap: 15px;

	column-rule-color:  #ccc;

	column-rule-style:  solid;

	column-rule-width:  1px;

	

}





p.four-columns {

	-moz-column-count: 4;

	-moz-column-gap: 20px;

	-webkit-column-count: 4;

	-webkit-column-gap : 10px;

	-moz-column-rule-color:  #ccc;

	-moz-column-rule-style:  solid;

	-moz-column-rule-width:  1px;

	-webkit-column-rule-color:  #ccc;

	-webkit-column-rule-style: solid ;

	-webkit-column-rule-width:  1px;

	column-count: 4;

	column-gap: 10px;

	column-rule-color:  #ccc;

	column-rule-style:  solid;

	column-rule-width:  1px;

}



p.multi-columns {

	-moz-column-count: 5;

	-moz-column-gap: 20px;

	-webkit-column-count: 5;

	-webkit-column-gap : 10px;

	-moz-column-rule-color:  #ccc;

	-moz-column-rule-style:  solid;

	-moz-column-rule-width:  1px;

	-webkit-column-rule-color:  #ccc;

	-webkit-column-rule-style: solid;

	-webkit-column-rule-width:  1px;

	column-count: 5;

	column-gap: 10px;

	column-rule-color:  #ccc;

	column-rule-style:  solid;

	column-rule-width:  1px;

}