/*
--------------------------------------------------
CJJJ Website - Master Stylesheet
Author:  Craig Cesmystruk
Version: 1.0 (September 15, 2006)
-------------------------------------------------- */

/*
	Table of Contents:
		structure
		typography
		navigation
		
*/


/* STRUCTURE
----------------------------------------------- */


body {
	background: #513E3E url("graphics/bg_body.gif") repeat-y 50% 0;
	margin: 0;
	}

#container {
	width: 763px;
	margin: 0 auto;
	padding: 0;
	background: url("graphics/bg_body_edges.gif") repeat-y;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

ul {
	width: 435px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
	color: #513E3E;
	text-align: left;
	line-height: 18px;
	margin: 0;
	}
	
#header {
	float: left;
	width: 760px;
	height: 175px;
	margin: 0;
	background: url("graphics/bg_body_top.gif") top no-repeat;
	}
	
#logo {
	position: absolute;
	margin: 1px 0 0 25px;
	}
	
#listen_live {
	position: absolute;
	margin: 16px 0 0 510px;
	}

#red_line {
	position: absolute;
	background: url("graphics/red_line.gif") no-repeat;
	width: 711px;
	height: 14px;
	margin: 141px 0 0 25px;
	}
	
#column1 {
	float: left;
	width: 216px;
	margin: 10px 0 0 10px;
	padding: 0;
	}
	
#nav_container {
	float: left;
	width: 204px;
	height: 361px;
	margin: -8px 0 0 30px;
	padding: 0;
	background: url("graphics/bg_nav.gif") no-repeat;
	}
		
.red {
	color: #C02A4F;
	}
		
#content .red_line_short {
	float: left;
	background: url(graphics/red_line_bottom.gif) no-repeat;
	width: 476px;
	height: 14px;
	margin: 15px 0 0 0;
	}
	
#content .line {
	background: url(graphics/red_line_bottom.gif) no-repeat;
	width: 476px;
	height: 14px;
	margin: 0;
	}
	
#photo_index {
	background: url(graphics/photo_index.jpg) no-repeat;
	width: 478px;
	height: 239px;
	}
	
#headline {
	margin: -17px 0 0 0;
	padding: 0;
	}

.image {
	float: right;
	margin: -10px 0 0 0;
	padding: 0;
	}
	
#footer {
	background: url(graphics/bg_footer.gif) no-repeat;
	width: 763px;
	height: 134px;
	margin: 0 auto;
	padding: 0;
	}
	
#stream {
	position: absolute;
	width: 200px;
	margin: -43px 0 0 25px;
	}

fieldset {
	border: 1px solid #988675;
	width: 450px;
	margin: 10px 0 0 0;
	padding: 10px;
	}

label {
	width: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #513E3E;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	}
	
input {
	width: 335px;
	color: #781351;
	border: 1px solid #000000;
	}
	
#id_message {
	width: 335px;
	}
	
#submit {
}

.submit_search {
	width: 175px;
	height: 32px;
	border: none;
	}
	
.podcast {
	margin: 102px 0 0 0;
	}
	
.right {
	float: right;
	margin-top: 0;
	padding-left: 10px;
	}
	
.break {
	background: url("graphics/break.gif") no-repeat;
	width: 472px;
	height: 14px;
	margin: 20px 0 0 0;
	}
	
#column_container {
	float: left;
	width: 475px;
	margin: 5px 0 0 0;
	padding: 0 0 30px 0;
	background: url(graphics/bg_dotted_lines.gif) repeat-y 0 50%; 
	}
	
#column2 {
	float: left;
	width: 216px;
	margin: 10px 0 0 21px;
	padding: 0;
	}
	
.news_story {
	float: left;
	width: 470px;
	margin: 15px 0 0 0;
	padding: 10px 0 10px 0;
	}
	
#copyright {
	float: left;
	width: 475px;
	margin: 10px 0 0 0;
	}
	
#copyright p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #513E3E;
	text-align: left;
	line-height: 18px;
	margin: 0;
	}
	
#copyright p a,
#copyright p a:link,
#copyright p a:active,
#copyright p a:visited {
	color: #BF284D;
	text-decoration: none;
	border-bottom: none;
	}

#copyright p a:hover {
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	}
	
/* TYPOGRAPHY
----------------------------------------------- */

#column1 .posted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #513E3E;
	margin: 0;
	}

h2#navigation {
  margin: 0;
}

h2#navigation span {
  display: none;
}

h1#cjlogo {
  background: url("graphics/logo.gif") no-repeat;
  width: 451px;
  height: 106px;
}

h1#cjlogo span {
  display: none;
}

h2#cjlisten_live {
  background: url("graphics/listen_live.gif") no-repeat;
  width: 226px;
  height: 86px;
}

h2#cjlisten_live span {
  display: none;
}

#column1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #BF274D;
	text-align: left;
	line-height: 18px;
	margin: 0 0 5px 0;
	}	

#column1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
	color: #513E3E;
	text-align: left;
	line-height: 18px;
	margin: 0;
	}
	
#column2 .posted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #513E3E;
	margin: 0;
	}
	
#column2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #BF274D;
	text-align: left;
	line-height: 18px;
	margin: 0 0 5px 0;
	}	

#column2 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
	color: #513E3E;
	text-align: left;
	line-height: 18px;
	margin: 0;
	}
	
h3#latest_news {
  background: url(graphics/header_latest_news.gif) no-repeat;
  width: 214px;
  height: 38px;
  margin: 0 0 10px 0;
  }

h3#latest_news span {
  display: none;
}

h3#podcast {
  background: url(graphics/header_podcasts.gif) no-repeat;
  width: 214px;
  height: 38px;
  margin: 0 0 10px 0;
  }

h3#podcast span {
  display: none;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	color: #513E3E;
	margin: 25px 0 20px 0;
	text-align: left;
	}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #513E3E;
	margin: 25px 0 20px 0;
	text-align: left;
	}
	
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #513E3E;
	margin: 0 0 20px 0;
	text-align: left;
	}
	
#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #513E3E;
	text-align: left;
	}

h2#cjheadline {
  background: url("graphics/headline.gif") no-repeat;
  width: 302px;
  height: 24px;
  }

h2#cjheadline span {
  display: none;
}

h2#sched {
  background: url("graphics/headline_schedule.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 77px;
  }

h2#sched span {
  display: none;
}

h2#membership_headline {
  background: url("graphics/headline_membership.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 79px;
  }

h2#membership_headline span {
  display: none;
}

h2#audio_help {
  background: url("graphics/headline_help.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 77px;
  }

h2#audio_help span {
  display: none;
}

h2#podcasts{
  background: url("graphics/headline_podcasts.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 77px;
  }

h2#podcasts span {
  display: none;
}

h2#contact{
  background: url("graphics/headline_contact.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 77px;
  }

h2#contact span {
  display: none;
}

h2#about {
  background: url("graphics/headline_about.gif") no-repeat;
  width: 202px;
  height: 23px;
  }

h2#about span {
  display: none;
}

h2#contact {
  background: url("graphics/headline_contact.gif") no-repeat;
  width: 237px;
  height: 23px;
  }

h2#contact span {
  display: none;
}

h2#news {
  background: url("graphics/headline_news.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 82px;
  }

h2#news span {
  display: none;
}

h2#podcast {
  background: url("graphics/headline_podcasts.gif") no-repeat;
  width: 225px;
  height: 57px;
  margin: 0 0 15px 25px;
  align: center;
  }

h2#podcast span {
  display: none;
}

h2#about_cj {
  background: url("graphics/headline_about.gif") no-repeat;
  width: 400px;
  height: 90px;
  margin: -35px 0 0 77px;
  }

h2#about_cj span {
  display: none;
}


	
.news_story h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C02A4F;
	text-align: left;
	line-height: 20px;
	}	
	
.news_story p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .5em;
	color: #513E3E;
	text-align: left;
	line-height: 20px;
	}	

/* navigation
----------------------------------------------- */

#column1 h2 a,
#column1 h2 a:link,
#column1 h2 a:active,
#column1 h2 a:visited {
	color: #BF284D;
	text-decoration: none;
	border-bottom: none;
	}

#column1 h2 a:hover {
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	}

#nav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	width: 200px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -32px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -32px;
	}
	
#nav li a.currentSection,
#nav li a.currentSection:hover {
	background-position: 50% -32px;
	}
	
#home a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 15px;
	background: url(graphics/nav_home.gif) no-repeat;
	}
	
#news a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 7px;
	background: url(graphics/nav_news.gif) no-repeat;
	}
	
#podcasts a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 7px;
	background: url(graphics/nav_podcasts.gif) no-repeat;
	}
	
#schedule a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 7px;
	background: url(graphics/nav_schedule.gif) no-repeat;
	}
	
#membership a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 7px;
	background: url(graphics/nav_membership.gif) no-repeat;
	}
	
#about a  {
	width: 164px;
	height: 64px;
	margin-left: 20px;
	margin-top: 7px;
	background: url(graphics/nav_about.gif) no-repeat;
	}
	
#content p a,
#content p a:link,
#content p a:active,
#content p a:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #BF284D;
	text-decoration: none;
	border-bottom: 1px dotted #BF284D;
	}
	
#content p a:hover {
	border-bottom: none;
	}	
	
#content p a:visited {
	}
	


#content_container {
	float: left;
	width: 480px;
	margin: 0 0 0 25px;
	clear: right;
	}
	
#content {
	float: left;
	width: 480px;
	margin: 0 0 0 25px;
	clear: right;
	}	

#news_nav_container {
	float: left;
	width: 225px;
	margin: 0;
	background: url("graphics/bg_features.gif");
	}
	




/* 
TABLE STYLING --------------------- */

.sched {
	width: 476px;
	margin-top: 0;
	margin-left: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #006350;
	text-align: left;
	letter-spacing: 1px;
	}

.sched tbody tr.header td {
      background: #513E3E url(graphics/bg_schedule_title.gif) repeat-x bottom;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  padding-left: 10px;
	  color: #BEB2A7;
	  font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	}
	
.sched tbody tr.even td {
      background-color: #988675;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}

.sched tbody tr.odd  td {
      background-color: #BEB2A7;
	  padding-top: 10px;
	  padding-bottom: 10px;
    }
	
.sched .time {
	width: 180px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	letter-spacing: 1px;
	}
	
.sched .description {
	width: 276px;
	float: left;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	letter-spacing: 1px;
	}
	
	
#nav_sub_container {
	float: left;
	width: 164px;
	height: 16px;
	margin: 8px 0 0 20px;
	background: url(graphics/dash.gif) no-repeat 62px;
	}




#news_topstory {
	float: left;
	width: 475px;
	margin: 10px 0 15px 0;
	padding: 0;
	}
	
#news_substories {
	float: left;
	width: 475px;
	margin: 0;
	background: url(graphics/bg_dotted_lines_news.gif);
	}
	
#news_topstory h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	color: #BF274D;
	margin: 10px 0 0 0;
	text-align: left;
	}
	
#news_topstory h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #BF274D;
	margin: 0;
	text-align: left;
	}

#news_topstory p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #000000;
	text-align: left;
	}
	


#news_topstory .posted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #513E3E;
	margin: 0;
	font-weight: bold;
	}
	
#news_topstory .image {
	float: right;
	margin: 10px 5px 0 0;
	padding: 5px 0 0 12px;
	}
	
#news_topstory .break {
	background: url(graphics/bg_news_break.gif) no-repeat;
	width: 475px;
	height: 17px;
	margin: 25px 0 0 0;
	padding: 0;
	}
	
.break_news {
	float: right;
	width: 475px;
	height: 17px;
	margin: 0 0 10px 0;
	padding: 0 5px 5px 5px;
	background: url(graphics/break_news.gif) no-repeat;
	}
	
#newspage_column_1 {
	float: left;
	width: 280px;
	margin: 0 0 0 2px;
	padding: 0;
	}
	
#newspage_column_2 {
	float: left;
	width: 129px;
	margin: 0 0 0 40px;
	padding: 0;
	}


	
h3#archive {
  background: url(graphics/header_archive.gif) no-repeat;
  width: 139px;
  height: 38px;
  margin: 0 0 10px 0;
  }

h3#archive span {
  display: none;
}

h3#other_news {
  background: url(graphics/header_other_news.gif) no-repeat;
  width: 284px;
  height: 38px;
  margin: 0 0 10px 10px;
  }

h3#other_news span {
  display: none;
}


#help_block {
	float: left;
	width: 475px;
	margin: 0 0 15px 0;
	}
	
#help_block h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	color: #BF274D;
	text-align: left;
	}
	
#help_block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #BF274D;
	text-align: left;
	}


	
#news_story {
	float: left;
	width: 475px;
	margin: 0 0 0 25px;
	clear: right;
	}
	
#news_story h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #513E3E;
	line-height: 30px;
	text-align: left;
	margin: 0;
	}
	
#news_story h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #513E3E;
	margin: 5px 0 0 0;
	text-align: left;
	}
	
#news_story p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #513E3E;
	text-align: left;
	}
	
#news_story .red_line_short {
	float: left;
	background: url(graphics/red_line_bottom.gif) no-repeat;
	width: 476px;
	height: 14px;
	margin: 20px 0 0 0;
	}
	
.red_line_short {
	float: left;
	background: url(graphics/red_line_bottom.gif) no-repeat;
	width: 476px;
	height: 14px;
	margin: 30px 0 0 0;
	}
	
/* navigation
----------------------------------------------- */

#nav_stream {
	position: absolute;
	top: 0px;
	left: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 50px;
	display: inline;
	overflow: hidden;
	width: 200px;
	}
	
#nav_stream li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav_stream a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav_stream a:hover {
	background-position: 0 -15px;
	}

#nav_stream a:active, #nav a.selected {
	background-position: 0 -15px;
	}
	
#nav_stream li a.currentSection,
#nav-stream li a.currentSection:hover {
	background-position: 50% -15px;
	}
	
#win a  {
	width: 133px;
	height: 20px;
	margin-left: 19px;
	margin-top: 6px;
	background: url(graphics/button_winmedia_roll.gif) no-repeat;
	}
	
#real a  {
	width: 39px;
	height: 31px;
	margin-left: 22px;
	margin-top: 6px;
	background: url(graphics/button_real_roll.gif) no-repeat;
	}
	
#mp3 a  {
	width: 36px;
	height: 30px;
	margin-left: 21px;
	margin-top: 6px;
	background: url(graphics/button_mp3_roll.gif) no-repeat;
	}



	
ul.subitems	{
	width: 215px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7c1804;
	}

ul.subitems li
	{
	margin: 0;
	padding: 0; 
	display: inline;
	}

ul.subitems li a
	{
	margin: 0;
	display: block;
	color: #C10045; 
	text-decoration: none; 
	background: url(graphics/bullet.gif) no-repeat 0px 8px; 
	padding: 6px 0 0 20px;
	}
	
ul.subitems li a:hover
	{
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	} 

#nav_sub {
	position: relative;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	height: 50px;
	display: inline;
	overflow: hidden;
	width: 200px;
	background: #ffffff;
	}
	
#nav_sub li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav_sub a {
	float: left;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav_sub a:hover {
	background-position: 0 -16px;
	}

#nav_sub a:active, #nav a.selected {
	background-position: 0 -16px;
	}
	
#nav_sub li a.currentSection,
#nav-sub li a.currentSection:hover {
	background-position: 50% -16px;
	}
	
#feed a  {
	width: 56px;
	height: 32px;
	margin: 0;
	background: url(graphics/nav_feed.gif) no-repeat;
	}
	
#help a  {
	width: 94px;
	height: 16px;
	margin: 0 0 0 14px;
	background: url(graphics/nav_help.gif) no-repeat;
	}

#news_topstory a,
#news_topstory a:link,
#news_topstory a:active,
#news_topstory a:visited {
	color: #BF284D;
	text-decoration: none;
	border-bottom: none;
	}
	
#news_topstory a:hover {
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	}	
	
#news_topstory a:visited {
	}
	
.newspage_nav {
	width: 280px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #7c1804;
	}
	
.newspage_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.newspage_nav li {
	margin: 0;
	padding: 0; 
	display: inline;
	}
	
.newspage_nav li a,
.newspage_nav li a:link,
.newspage_nav li a:active,
.newspage_nav li a:visited {
	margin: 0;
	display: block;
	color: #C10045; 
	text-decoration: none; 
	background: url(graphics/bullet.gif) no-repeat 0px 8px; 
	padding: 6px 0 5px 20px;
	border-bottom: 1px solid #988675;
	}

.newspage_nav li. border {
	border-top: 1px solid;
	}
	
.newspage_nav li a:hover {
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	}
	
	
.help_nav {
	width: 475px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #7c1804;
	}
	
.help_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.help_nav li {
	margin: 0;
	padding: 0; 
	display: inline;
	}
	
.help_nav li a,
.help_nav li a:link,
.help_nav li a:active,
.help_nav li a:visited {
	margin: 0;
	display: block;
	color: #C10045; 
	text-decoration: none; 
	background: url(graphics/bullet.gif) no-repeat 0px 8px; 
	padding: 6px 0 0 20px;
	}

.help_nav li. border {
	border-top: 1px solid;
	}
	
.help_nav li a:hover {
	border-bottom: 1px solid #AF9F8C;
	background: #eeeeee;
	}