/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6, ol, ul, li, form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 27px;
	letter-spacing: -1px;
	padding: 23px 0px 7px 0px;
	border-bottom: 1px solid #ececec;
	color: #000000;
	line-height: 28px;
}

h2 {
	padding: 10px 0px 5px 0px;
	font-size: 18px;
	color: #154377;
	line-height: 20px;
}

h3 {
	padding: 5px 0px;
	font-size: 17px;
	color: #333333;
	line-height: 20px;
}

h4 {
	padding: 5px 0px;
	font-size: 16px;
	color: #5e7c9d;
	line-height: 18px;
}

h5 {
	padding: 5px 0px;
	font-size: 15px;
	color: #666666;
}

h6 {
	padding: 5px 0px;
	font-size: 14px;
	color: #999999;
}



img {
	border: 0px;
}

a {
	color: #00509d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#klove {
	
}

#container {
	width: 1024px;
	margin: 0 auto;
}

/* ============ header */

#header {
	height: 106px;
	color: #000000;
}

#header a {
	color: #000000;
}

#header a:hover {
	text-decoration: none;
}

#logo {
	width: 350px;
	float: left;
}

#headerInfo {
	width: 650px;
	float: right;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
}

.headerLinks {
	text-align: right;
}

.headerLinks span {
	color: #faaf40;
}

.headerLinks a {
	padding: 0px 5px;
	text-decoration: underline;
}

#listenOnline {
	padding: 6px 40px 0px 0px;
}

#listenOnline a {
	text-decoration: underline;
}

#listenOnline .area1, #listenOnline .area2, #listenOnline .area3, #listenOnline .area4 {
	float: right;
}

#listenOnline .area1 {
	width: 115px;
}

#listenOnline .area2 {
	width: 194px;
	padding: 22px 0px 0px 0px;
}

#listenOnline .area3 {
	width: 165px;
	padding: 20px 0px 0px 0px;
}

#listenOnline .area4 {
	width: 100px;
	padding: 40px 0px 0px 0px;
}

/* =========== nav */

#navArea {
	height: 39px;
	background: url(../images/navbkgrd.gif) no-repeat;
	width: 1024px;
	display: none;
}

#menu, #search {
	float: left;
}

#menu {
	width: 685px;
}

#search {
 	width: 330px;
	text-align: right;
}

#search input {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#search .searchButton {
	padding: 4px 0px 0px 0px;
}

#search .searchBox {
	margin: 7px 5px 0px 0px;
	padding: 3px 3px 3px 26px;
	background: url(../images/search-icon.gif) no-repeat #ffffff 2px 2px;
	border: 1px solid #cbcbcb;
	width: 210px;
}

#socialArea {
	height: 17px;
	background: url(../images/social-bkgrd.gif) repeat-x;
	padding: 4px 10px;
	border:1px solid #cecece;
}

#socialArea .current {
	float: left;
	width: 400px;
	font-size: 13px;
}	

#socialArea .current a {
	color: #00509d;
	font-size: 11px;
	text-decoration: underline;
}

.socialMedia {
	color: #2068ab;
	text-align: right;
	padding: 1px 0px 0px 0px;
}

.socialMedia a {
	color: #2068ab;
	text-decoration: none;
	padding: 2px 0px 1px 20px;
	margin: 0px 0px 0px 8px;
}


.socialMedia a:hover {
	text-decoration: underline;
}

.socialMedia .facebook {
	background: url(../images/socialmedia-icons.gif) no-repeat 0px 3px;
}

.socialMedia .twitter {
	background: url(../images/socialmedia-icons.gif) no-repeat 0px -18px;
}

.socialMedia .email {
	background: url(../images/socialmedia-icons.gif) no-repeat 0px -37px;
}

.socialMedia .print {
	background: url(../images/socialmedia-icons.gif) no-repeat 0px -56px;
}

/* ======== home content */


#homeTopArea {
	height: 313px;
	background: url(../images/home-herobkgrd.jpg) no-repeat;
}

#homeTopArea h2 {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#homeTopArea h2 b {
	font-size: 26px;
}


#rotator {
	width: 740px;
	float: left;
}

#playlist {
	width: 270px;
	float: right;
	padding: 10px 0px 0px 14px;
	font-size: 11px;
}

#playlist .title {
	text-indent: -9999px;
}

#playlist .title a {
	height: 25px;
	width: 247px;
	background: url(../images/just-played-on-the-air.gif) no-repeat;
	display: block;
}

#playlist b {
	font-size: 12px;
}

#playlist ol {
	padding: 14px 0px 0px 40px;
	color: #000000;
	font-weight: bold;
	height: 203px;
}

#playlist ol li {
	padding: 0px 0px 9px 0px;
}

#playlist ol li span {
	color: #00509d;
	font-weight: normal;
}

#playlist small {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#playlist ol li small a {
	color: #006dad;
}


#playlist .buttons ul {
	padding: 0px 0px 0px 3px;
	margin: 0px;
}

#playlist .buttons li {
	list-style: none;
	float: left;
	padding: 0px 8px 0px 0px;
	margin: 0px;
}

#playlist .buttons li a {
	width: 78px;
	height: 45px;
	padding: 8px 0px 0px 0px;
	*padding: 9px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#playlist .buttons li a {
	padding: 10px 0px 0px 0px;
}
} 

#playlist .buttons li a b {
	font-size: 16px !important;
	display: block;
}

#playlist .buttons li a:hover {
	text-decoration: none;
	color: #daebf3;
}

#homeTopAreaBottom {
	height: 285px;
	background: url(../images/home-herobkgrd-bottom.gif) no-repeat #ffffff;
}

#homeTopAreaBottom .left {
	width: 724px;
	float: left;
	padding: 0px 0px 0px 17px;
}

#homeTopAreaBottom .supportFind {
	height: 73px;
}

#homeTopAreaBottom .supportFind img {
	margin: 0px 14px 0px 0px;
}

.supportKlove a {
	width: 162px;
	height: 62px;
	float: left;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
	background: url(../images/arrow-orange2.gif) no-repeat 94px 33px;
}

.supportKlove a:hover {
	text-decoration: none;
}

.supportKlove em {
	font-style: normal;
	text-decoration: underline;
}

.supportKlove em:hover {
	text-decoration: none;
}

.supportKlove span {
	font-size: 20px;
	letter-spacing: -1px;
}

.findRadioStation a {
	width: 190px;
	height: 65px;
	float: left;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
	margin: 0px 0px 0px 15px;
	background: url(../images/arrow-orange2.gif) no-repeat 152px 33px;
}

.findRadioStation a:hover {
	text-decoration: none;
}

.findRadioStation em {
	font-style: normal;
	text-decoration: underline;
}

.findRadioStation em:hover {
	text-decoration: none;
}

.findRadioStation span {
	font-size: 20px;
	letter-spacing: -1px;
}


#homeTopAreaBottom .right {
	width: 250px;
	float: right;
	padding: 27px 17px 0px 0px;
}

#homeTopAreaBottom .artistMonth {
	width: 410px;
	float: left;
	padding: 30px 10px 0px 0px;
}

#homeTopAreaBottom .artistMonth h2 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#homeTopAreaBottom .artistMonth h2 b {
	font-size: 26px;
	display: inherit;
}


#homeTopAreaBottom .artistMonth .info b {
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding: 0px 0px 8px 0px;
}

#homeTopAreaBottom .artistMonth b a {
	color: #000000;
}

#homeTopAreaBottom .artistMonth b a:hover {
	color: #00509d;
	text-decoration: none;
}

#homeTopAreaBottom .image {
	float: left;
	width: 175px;
}

#homeTopAreaBottom .prayer {
	width: 270px;
	height: 145px;
	float: right;
	padding: 32px 0px 0px 30px;
	background: url(../images/prayer-bkgrd.gif) no-repeat;
}

#homeTopAreaBottom .prayer h2 {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#homeTopAreaBottom .prayer ul {
	margin: 15px 0px 15px 25px;
}	

#homeTopAreaBottom .prayer .link {
	margin: 0px 0px 0px 10px;
}

#homeMiddle {
	background: url(../images/content-bkgrd.gif) no-repeat;
	height: 182px;
}

#encouraging, #tellus, #newPopular {
	float: left;
}

#encouraging {
	width: 400px;
	padding: 15px 0px 0px 35px;
}

#encouraging  h2 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#encouraging  h2 b {
	font-size: 26px;
}

#encouraging b {
	font-size: 18px;
}

#encouraging span {
	font-size: 11px;
}

#tellus {
	width: 260px;
	padding: 15px 5px 0px 32px;
}

#tellus  h2 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#tellus  h2 b {
	font-size: 26px;
	display: inherit;
}

#tellus .info {
	padding: 8px 15px 0px 5px;
}

.tellusbuttons {
	padding: 15px 0px 0px 0px;
}

.tellusbuttons a.previous {
	background: url(../images/arrow-orange-left.gif) no-repeat left;
	padding: 0px 0px 0px 20px;
	float: left;
}

.tellusbuttons a.next {
	background: url(../images/arrow-orange.gif) no-repeat right;
	padding: 0px 20px 0px 0px;
	float: right;
}

#newPopular {
	width: 250px;
	padding: 18px 0px 0px 27px;
}

#newPopular  h2 {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
	line-height: 26px;
}

#newPopular  h2 b {
	font-size: 26px;
	display: inherit;
}

#newPopular ul {
	margin: 15px 0px 15px 25px;
}

#newPopular li {
	padding: 0px 0px 3px 0px;
}

#homeBottom {
	height: 236px;
	padding: 55px 0px 0px 0px;
	background: url(../images/content-bkgrd2.gif) no-repeat;
}

#homeBottom .link {
	padding: 10px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
}

#news {
	width: 422px;
	float: left;
	padding: 0px 0px 0px 20px;
}

#news h2 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#news h2 b {
	font-size: 26px;
	display: inherit;
}
#news .image {
	width: 140px;
	float: left;
}

#news .image span {
	font-size: 15px;
	display: block;
	padding: 4px 0px;
}

#news .info {
	width: 265px;
	float: left;
}

#news ul {
	margin: 5px 0px 0px 15px;
}

#news li {
	padding: 0px 0px 3px 0px;
}

#concert {
	width: 550px;
	float: left;
	padding: 0px 0px 0px 30px;
}

#concert  h2 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
}

#concert  h2 b {
	font-size: 26px;
	display: inherit;
}

#concert .image {
	width: 176px;
	height: 17px;
	float: left;
}

#concert .info {
	width: 340px;
	float: left;
}

#concert ul {
	clear: left;
	height: 38px;
}

#concert ul li {
	float: left;
	list-style: none;
	padding: 0px;
}

#concert ul li.date {
	width: 30px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
}

#concert li.location {
	width: 300px;
}

/* ====== inside page */



#insideContent {
	padding: 10px 0px 30px 0px;
}

#leftColumn {
	width: 153px;
	float: left;
	padding: 70px 15px 0px 8px;
}

.oneColumn #leftColumn {
	display: none;
}

.oneColumn #rightColumn {
	display: none;
}

.oneColumn #middleColumn {
	width: 970px;
	padding: 0px 25px 0px 25px;
}

#middleColumn {
	width: 600px;
	float: left;
	line-height: 17px;
	
}

.twoColumn #middleColumn {
	width: 830px;
}

#middleColumn p {
	padding: 8px 0px;
	margin: 0px;
}

#middleColumn ul {
	margin: 0px 0px 0px 25px;
}

#middleColumn ul li {
	padding: 0px 0px 10px 0px;
}

#middleColumn ol {
	padding: 0px 0px 0px 15px; /*fix ie issue*/
	margin: 0px 0px 0px 13px;
}

#rightColumn {
	width: 201px;
	float: right;
	padding: 0px 17px 0px 0px;
}

.twoColumn #rightColumn {
	display: none;
}

#subNav a {
	display: block;
	padding: 4px 0px 4px 7px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	color: #000;
}

#subNav a:hover {
	background-color: #eaf0f6;
	text-decoration: none;
}

#subNav .active {
	background-color: #eaf0f6;
}

#breadCrumb {
	font-size: 11px;
}

.musicSearch {
	margin: 10px 0px;
}

.musicSearch .area1, .musicSearch .area2, .musicSearch .area3, .musicSearch .area4 {
	float: left;
}

.musicSearch .area1 {
	width: 170px;
	padding: 3px 0 0 0;
	
}

.musicSearch .area2 {
	width: 190px;
}

.musicSearch .area2 input {
	width: 150px;
	padding-bottom: 4px;
}

.musicSearch .area3 {
	width: 80px;
	padding: 1px 0 0 0;
}

.musicSearch .area4 {
	width: 70px;
}

.musicSearchBox {
	padding: 3px 3px 1px 26px;
	background: url(../images/search-icon.gif) no-repeat #ffffff 2px 1px;
	border: 1px solid #cbcbcb;
}

.musicSearch select, .musicSearch input {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}

#musicList {
	padding: 10px 0px 0px 0px;
	width: 590px;
}

#musicList h2, #radioStation h2 {
	padding: 0px;
}

#musicList .image {
	width: 190px;
	float: left;
	padding: 5px 0px;
}

#musicList .info {
	width: 380px;
	float: left;
	padding: 5px 0px;
}

#musicList .info ul li {
	padding: 0px;
}

#radioStation {
	padding: 8px;
	border: 2px solid #efefef;
}

#radioStation .image {
	width: 130px;
	float: left;
	text-align: center;
}

#radioStation .info {
	width: 430px;
	float: left;
}

#quickLinks {
	width: 180px;
	height: 195px;
	background: url(../images/quick-links-bkgrd.gif) no-repeat;
	padding: 13px 12px 0px 12px;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}

#quickLinks h2 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #00509d;
	border-bottom: 1px solid #4da7d6;
}

#quickLinks h2 b {
	font-size: 26px;
}

#quickLinks ul {
	margin: 14px 0px 0px 17px;
}

#musicSearchDatabase {
	border-left: 1px solid #b3c3e0;
	border-right: 1px solid #b3c3e0;
	border-bottom: 1px solid #b3c3e0;
	background-color: #f2f6f9;
	padding: 10px;
}

#musicSearchDatabase a {
	text-decoration: underline;
}

#musicSearchDatabase a:hover {
	text-decoration: none;
}

#musicSearchDatabase h2 a {
	text-decoration: none;
}

#musicSearchDatabase h2 a:hover {
	text-decoration: underline;
}

#musicSearchTabs {
	height: 29px;
	background: url(../images/tab-bkgrd.gif) repeat-x;
}

#musicSearchTabs a {
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	padding: 5px 2px 4px 0px;
	float: left;
	display: block;
	background: url(../images/tab.gif) no-repeat;
	width: 140px;
	height: 20px;
	color: #ffffff;
	text-align: center;
}

#musicSearchTabs .active {
	width: 142px;
	height: 20px;
	color: #1b5181;
	background: url(../images/tab-active.gif) no-repeat;
}

#rightColumn .ad {
	padding: 0px 0px 15px 2px;
} 

#rightColumn hr {
	border: 0px;
	height: 1px;
	border-bottom: 1px solid #464d75;
}

#listenOnlineRC {
	width: 178px;
	height: 105px;
	background: url(../images/listen-online-bkgrd.gif) no-repeat 1px 0px;
	padding: 10px 10px 10px 15px;
	margin: 0px 0px 15px 0px;
}

#listenOnlineRC a {
	text-decoration: underline;
}

#supportKLOVE {
	padding: 5px 0px 0px 13px;
}

#supportKLOVE ul {
	margin: 10px 0px 0px 17px;
}

#supportKLOVE li {
	padding: 0px 0px 10px 0px;
}

#supportKLOVE .link {
	padding: 0px 0px 0px 5px;
}

#supportKLOVE .link a {
	display: block;
	background: url(../images/arrow-orange.gif) no-repeat 143px 2px;
}

.pagination {
	text-align: right;
	padding: 0px 20px 0px 0px;
}

.pagination span {
	padding: 0px 10px;
}

.pagination span a {
	padding: 0px 1px;
}

.pagination a {
	text-decoration: underline;
}

.pagination a:hover {
	text-decoration: none;
}

.pagination .active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.clearLeft {
	clear: left;
}

hr {
	border: none;
	height: 1px;
	border-bottom: 1px solid #dfdfdf;
}

.iconList {
	line-height: 28px;
	padding: 0px 0px 0px 10px;
}

.iconList a {
	padding: 2px 0px 2px 25px;
}

.pdfIcon {
	background: url(../images/pdfIcon.gif) no-repeat 0px 1px;
}

.xlsIcon {
	background: url(../images/xlsIcon.gif) no-repeat 0px 1px;
}

.webIcon {
	background: url(../images/webIcon.gif) no-repeat 0px 1px;
}

.imageIcon {
	background: url(../images/imageIcon.gif) no-repeat 0px 1px;
}

.flashIcon {
	background: url(../images/flashIcon.gif) no-repeat 0px 1px;
}

.zipIcon {
	background: url(../images/zipIcon.gif) no-repeat 0px 1px;
}

.rssIcon {
	background: url(../images/rssIcon.gif) no-repeat 0px 3px;
}

.videoIcon {
	background: url(../images/videoIcon.gif) no-repeat 0px 1px;
}

.textIcon {
	background: url(../images/textIcon.gif) no-repeat 0px 1px;
}

.column1, .column2 {
	width: 280px;
	float: left;
	padding: 0px 15px 0px 0px;
}

.column1 ul li, .column2 ul li {
	padding: 0px !important;
}


.clearBoth {
	clear: both
}

/* ====== table styles */


.table1 {
	margin-bottom: 2em; 
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.table1 td {
	padding: .3em .4em .3em .4em;
	vertical-align: top; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.table1 .tdColor {
	background-color: #1f5383;
	font-weight: bold;
	color: #ffffff;
}

.table1 .tdColor2 {
	background-color: #f3f6f8;
}

.table2 {
	margin-bottom: 2em; 
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}	

.table2 td {
	padding: .3em .4em .3em .4em;
	vertical-align: top; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.table2 .tdColor {
	background-color: #e2ecf4;
	font-weight: bold;
}

.table3 {
	margin-bottom: 1em; 
	border: 1px solid #dfdfdf;
}	

.table3 td {
	padding: .3em .4em .3em .4em;
}

.table3 .tdColor {
	background-color: #1f5383;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	text-transform: uppercase;
}

.table4 {
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	margin-bottom: 2em;
}	

.table4 td {
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	padding: .65em .65em .65em .65em;
	text-align: center;
	vertical-align: middle; 
}

.table5 {
	margin-bottom: 2em; 
}

.table5 td {
	padding: .3em .4em .3em .4em;
	vertical-align: top; 
}

.table6 {
	border-top: 1px solid #dfdfdf;
	margin-bottom: 2em; 
}	

.table6 td {
	border-bottom: 1px solid #dfdfdf;
	padding: 1.65em .4em 1.65em .4em;
	vertical-align: top; 
}



/* ====== image style */

.imageLeft-Border {
	float: left;
	border: 1px solid #dfdfdf;
	padding: 4px;
	margin: 0 10px 10px 0;
}

.imageLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.imageRight-Border {
	float: right;
	border: 1px solid #dfdfdf;
	padding: 4px;
	margin: 0 0 10px 10px;
}

.imageRight {
	float: right;
	margin: 0 0 10px 10px;
}

/* ====== quote style */

.pullQuote {
	width: 200px;
	float: right;
	border: 1px solid #e2d6c6;
	background: url(../images/quote-bkgrd.gif) repeat-x;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	font-style: italic;
}

.pullQuote .quote, .inlineQuote .quote {
	background: url(../images/quote-start.gif) no-repeat 0px 5px;
	padding: 0px 10px 10px 10px;
}

.pullQuote p, .inlineQuote p {
	color: #000000;
	font-size: 15px;
	text-indent: 12px;
	line-height: 18px;
	background: url(../images/quote-end.gif) no-repeat bottom right;
}

.pullQuote span, .inlineQuote span {
	display: block;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.inlineQuote {
	border: 1px solid #e2d6c6;
	background: url(../images/quote-bkgrd.gif) repeat-x;
	margin: 10px 0px;
	padding: 5px;
	font-style: italic;
}

/* ====== buttons */

a.button1, a.button2, a.button3 {
	font-weight: bold;
	color: #ffffff;
	height: 27px;
	padding: 6px 7px 6px 0px;
	margin: 10px 0px;
}

a.button3 {
	color: #072848;
}


a.button2:hover {
	color: #acdbf6;
}

a.button1:hover, a.button3:hover {
	color: #ffffff;
}

a.button1 {
	color: #3a260b;
	background: url(../images/button3-right.gif) no-repeat right;
}

a.button2 {
	background: url(../images/button2-right.gif) no-repeat right;
}

a.button3 {
	background: url(../images/button1-right.gif) no-repeat right;
}


a.button1 span, a.button2 span, a.button3 span {
	padding: 6px 3px 6px 10px;
}

a.button1 span {
	background: url(../images/button3.gif) repeat-x;
	
}

a.button2 span {
	background: url(../images/button2.gif) repeat-x;
}

a.button3 span {
	background: url(../images/button1.gif) repeat-x;
}


a.button1L, a.button2L, a.button3L {
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	height: 40px;
	padding: 6px 10px 6px 10px;
	margin: 10px 0px;
}

a.button1L {
	color: #3a260a;
	border: 1px solid #f28b2f;
	background: url(../images/button2L.gif) #7db3dc repeat-x;
}

a.button2L {
	border: 1px solid #0073d0;
	background: url(../images/submit-btn-bkgrd.gif) #0656a3 repeat-x;
}

a.button3L {
	color: #3a260b;
	border:1px solid #8aadc5;
	background: url(../images/button1L.gif) #7db3dc repeat-x;
}

a.button2L:hover {
	color: #acdbf6;
}

a.button1L:hover, a.button3L:hover {
	color: #ffffff;
}


.arrow {
	padding: 0px 20px 0px 0px;
	background: url(../images/arrow-orange.gif) right no-repeat;
}

a.previous {
	background: url(../images/arrow-orange-left.gif) no-repeat left;
	padding: 0px 0px 0px 20px;
	float: left;
}

a.next {
	background: url(../images/arrow-orange.gif) no-repeat right;
	padding: 0px 20px 0px 0px;
	float: right;
}



.eventList {
	padding: 10px 0px;
}

.eventList ul {
	clear: left;
}

.eventList ul li {
	float: left;
	list-style: none;
	padding: 0px;
}

.eventList ul li.date {
	width: 30px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
}

.eventList li.location {
	width: 500px;
	padding: 0px 0px 12px 0px;
}

.eventList .viewAll {
	clear: left;
}


/* ====== footer */

#footer {
	height: 194px;
	padding: 25px 40px 0px 40px;
	background: url(../images/footer-bkgrd.gif) no-repeat;
	border-top: 1px solid #cecece;
}

#footer .area1, #footer .area2, #footer .area3, #footer .area4, #footer .area5, #footer .area6 {
	float: left;
}

#footer .area2, #footer .area3, #footer .area4, #footer .area5, #footer .area6 {
	font-size: 11px;
}

#footer .area1 {
	width: 150px;
	line-height: 18px;
}


#footer .area2 {
	width: 142px;
	padding: 0px 0px 0px 8px;
}

#footer .area3 {
	width: 186px;
	padding: 0px 0px 0px 25px;
}

#footer .area3 span {
	display: block;
	padding: 3px 0px 0px 0px;
}

#footer .area4 {
	width: 123px;
	padding: 0px 0px 0px 20px;
}

#footer .area5 {
	width: 133px;
	padding: 0px 0px 0px 20px;
}


#footer .area6 {
	width: 110px;
	padding: 0px 0px 0px 20px;
}

#footer b {
	font-size: 13px;
}

#footer p {
	line-height: 25px;
	padding: 5px 0px;
	margin: 0px;
}

#footer .facebook {
	padding: 3px 0px 5px 28px;
	background: url(../images/socialmedia-icons2.gif) no-repeat;
}

#footer .youtube {
	padding: 3px 0px 5px 28px;
	background: url(../images/socialmedia-icons2.gif) no-repeat 0px -26px;
}

#footer .twitter {
	padding: 3px 0px 5px 28px;
	background: url(../images/socialmedia-icons2.gif) no-repeat 0px -51px;
}

#footer ul {
	margin: 5px 0px 0px 15px;
}

#footerBottom {
	height: 30px;
	padding: 20px 0px 20px 40px;
	line-height: 17px;
	
}


#footerBottom .left {
	width: 740px;
	float: left;
}

#footerBottom .right {
	width: 180px;
	float: left;
	padding: 1px 0px 0px 20px;
}

#footerBottom hr {
	border: 0px;
	height: 1px;
	border-bottom: 1px solid #dedede;
}

#footerBottom .leftA {
	width: 350px;
	float: left;
}

.leftA small {
	font-size: 11px;
}

#footerBottom .leftB {
	width: 165px;
	float: right;
}

#footerBottom .leftB b {
	font-size: 13px;
}

/* forms =========== */

.contactForm .error {
	font-size: 15px;
	color: #cc0000;
	padding: 2px 0px 5px 30px;
	margin: 0px 0px 10px 0px;
	display: block;
}

form h2 {
	padding: 4px 0px 4px 8px;
	margin: 0px 0px 15px 0px;
	font-size: 16px;
	color: #000000;
	background-color: #eaf0f6;
}

.thankyou h3 {
	color: #2e7d0b;
	font-size: 17px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  margin: 10px 0px;
  border: none;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

textarea {
  overflow: auto;
}

.contactForm form div {
  clear: left;
  display: block;
  width: 450px;
  margin: 5px 0 0 0;
  padding: 1px 3px;
  
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  margin: 0 0 0 142px;
  padding: 0 5px 0px 0px;
  width: 250px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form .required b {
	color: #f38f30;
	font-size: 18px;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.required label, label.required, .required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  padding: 0;
  margin: 0 0 0px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 0px 0;
  width: 190px;
}

form div img {
	padding: 0px 0px 0px 4px;
}

p.error {
  background-color: #ff0000;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div textarea {
	height: 80px;
}

form div input.inputText {
  width: 180px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputTextLongLength {
  width: 140px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}


form div input.inputTextMidLength {
  width: 90px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputTextShortLength {
  width: 50px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 5px 0 0 143px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}


.inputSubmit {
	background: url(../images/submit-btn-bkgrd.gif) #035aaa repeat-x;
	border: 2px solid #0073d0;
	font-size: 20px;
	color: #ffffff;
	height: 40px;
	font-weight: bold;
	padding: 4px 10px;
	*padding: 4px 0px;
	text-align: center;
	border: none;
}

.inputSubmit:hover {
	color: #acdbf6;
	cursor: pointer;
}

form div small {
  display: block;
  margin: 0 0 5px 138px;
  padding: 1px 3px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #cc0000;
  font-weight: bold;
}

form span {
  clear: left;
  display: block;
  padding: 5px 0px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

form span.note {
	margin: 0 0 5px 142px;
	padding: 10px 0px;
}

.lockIcon {
	background: url(../images/icon-lock.gif) no-repeat 0px 10px;
	text-indent: 20px;
}


div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 10px;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0 0 0 18px;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0 0 5px 0;

}

.disclaimer {
	background-color: #eaf0f6;
	border: 1px solid #b7cde3;
	padding: 10px;
}

.disclaimer b {
	font-size: 14px;
	display: block;
	padding: 0px 0px 5px 0px;
}

/* The hint to Hide and Show */
.hint {
   	display: none;
	position: absolute;
    max-width: 200px;
	float: right;
    margin: 0px 0px 0px 16px;
    border: 1px solid #b7cde3;
    padding: 5px 8px 5px 5px;
	_margin: -25px 0px 0px 180px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #eaf0f6 url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
	margin: 0px 0px 0px 0px;
    background: url(../images/pointer.gif) left top no-repeat;
}

body  {
            font-size:14pt;
        }
#musicRoom-rightcolumn
      {
            display:none;
        }
        
 #ctl00_ctl00_cphMain_pnlLeftColumn
 {
            display:none;
        }
        
.bodyMaster
{
  background-image:none;}
/*#logo a {
            display:none;
            
        }
#logo {
    background-image:url(../images/KLOVE_bw_tag_style2_R.png);
    height:104px;
    width:450px;
    border:2px solid #cccccc; 
    
            
}      */ 
#socialArea 
{
    display:none;
            
}
#headerInfo 
{
    display:none;
            
}
#ctl00_ctl00_cphMain_smpMain 
{
    display:none;
            
}
        
#footer
{
    display:none;
            
}
        
#listenOnlineRC
{
    display:none;
            
}
#ctl00_ctl00_cphMain_cphRightColumn_PromoRotator2_pnlPromo
{
    display:none;
            
}
#footerBottom
{
    display:none;
            
}