/* KCCK Screen Formatting */

body { 
  background-color:black;
  margin:0;
  font-size:9pt;
  font-weight:normal;
}

div.shell {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#CCCCFF;
  font-size:9pt;
  font-weight:normal;
  color:black;
  align:center;
}

a:link { color:darkblue;}
a:visited { color:darkblue;}
a:hover { color:goldenrod;}
a:active { color:goldenrod;}

td {
  vertical-align:top;
  }
  
p {
  font-size:9pt;
  }

h1 {
  color:#680534;
  font-weight:bold;
  font-style:italic;
  font-size:180%;
}
  
.header {
  position:relative;
  background-image:url(../images/kcck_header.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  height:145px;
  background-color:#DCAB32;
}

#leftnav {
  background-image:url(../images/LeftNavBG.png);
  width:137px;
  text-align: left;
}

#home3Col {
  padding-top:12px;
}

#sidebarRight {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  // font-weight:bold;
  text-align:left;
  background-color:#946E93;
  // padding-top:4px;
  margin:0;
}

#sidebarRight a:link { color:white; text-decoration:none;}
#sidebarRight a:visited { color:white; text-decoration:none;}
#sidebarRight a:hover { color:#cc9933; text-decoration:none;}
#sidebarRight a:active { color:#cc9933; text-decoration:none;}

#callist {
  margin-top:.5em;
  padding:3px;
  border-bottom:solid 1px black;
}

.leader {
  font-size:16px;
  color:#ffffff;
  font-weight:bold;
  margin-top:.2em;
  padding:3px;
  font-variant:small-caps;
  background-color: darkred;
}

#twitterlist {
  margin-top:.5em;
  padding:3px;
  border-bottom:solid 1px black;
}

#bloglist {
  margin-top:.5em;
  padding:3px;
  border-bottom:solid 1px black;
}

#newslist {
  margin-top:.5em;
  padding:3px;
  border-bottom:solid 1px black;
}

#picSpot {
  position:relative;
}

div.bodySpot {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight:normal;
  color:black;
  text-align:left;
  background-color:#ccccff;
  vertical-align:top;
  padding:15px 15px 0 5px;
  height:100%;
}

div.bodySpot a:link { color:darkblue; }
div.bodySpot a:visited { color:darkblue; }
div.bodySpot a:active { color:goldenrod; }
div.bodySpot a:hover { color:goldenrod; }


.cdotm_copy {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:white;
  font-weight:normal;
  font-size:8pt;
  padding:5px 5px 5px 5px;
  text-align:left;
}

.cdotm_copy a:link { color:#cc9933; }
.cdotm_copy a:visited { color:#cc9933; }
.cdotm_copy a:active { color:white; }
.cdotm_copy a:hover { color:white; }

.footer {
  margin-top:0px;
  background-color:#ccccff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:6pt;
  text-align:left;
}

.printFooter, .printHeader {
  display:none;
}

.headline {
  color:#680534;
  font-weight:bold;
  font-style:italic;
  font-size:180%;
}

.subhead {
  color:#623560;
  font-weight:bold;
  font-size:120%;
}

td.primetime a:link { color:#cc9933; }
td.primetime a:visited { color:#cc9933; }
td.primetime a:active { color:white; }
td.primetime a:hover { color:white; }

td.onair a:link { color:#cc9933; }
td.onair a:visited { color:#cc9933; }
td.onair a:active { color:white; }
td.onair a:hover { color:white; }

.onair {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt; 
  color: white;
}

.nowplaying {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt; 
  color: white;
  padding: 4px;
}
  
.primetime {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt; 
  color: white;
}

.time {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:7pt; 
  color: white;
  margin-top:10px;
}

.cdofmonth {
  font-size:9pt;
}

.cdofmonth_archive_list {
  font-weight:bold;
  font-size:9pt;
  padding-top:10px;
  padding-left:10px;
}

.cdofmonth_archive_list a:link { color:#cc9933; }
.cdofmonth_archive_list a:visited { color:#cc9933; }
.cdofmonth_archive_list a:active { color:white; }
.cdofmonth_archive_list a:hover { color:white; }

.concertCalendar ul {
  list-style-type: none;
  line-height:1.5;
  margin-top:0px;
}

.concertCalendar li {
  line-height:1.2;
  margin-top:4px;
}

.shortlist {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt; 
}

.tableText {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt; 
}
  
.tiny {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:xx-small;
}

.noPrint {
  display:block;
}

.linkList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9t;
	line-height: 1.5;
}

div.imageCaptionLeft {
  float: left;
  margin: 10px;
  }

div.imageCaptionRight {
  float: right;
  margin: 10px;
  }

div.imageCaptionRight p {
  text-align: center;
  font-size: 7pt;
   }

div.imageCaptionLeft p {
  text-align: center;
  font-size: 7pt;
   }


/* Navigation formatting */

#navStrip {
  position:absolute;
  left:0px;
  top:126px;
  width:750px;
  height:18px;
  z-index:2;
}

#navContainer {
	width: 750px;
	background: #DCAB32;
	font: 8pt verdana, arial, sans-serif;
	text-align: left;
	margin: 0 auto;
}

.cat {
	font-size:7pt;
	font-weight:bold;
	color:white;
	text-align:center;
	border:0;
	line-height:14px;
}

#nav, #nav ul {
	float: left;
	width: 750px;
	list-style: none;
	line-height: 1;
	background: #DCAB32;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	width: 90px;
	color: white;
	text-decoration: none;
	padding: 3px 1px;
}

#nav a.prnt {
	background: url(images/rightarrow.gif) center right no-repeat;
	padding-left:-3px;
}

#nav li {
	float: left;
	padding: 0;
	width: 90px;
	border: solid #DCAB32;
	// border: solid #000000;
	border-width: 0 1px 1px 1px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 90px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	background: #660066;
	text-align: left;
}

#nav li li {
	padding-right: 1px;
	width: 89px;
}

#nav li ul a {
	width: 90px;
}

#nav li ul ul {
	margin: -18px 0 0 90px;
	background: #660066;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #996699;
}

.top_home {background-color:darkorchid;}
.top_on_the_air {background-color:red;}
.top_events {background-color:royalblue;}
.top_membership {background-color:darkorange;}
.top_news {background-color:darkred;}
.top_photo_album {background-color:darkblue;}
.top_sponsorship {background-color:darkolivegreen;}
.top_store {background-color:goldenrod;}
.top_about {background-color:#AA00FF;}
.top_darkorchid {background-color:darkorchid;}
.top_learning {background-color:tomato;}
.top_contact {background-color:purple;}