/* -------------------------------------------------- 
   JOY PAGE FURNITURE
*/

/* Page */

img {
    border: 0;
}

.Joy {
	background: url(/gfx/background.gif);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.Joy a {
	text-decoration: none;
}

.Joy span.HideMe {
	margin-left: -9999px;
}

.Joy .Site {
	width: 999px;
	border: 1px solid #999;
	border-top: 0;
	margin: 0 auto;
	background-color: white;
}

/* Masthead */

.Joy .Site .Masthead {
	height: 130px;
	position: relative;
	font-family: Arial, sans-serif;
}
.Joy .Site .Masthead h1 {
	margin: 0px;
}
.Joy .Site .Masthead .Logo {
	position: absolute;
	top: 15px;
	left: 5px;
}
.Joy .Site .Masthead .Logo a {
	display: block;
	width: 235px;
	height: 100px;
	background: url(/gfx/sprite.gif);
	background-repeat: no-repeat;
}
.Joy .Masthead .Contact {
	position: absolute;
	top: 15px;
	left: 280px;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;

}
.Joy .Masthead .Contact ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.Joy .Masthead .Contact ul li {
	margin-bottom: 4px;
}
.Joy .Masthead .Contact ul li .Type {
	float: left;
	color: #D60D8C;
	text-transform: uppercase;
}
.Joy .Masthead .Contact ul li .Detail {
	float: left;
	padding-left: 55px; 
	width: 150px;
}
.Joy .Masthead .Contact strong {
	color: #D60D8C;
}
.Joy .Masthead .Icons {
	position: absolute;
	top: 5px;
	right: 0;
}
.Joy .Masthead .Icons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.Joy .Masthead .Icons ul li {
	float: left;
	width: 95px;
	height: 80px;
}
.Joy .Masthead .Icons ul li a {
	display: block;
	width: 80px;
	height: 95px;
}
.Joy .Masthead .Icons ul li.Listen a {
	background:  url(/gfx/sprite.gif);
	background-position: -237px 0;
}
.Joy .Masthead .Icons ul li.Programs a {
	background:  url(/gfx/sprite.gif);
	background-position: -319px 0;
}
.Joy .Masthead .Icons ul li.Blogs a {
	background:  url(/gfx/sprite.gif);
	background-position: -401px 0;
}
.Joy .Masthead .Icons ul li.Podcasts a {
	background:  url(/gfx/sprite.gif);
	background-position: -484px 0;
}
.Joy .Masthead .Icons ul li.Transcripts a {
	background:  url(/gfx/sprite.gif);
	background-position: -565px 0;
}
.Joy .Masthead .Icons ul li span {
	display: none;
}

.Joy .Site .Masthead .Banner {
	position: absolute;
	top: 5px;
	left: 245px;
	width: 750px;
	overflow: hidden;
}

/* ribbon */

.Joy .Ribbon {
	border: 1px solid;
	margin: 0 auto;
	background-color: white;
	background: url(); 
	background-color: #005BAB;
	border-color: #999999;
}

.Joy .Ribbon ul {
	list-style-type: none;
	height: 30px;
	padding: 5px;
	margin: 0;
}
.Joy .Ribbon ul li {
	float: left; 
	width: 140px;
	height: 30px;
	padding-top: 3px;
	padding-right: 10px;
}
.Joy .Ribbon ul li a {
	display: block;
	width: 140px;
	height: 26px;
}

 .Joy .Ribbon ul li.Listen a {
	background:  url(/gfx/ribbon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.Joy .Ribbon ul li.Programs a {
	background:  url(/gfx/ribbon.png);
	background-position: 0 -26px;
	background-repeat: no-repeat;
}
.Joy .Ribbon ul li.Podcasts a {
	background:  url(/gfx/ribbon.png);
	background-position: 0 -52px;
	background-repeat: no-repeat;
}
.Joy .Ribbon ul li.Blogs a {
	background:  url(/gfx/ribbon.png);
	background-position: 0 -78px;
	background-repeat: no-repeat;
}
/* .Joy .Ribbon ul li.Transcripts a {
	background:  url(/gfx/ribbon.png);
	background-position: 0 -78;
	background-repeat: no-repeat;
} */
.Joy .Ribbon ul li span {
	display: none;
} 

/* menu */

.Joy #joymenubar {
	background: url(); 
	background-color: #005BAB;
	border-color: #999999;
}

.Joy #joymenubarfooter {
	background: url(); 
	background-color: #005BAB;
	border-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.Joy .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
	background: url();
	background-color: #005BAB;
}
.Joy .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
	color: #E4E4E4;
	padding-right: 10px;
}
.Joy .yui-skin-sam .yuimenubaritemlabel {
}

/* Content */

.Joy .Site .Content {
	font-size: 10pt;
}

/* Footer */

.SupportPromotion {
	margin: 0px;
	padding-top:0px;
	padding-bottom: 0px;
}

#SupportPromotion .SPColumn {
	width: 325px;
	padding-top:0px;
	padding-bottom: 0px;
	padding-left:6px;
	padding-right:0px;
}

#SupportPromotion #SPColumn1 {
	float: left;
}

#SupportPromotion #SPColumn2 {
	float: left;
}

#SupportPromotion #SPColumn3 {
	float: left;
}

.Joy .Site .Footer {
	clear: both;
	background-color: #005BAB;
	text-align: center;
	font-size: 9pt;
	color: white;
	padding-top: 0px;
	margin: 0;
	padding: 0;
}

.Joy .Site .Footer p {
	font-size: 8pt;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 0px;
	margin: 0;
}


/* -------------------------------------------------- 
   PAGE LAYOUT TYPES 
*/

/* Column Layout */

#ColumnLayout {

}

#ColumnLayout .Column {
	width: 450px;
	padding: 10px;
}

#ColumnLayout #Column1 {
	float: left;
}

#ColumnLayout #Column2 {
	float: right;
}

/* Program Layout */

#ProgramMenuLayout {
	width: 979px;
	position: relative;
	margin: 10px;
	height: 135px;
}
#ProgramMenuLayout #Program {
	width: 979px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/gfx/sprite.gif);
	background-position: 0 -250px;
	background-repeat: no-repeat;
	text-align: center;
}
#ProgramMenuLayout #Program .Title {
	display: block;
	padding-top: 35px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-size: 18pt;
}

/* new stuff - yet to be implemented
#ProgramMenuLayout {
	width: 979px;
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	height: 110px;
	overflow: hidden; 
}
#ProgramMenuLayout #ProgramTitleNoBanner {
	width: 979px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/gfx/sprite.gif);
	background-position: 0 -250px;
	background-repeat: no-repeat;
	text-align: center;
}
#ProgramMenuLayout #ProgramTitleNoBanner .TitleNoBanner {
	display: block;
	padding-top: 35px;
	font-weight: bold;
	color: white; 
	text-transform: uppercase;
	font-size: 18pt;
}

 #ProgramMenuLayout #ProgramTitle {
	width: 979px;
	height: 100px;
	text-align: center;
} 
#ProgramMenuLayout #ProgramTitle .Title {
}

*/

#ProgramMenuLayout .Button {
	width: 316px;
	height: 25px;
}

#ProgramMenuLayout #InfoButton {
	position: absolute;
	top: 110px;
	left: 0px;
	background: url(/gfx/sprite.gif);
	background-position: 0 -350px;
	background-repeat: no-repeat;
}
#ProgramMenuLayout #BlogButton {
	position: absolute;
	top: 110px;
	left: 330px;
	background: url(/gfx/sprite.gif);
	background-position: -316px -350px;
	background-repeat: no-repeat;
}
#ProgramMenuLayout #PodcastButton {
	position: absolute;
	top: 110px;
	left: 660px;
	background: url(/gfx/sprite.gif);
	background-position: -632px -350px;
	background-repeat: no-repeat;
}
#ProgramMenuLayout .Button {
	width: 316px;
	height: 25px;
}
#ProgramMenuLayout .Button {
	width: 316px;
	height: 25px;
	text-align: center;
}
#ProgramMenuLayout .Button span {
	display: block;
	padding-top: 3px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-size: 11pt;
}

#ThreeColumnLayout {
	width: 979px;
	margin: 10px;
	overflow: hidden; 
}

#ThreeColumnLayout p {
	margin-top: 0;
}

#ThreeColumnLayout #Left {
	float: left;
	width: 200px;
	margin-top: 0;
	margin-right: 10px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#ThreeColumnLayout #Right {
	margin-top: 0;
	float: right;
	width: 200px;
	margin-right: 10px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#ThreeColumnLayout #Middle {
	margin-top: 0;	
	float: left;
	margin-right: 10px;
	width: 550px;
  padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#ThreeColumnLayout #Middle img {
	max-width: 540px;
	overflow: hidden;
}

#ThreeColumnLayout #Middle img a {
	max-width: 540px;
	overflow: hidden;
}

#GenericPage {
	padding: 10px;
}

/* RSS Blog Syndication Pages */


#TwoColumnRSS {
	width: 979px;
	margin: 10px;
}


#TwoColumnRSS #Right {
	float: right;
	margin: 10px;
	width: 200px;
	vertical-align: top;	
}

#TwoColumnRSS #Main {
	padding: 0 10px;
}

#TwoColumnRSS #Main h5 {
	font-size: 7pt;
	color: #000000;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-weight: normal;
}

#TwoColumnRSS #RSSImage {
	float: left;
	width: 100px;
	margin-left: 10px;
}



#TwoColumnRSS #RSSInfo {

	margin-left: 120px;
	width: 600px;
	height: 180px;

}

#TwoColumnRSS #RSSInfo h3 {
	font-size: 12pt;
	color: #D60D8C;
	margin: 0;
	padding: 0;
}

#TwoColumnRSS #RSSInfo h3 a {
color: #D60D8C;
}

#TwoColumnRSS #RSSInfo h4 {
	font-size: 10pt;
	color: #D60D8C; 
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

/* #TwoColumnRSS #RSSInfo h4 a {
color: #D60D8C;
}
*/


#TwoColumnRSS #RSSInfo h5 {
	font-size: 7pt;
	color: #000000;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-weight: normal;
}


#TwoColumnRSS #RSSPodInfo {

	margin-left: 120px;
	width: 600px;
	margin-bottom: 30px;


}

#TwoColumnRSS #RSSPodInfo h3 {
	font-size: 12pt;
	color: #D60D8C;
	margin: 0;
	padding: 0;
}

#TwoColumnRSS #RSSPodInfo h3 a {
color: #D60D8C;
}

#TwoColumnRSS #RSSPodInfo h4 {
	font-size: 10pt;
	color: blue;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

/* #TwoColumnRSS #RSSPodInfo h4 a {
color: #D60D8C;
}
*/



#TwoColumnRSS #RSSPodInfo h5 {
	font-size: 7pt;
	color: #000000;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-weight: normal;
}