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

/* Page */

.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: 110px;
	position: relative;
	font-family: Arial, sans-serif;
}
.Joy .Site .Masthead h1 {
	margin: 0px;
}
.Joy .Site .Masthead .Logo {
	position: absolute;
	top: 5px;
	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: 110px;
	height: 100px;
}
.Joy .Masthead .Icons ul li a {
	display: block;
	width: 100px;
	height: 100px;
}
.Joy .Masthead .Icons ul li.Listen a {
	background:  url(/gfx/sprite.gif);
	background-position: -235px 0;
}
.Joy .Masthead .Icons ul li.Programs a {
	background:  url(/gfx/sprite.gif);
	background-position: -335px 0;
}
.Joy .Masthead .Icons ul li.Blogs a {
	background:  url(/gfx/sprite.gif);
	background-position: -435px 0;
}
.Joy .Masthead .Icons ul li.Podcasts a {
	background:  url(/gfx/sprite.gif);
	background-position: -535px 0;
}
.Joy .Masthead .Icons ul li span {
	display: none;
}

.Joy #joymenubar {
	background: url(); 
	background-color: #005BAB;
	border-color: #005BAB;
	
		
}
.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 {
}

.Joy .Masthead .Menu {
	position: absolute;
	top: 110px;
	 width: 100%;  
	height: 25px;
	background-color: #005BAB;
}
.Joy .Masthead .Menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.Joy .Masthead .Menu ul li {
	display: inline;
}
.Joy .Masthead .Menu ul li a {
	background-color: #005BAB;
	padding: 0.4em 1em;
	color: white;
	text-decoration: none;
	float: left;
	border-right: 1px solid white;
	font-size: 9pt;
	font-weight: bold;
}
.Joy .Masthead .Menu ul li a:hover {
	background-color: #CCCCCC;
}

/* Content */

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

/* Footer */

.Joy .Site .Footer {
	clear: both;
	background-color: #005BAB;
	text-align: center;
	font-size: 9pt;
	color: white;
	padding-top: 5px;
}
.Joy .Site .Footer a {
	color: white;
}
.Joy .Site .Footer .Links p {
	padding-bottom: 5px;
	margin: 0;
}
.Joy .Site .Footer .Links p a {
	font-weight: bold;
}
.Joy .Site .Footer .Text p {
	font-size: 8pt;
	padding-bottom: 3px;
	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;
}
#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;
}
#ThreeColumnLayout #Left {
	float: left;
	width: 200px;
	
	
}
#ThreeColumnLayout #Right {
	float: right;
	width: 200px;
	background-color: green;
}
#ThreeColumnLayout #Middle {
	padding: 0 210px;
}

#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;
}