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

/* Page */

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

.Joy a {
	text-decoration: none;
}

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

.Joy .Site {
	width: 600px;
	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: 28px;
	left: 280px;
	font-size: 10pt;
	font-weight: bold;
	color: #005BAB;
}
.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 {
	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: white;
	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: #ABC;
}

/* 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: 479px;
	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;
	background-color: red;
}
#ThreeColumnLayout #Right {
	float: right;
	width: 200px;
	background-color: green;
}
#ThreeColumnLayout #Middle {
	padding: 0 210px;
}

#GenericPage {
	padding: 10px;
}
.Content ul {
	list-style-type: none;
	padding-left: 0px;
}
#InternodeLink {
	position: relative;
	width: 200px;
	height: 50px;
	background: url(/gfx/powered-by-internode-large.jpg) no-repeat;
}