/***********************************************/
/*              SECTION HEADER                 */
/***********************************************/

#sectionHeader {
	width: 742px;
	margin-bottom: 5px;
	padding: 13px 10px 13px 13px;
	_padding-bottom: 8px; /* For IE/Win */
	background-color: #ededed;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#sectionHeader h1 {
	font-size: 20px;
	font-weight: normal;
	color: #949494;
	text-transform: uppercase;
}

#sectionHeader h1 a {
	color: #949494;
}

#sectionHeader .subheader {
	font-size: 16px;
	display: inline; /* spans are defined as "display: none" in homepage.css */
}

#sectionHeader .pagination {
	float: right;
	margin-top: 6px;
	font-weight: bold;
}


/***********************************************/
/*               BARKER COLUMN                 */
/***********************************************/

#barkerCol {
	float: right;
	width: 252px;
	margin-bottom: 11px;
	background-color: #ececec;
}

#barkerHeader {
	background-color: #999;
	padding: 7px 9px;
	color: #fff;
}

#barkerCol h2 {
	font-size: 14px;
	display: inline;
}

#barkerContent {
	padding: 13px 15px;
}

#barkerCol h3 {
	font-size: 11px;
}

.barkerContentBox {
	margin-bottom: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid #fff;
}

#barkerCol .lastBox {
	border-bottom: none;
}

#barkerCol form {
	margin-top: 4px;
}

#barkerCol form select {
	margin-left: 0;
}

#submit-barker {
	margin-bottom: -4px;
	_margin-bottom: -2px; /* For IE/Win */
}

#barkerCol ul {
	list-style: none;
	margin-top: 8px;
	padding-left: 1px;
	_margin-left: 0; /* For IE/Win */
}

#barkerCol li {
	margin-bottom: 4px;
}

#barkerLinkList li a, #recentNewsList li a { /* For the "Friends of APF" and "News & Events" lists that appear in the barker column */
	font-weight: bold;
}


/***********************************************/
/*                PAGE BODIES                  */
/***********************************************/

#showlistBody, 
#segmentlistBody, 
#newslistBody, 
#newsdetailBody,
#aboutBody,
#linksBody, 
#readBody,
#musicBody,
#subscribeBody,
#staticBody 
{
	float: left;
	width: 507px;
	margin-bottom: 11px;
}


/***********************************************/
/*                 SHOW LIST                   */
/***********************************************/

.showlistContainer {
	margin-bottom: 5px;
	border: 1px solid #d0d0d0;
	background: url(../images/bkgd-photoextend.gif) repeat-y top left;
	_height: 1%; /* For IE/Win */
}	

#showlistPhoto {
	float: left;
	width: 252px;
	vertical-align: top;
	
	/* Closes the gap between photo and bottom of div */
	margin-bottom: -1px; 
	_margin-bottom: -10px; /* For IE/Win */
}

#showlistCaption {
	margin-top: -16px;
	margin-left: 4px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

#showlistDesc { /* Container for Featured segment info */
	margin-left: 265px;
	padding: 10px 7px 0 0;
}

#showlistDesc h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #3fa28e;
}

#showlist-addlTitle {
	margin-top: 0.6em;
	font-style: italic;
}

#showlistBody .pagination {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

/***********************************************/
/*                SHOW DETAIL                  */
/***********************************************/

#showInfoBox {
	float: left;
	width: 252px;
	margin-bottom: 11px;
	border: 1px solid #d0d0d0;
}

#showInfoBox h3 {
	font-size: 14px;
	color: #6fb9aa;
}

#showInfoDesc {
	padding: 6px 10px;
}

#showdetailBody {
	float: right;
	width: 505px;
}

.segmentContainer {
	margin-bottom: 16px;
	padding: 10px 14px;
	border: 1px solid #d0d0d0;
	color: #000;
	line-height: 1.5em;
}

.segmentContainer h2 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2em;
	color: #6fb9aa;
}

.segmentContainer h3 {
	padding-top: 10px;
	font-size: 11px;
	line-height: 1.2em;
	color: #999999;
	text-transform: uppercase;
}

.segmentContainer ul {
	list-style: none;
	margin-top: 0.6em;
	margin-bottom: 12px;
	padding-left: 1em;
}

.segmentContainer ul li {
	margin-bottom: 1em;
}

.segmentContainer a:link, .segmentContainer a:visited {
	font-weight: bold;
	color: #a7421f;
	text-decoration: underline;
}

.segmentContainer a:hover {
	color: #e85c2c;
}

.segmentButtonContainer {
	margin-bottom: 10px;
}

.segmentDesc {
	margin-bottom: 10px;
}

.segmentExtraInfo {
	font-style: italic;
	color: #a7421f;
}

ul.musicList li {
	margin-bottom: 0.2em;
}

#barkerCol.hostInfo {
	float: none;
	width: 100%;
	margin-bottom: 16px;
}

#barkerCol.hostInfo a:link, #barkerCol.hostInfo a:visited {
	text-decoration: underline;
}

#barkerCol.hostInfo a:hover {
	color: #e85c2c;
}

#barkerCol.hostInfo #barkerHeader a:link, #barkerCol.hostInfo #barkerHeader a:visited {
	color: #fff;
}

#barkerCol.hostInfo #barkerHeader a:hover {
	color: #e85c2c;
}

#barkerCol.hostInfo h3 a img { /* SAMAR logo */
	float: left;
	margin: auto 10px 5px auto;
}

#showdetailBody .barkerContentBox {
	padding-bottom: 0px;
}

/***********************************************/
/*               SEGMENT LIST                  */
/***********************************************/

#segmentlistBody ul {
	list-style: none;
	margin-top: 0px;
	padding-left: 1px;
	_margin-left: 0; /* For IE/Win */
	padding: 12px 15px;
	border: 1px solid #d0d0d0;
}

#segmentlistBody li {
	margin-bottom: 16px;
	color: #000;
}

#segmentlistBody li.bulletIcon { background-position: 0 .6em; }
#segmentlistBody li.fourSq { background-image: url(../images/bullet-4sqgreen-off.gif); }

#segmentlistBody ul h2 {
	margin-bottom: 2px;
}

#segmentlistBody ul h2 a {
	font-size: 14px;
	color: #3fa28e 
}

#segmentlistBody ul h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

#segmentlistBody .pagination {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}


/***********************************************/
/*                NEWS LIST                    */
/***********************************************/

#newslistBody ul {
	list-style: none;
	margin-top: 0px;
	_margin-left: 0; /* For IE/Win */
	padding: 18px 15px;
	border: 1px solid #d0d0d0;
}

#newslistBody li {
	margin-bottom: 16px;
	color: #000;
}

#newslistBody li.bulletIcon { background-position: 0 .6em; }
#newslistBody li.fourSq { background-image: url(../images/bullet-4sqgreen-off.gif); }

#newslistBody ul h2 {
	margin-bottom: 2px;
}

#newslistBody ul h2 a {
	font-size: 12px;
	color: #3fa28e;
}

#newslistBody ul h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

#newslistBody .pagination {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}


/***********************************************/
/*              NEWS DETAILS                   */
/***********************************************/

/* Use separate div, newsdetailContent.
	This way you can alter padding and borders and not
	have to change width of newsdetailBody.  */
#newsdetailContent {
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

#newsdetailContent h2 {
	font-size: 14px;
	color: #3fa28e; 
	margin-bottom: 2px;
}

#newsdetailContent h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

#newsdetailContent a {
	color: #a7421f;
	font-weight: bold;
}

#newsdetailContent #moreInfoList {
	list-style: none;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
	_margin-left: 0; /* For IE/Win */
	padding-left: 0;
}

#newsdetailContent #moreInfoList li {
	font-style: italic;
	color: #a7421f;
}

#newsdetailContent li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }


#newsdetailContent img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}


/***********************************************/
/*                ABOUT APF                    */
/***********************************************/

.aboutContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.aboutContainer h2 {
	font-size: 14px;
	color: #3fa28e; 
	margin-bottom: 24px;
}

.aboutContainer h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

#aboutBody .aboutContainer a {
	color: #a7421f;
	font-weight: bold;
}

.aboutContainer img#mainPhoto {
	float: right;
	width: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.memberContainer {
	margin-bottom: 24px;
}

.memberContainer img {
	float: left;
	width: 100px;
}

.memberContainer p, .memberContainer h5 {
	width: 350px;
	margin-left: 110px;
}

.memberContainer h5 {
	font-size: 12px;
	color: #787878;
	width: 300px;
}

.aboutContainer ul {
	list-style: none;
	margin-top: 18px;
	margin-bottom: 12px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;
}

/***********************************************/
/*                  LINKS                      */
/***********************************************/

.linksContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.linksContainer h2 {
	font-size: 14px;
	color: #3fa28e; 
}

.linksContainer ul {
	list-style: none;
	margin-top: 18px;
	margin-bottom: 12px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;
}

#linksBody .linksContainer a {
	font-size: 12px;
	color: #a7421f;
	font-weight: bold;
	font-style:italic;
}

#linksBody li {
	margin-bottom: 12px;
}

#linksBody li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }


/***********************************************/
/*              APF BOOKSHELF                  */
/***********************************************/

.readContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.readContainer h2 {
	font-size: 14px;
	color: #3fa28e; 
}

.readContainer h4, .readContainer h4 a {
	font-size: 12px;
	font-style: italic;
	color: #a7421f; 
}

.readContainer h5 {
	font-size: 11px;
}

.readContainer p {
	margin-top: 4px;
	margin-bottom: 2px;
}

.readContainer ul {
	list-style: none;
	margin-top: 18px;
	margin-bottom: 12px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;
}

#readBody .readContainer a {
	color: #a7421f;
	font-weight: bold;
}

#readBody li {
	margin-bottom: 24px;
}

#readBody li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }

#readBody .moreInfoList {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1em;
}

#readBody .moreInfoList li {
	margin-bottom: 0;
}

#readBody .moreInfoList li a {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #a7421f;
	margin-bottom: 0;
}

#readBody .moreInfoList li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }


/***********************************************/
/*               APF PLAYLIST                  */
/***********************************************/

.musicContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.musicContainer h2 {
	font-size: 14px;
	color: #3fa28e; 
	margin-bottom: 4px;
}

.musicContainer h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

.musicContainer ul {
	list-style: none;
	margin-top: 18px;
	margin-bottom: 12px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;
}

#musicBody .musicContainer a {
	color: #a7421f;
	font-weight: bold;
}

.musicContainer li {
	margin-bottom: 4px;
}

.musicContainer li.fourSq { background-image: url(../images/bullet-4sq-off.gif); }

#musicBody .musicContainer .leadValue {
	display: inline;
	color: #000;
	font-weight: bold;
}


/***********************************************/
/*                 SUBSCRIBE                   */
/***********************************************/

.subscribeContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.subscribeContainer h2 {
	font-size: 14px;
	color: #3fa28e; 
}

.subscribeContainer h4, .subscribeContainer h4 a {
	font-size: 12px;
	font-style: italic;
	color: #a7421f; 
}

.subscribeContainer h5 {
	font-size: 11px;
}

.subscribeContainer p {
	margin-top: 4px;
	margin-bottom: 2px;
}

.subscribeContainer ul {
	list-style: none;
	margin-top: 18px;
	margin-bottom: 12px;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;
}

#subscribeBody .subscribeContainer a {
	color: #a7421f;
	font-weight: bold;
}

#subscribeBody li {
	margin-bottom: 24px;
}

#subscribeBody li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }

#subscribeBody li img {
	padding-top: 4px;
	margin-right: 4px;
}

#subscribeBody .moreInfoList {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1em;
}

#subscribeBody .moreInfoList li {
	margin-bottom: 0;
}

#subscribeBody .moreInfoList li a {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #a7421f;
	margin-bottom: 0;
}

#subscribeBody .moreInfoList li.fourSq { background-image: url(../images/bullet-4sqred-off.gif); }



/***********************************************/
/*   STATIC PAGES (DONATE, CONTACT US, ETC.)   */
/***********************************************/

.staticContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

.staticContainer h2 {
	font-size: 14px;
	line-height: 18px;
	color: #3fa28e;
	margin-bottom: 0.6em;
}

.staticContainer h5 {
	margin-bottom: 2px;
	font-size: 11px;
	color: #919191;
}

#staticBody .staticContainer a {
	color: #a7421f;
	font-weight: bold;
}

.staticContainer img#mainPhoto {
	float: right;
	width: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.staticContainer ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 1em;
	_margin-left: 0; /* For IE/Win */
	padding-left: 1em;	
}

.staticContainer ul a {
	font-style: italic;
}


/***********************************************/
/*               404 ERROR PAGE                */
/***********************************************/

.errorContainer {
	margin-bottom: 8px;
	padding: 20px;
	border: 1px solid #d0d0d0;
	color: #000;
}

body .errorContainer a {
	color: #a7421f;
	font-weight: bold;
}



/***********************************************/
/*                 COPYRIGHT                   */
/***********************************************/

#copyright {
	clear: both;
	margin-top: 6px;
	padding: 6px 10px 50px 0;
	background-color: #d9d9d9;
	text-align: right;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

#sitecredit {
	color: #fff;
	text-transform: lowercase;
	font-weight: normal;
}