/* ###### STUFF FROM THE OLD SITE THAT WE NEED TO KEEP FOR THE INSIDE PAGES ##### */


.textile ul {
	list-style: disc;
}
.textile li {
	
	margin: 1em;
}
.textile ol {
	list-style: decimal;
	font-size: 0.75em;
}

.textile td {
	font-size: 0.75em;
}

table {
	border-collapse: collapse;
	clear: left;
}

th, td {
	
	vertical-align: top;
	padding: 0;
}

th {
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875=14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
	border-bottom: 1px solid #ccc; /* Safari wants this to be in pixels. (14x0.071=1px) */
}

td {
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom: 1px solid #ccc; /* Safari wants this to be in pixels. (12x0.083=1px) */
	line-height: 1em; /* 12x1=12px */ 
}


/* Blocks that clear everything */
.clearAll {
	clear: both;
}
		
a {
	text-decoration: none;
	color: #58273D;
}

a:hover {
	text-decoration: underline;
	color: #58273D;
}

a img{
	border: 0;
}

#date input {
	border-style: inset;
	border: 1px solid black;
}

a.more, a.more:visited {
	color: #58273D;;
	}

a.more:hover, a.more:active {
	color: #58273D;
	border-bottom: 1px solid #bf311a;
	padding: 2px 0 2px 5px;
	}

a.more2, a.more2:visited {
	color: #369;
	}

a.more2:hover, a.more2:active {
	color: #369;
	border-bottom: 1px solid #369;
	padding: 2px 0 2px 5px;
	}

.more {
	color: #bf311a;
	font: italic 11px Georgia, serif;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 5px;
	background: transparent url(/images/more.gif) left center no-repeat;
	text-align: right;
}

.more2 {
	color: #369;
	font: italic 11px Georgia, serif;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 5px;
	background: transparent url(/images/moreblue.gif) left center no-repeat;
	text-align: right;
}


/* Error things are in red. */
.error {
	color: red;
}

/* Some paragraphs should not have margins. */
p.nospace {
	margin: 0;
	padding: 0;
}


#header{
	margin: 0px 10px 0 10px;
	padding: 0px;
	height: 200px;
}

#header-left{
	width: 220px;
	padding: 10px;
	margin-top: 1px;
	float: left;
}

#header-center{
	width: 460px;
	margin-top: 30px;
	padding: 10px;
	float: left;
}

#header-right{
	width: 220px;
	padding: 10px;
	float: left;
}

#breadcrumb {
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 10px;
}

#breadcrumb a {
	color: #58273D;
	text-decoration: none;
	font-size: 13px;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb a.heading {
	text-decoration: underline;
}

#breadcrumb h2 {
	display: inline;
	color: #58273D;
	font-size: 13px;
}

#main {
      margin: 0;
      padding-left: 10px;
      padding-right: 10px;
}

#convio table,tr,td {
	border: 0px;
}

.subpage #main {
	padding-bottom: 150px;
}
	
#left{
	clear: left;
	float: left;
	width: 220px;
	padding: 10px;
	padding-top: 0;
}

#right{
	width: 220px;
	padding: 10px;
	float: left;
	padding-top: 0;
}

#center{
	float: left;
	width: 460px;
	margin: -36px 10px 10px 10px;
}

#left_center {
	float: left;
	width: 700px;
	padding: 10px;
	margin-top: -36px;
}

#center_right {
	float: left;
	width: 700px;
	padding: 10px;
	margin-top: -36px;
}

#three_column {
	background-image: url(/images/bg-threecolumn.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#two_column_left {
	background-image: url(/images/bg-twocolumn-l.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#two_column_right {
	background-image: url(/images/bg-twocolumn-r.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#four_column {
}

#center ul, #left_center ul, #right_center ul {
	margin-top: 1.286em;
	margin-left: 1em;
	list-style: disc;
}	

#center ol, #left_center ol, #right_center ol {
	margin-top: 1.286em;
	margin-left: 4em;
	list-style: decimal;
}	
	
h1, h2, h3 {
	font-weight:normal;	
}

h1 {
	font-size: 1.375em; 
	line-height: 1.636em;
	margin: 0;
	color: #444444;
	border-bottom: 1px solid #514125;
}

h2 {
	font-size: 1.125em; 
	margin:1em 0; 
	color: #444444;
}

#15 h2 {
	font-size: 1.125em; 
	margin:1em 0; 
	color: #514125;
	background: #bf3019;
	margin-top: 10px;
	height: 75px;
}


h3 {
	margin:1em 0; 
}

h4 {
	font-size: 14px;
}



div.form {
  clear: both;
  padding-top: 10px;
  }

div.form span.label {
  float: left;
  width: 100px;
  text-align: right;
  font-size: 12px;
  }

div.form span.input {
  float: right;
  width: 340px;
  text-align: left;
  } 
  

/* PLAYLIST STUFF */

.hourbreak {
	background-color: #D7DDDF;
	font-weight: bold;
	text-align: center;
}

input.playlist, select.playlist {
	font-size: 12px;
}

#show_info {
	border: 1px solid #71513A;
	padding: 10px;
	width: 200px;
}

#archives {
    border: 1px solid #71513A;
    background-color: #EEEEEE;
    padding: 10px;
    width: 200px;
}

#archives p {
    text-align: center;
    margin: 0;
}

#playlist_table p {
    font-size: 0.75em;
}

#playlist_table {
	width: 100%;
	
}
#playlist_table th {
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	font-size: 12px;
	text-align: left;
} 

.playlist_nav {
	font-size: 12px;
	margin-bottom: 10px;
}

#playlist_table td {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
	padding: 0px;
    padding: 4px;
	font-size: 12px;
	line-height: 14px;
}

#playlist_table td.no_top_border {
	border-top: 0;
}

#playlist_table td.no_bottom {
	border-bottom: 0;
}

#playlist_control table,#playlist_control tr,#playlist_control th,#playlist_control td {
	font-size: 12px;
	border: 0;
}



td.playlist_control {
	padding: 0;
	vertical-align: middle;
	font-weight: middle;
}

td.airbreak{
    background-color: #BDD0D0;
    color: #660000;

}
td.now_playing{
	background-color: #E1E987;
}
td.even_row{
	background-color: #EEEEEE;
}
td.odd_row{
}

#calanchor {
	text-decoration: none;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
}

#calanchor img {
	width: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

#caldiv {
    position: absolute;
    visibility: hidden;
    background-color: white;
}

#caldiv {
	background-color: #CCCCCC;
	padding: 2px;
}
#caldiv table td {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}
#caldiv div.xbox {
	font-family: sans-serif;
	font-size: 9px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0 2px 2px 0;
	border: 1px solid;
	background-color: white;
}
#caldiv a {
	color: black; text-decoration: none
}
#caldiv td.cpDayColumnHeader {
	background-color: #CCCCCC;
}
#caldiv td.cpCurrentDate {
	background-color: white;
}
#caldiv td.cpCurrentMonthDate {
	background-color: #FFEEEE;
}

#caldiv td.cpOtherMonthDate {
	background-color: #F0F0F0;
}

#caldiv td.cpCurrentDateDisabled, td.cpCurrentMonthDateDisabled, td.cpOtherMonthDateDisabled {
	background-color: #EEEEEE;
}

/* Styling for calendar pages */
.concert_date {
	width:auto;
}
.concert_info {
	width:auto;
}
.concert {
	width:236px;
	padding-left: 9px;
	padding-right: 9px;
}
.concert img {
	margin: 0;
}

/* Styling for live & direct page */
.lnd_image {
	width: auto;
}
.lnd_info {
	width: auto;
}
.lnd_buy {
	width: 30px;
	
}

/* Styling for podcasts page */
.podcast_img {
	float: left;
	width: 100px;
	margin-right: 10px
}
.podcast_copy {
	float: left;
	width: 350px;
}
.podcast {
	clear: left;
}
.podcast_copy ul {
	list-style: disc;
	font-size: 0.75em;
	margin: 1em;
}
	
/* yir */


#yir ul {
	margin-top: 1.286em;
	margin-left: 1.867em;
	font-size: 0.75em;
	list-style: disc;
	}

#yir a:link, #yir a:visited {
       color: #bf311a;
       }
	   
#yir a:hover {
       color: #f68938;
       }

#yir hr {
	border: none 0;
	border-top: 1px dotted #ccc;
	width: 100%;
	height: 4px;
}
	


#front_center_right {
	float: left;
	width: 720px;
	padding: 0;
	margin: 0;
}


p.morelinks {
	text-align: right;
	clear: left;
}

img.ad {
	margin: 10px;
}
 
table.program_schedule td {
	padding: 5px;
	font-size: 0.75em;
}

table.program_schedule th {
	padding: 5px;
}

table.program_schedule p {
	margin: 0;
}

div.form_label {
	float: left;
	clear: left;
	padding: 5px;
}

div.form_element {
	float: right;
	padding: 5px;
}

div.entry_group {
	padding: 5px;
}

div.entry_error {
	color: red;
}

#my15minutes div.copy {
    float: left;
}

#my15minutes div.button {
    float: left;
}

.information_to_send {
	padding: 5px;
	padding-left: 10px;
	background-color: #EEEEEE;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}

.information_to_send ul li {
	font-size: 12px;
	padding-bottom: 3px;
}

h2.media_title {
	font-weight: bold;
}

/* PPP Project CSS Below */
#left-small{
	clear: left;
	float: left;
	width: 110px;
	padding: 10px;
	padding-top: 0;
}

#center-big{
	float: left;
	width: 555px;
	top: 36px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	padding-right: 10px;
	padding-left: 10px;
}

#ppp-logo{
  margin-top: 28px;
  float: left;
}

#audio-player-box{
	font-family: sans-serif;
	font-size: 100%;
	float: right;
	width: 250px;
	height: 100px;
	margin-top: 55px;
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid;
	background-color: #DDDDDD;
}

#audio-player{
  margin-top: 16px;
  margin-left: 35px;

}

.image {
	font-size: 9px;
	font-style: italic;
	line-height: 10px;
	float: left;
	margin-right: 6px;
}

.image .caption {
	margin-top: 4px;
	margin-bottom: 4px;
}

div#emphasis {
  font-size: 1.375em; 
  font-weight: bold;
	margin:1em 0; 
}

#current-page{
  color: #bf311a;
}

#quote-person{
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
}

#ppp-block{
  border: 3px solid; 
  padding: 15px;
}

#left-students {
	float: left;
	margin-left: 50px;
}

#right-students {
  float: right;
  margin-right: 100px;
}

#three_column_no_bg {
	margin-top: 46px;
}

/*header */
p.date {
	margin: 0 10px 0 10px;
	text-align: right;
	line-height: 20px;
}



/* Calendar widgets. */
table.calwidget td {
	text-align: center;
	font-size: 10px;
	background-color: #EEEEEE;
}
table.calwidget th {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
}
table.calwidget th.dayhdr {
	background-color: #CCCCCC;
}
table.calwidget td.today {
	background-color: white;
}
table.calwidget td.active {
	background-color: #FFEEEE;
}
table.calwidget a {
	color: black; text-decoration: none
}
div.event_info_drop {
	display: none;
}
div.column {
	float: left;
	width: 220px;
	padding: 10px;
}