body { background:url(/csr_common/bg.png) 0 0 repeat-x #d9eefa; margin:0; border:0; font-family:Tahoma, Geneva, sans-serif; color:#000; }
a { color:#000; }
a:hover { text-decoration:none; }

div#outer { margin:0 auto; width:990px; background-color:#fff; padding:0 10px; position:relative; }

div#top { height:200px; position:relative; }

div#lb { width:728px; height:90px; background:#eee; position:absolute; left:262px; top:15px; }

.blueButton { padding:10px; border-radius:6px; }
div#nowPlaying { position:absolute; left:280px; top:118px; width:350px; height:70px; padding-left:70px; }
div#nowPlaying img { width:60px; height:60px; position:absolute; left:0; top:3px; }
div#nowPlaying h2 { color:#1a4079; font-size:116%; }
div#nowPlaying p,
	div#nowPlaying p a { color:#1a4079; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:100%; margin:5px 0 0 0; }
div#nowPlaying a#playlistbtn,
	div#nowPlaying a#listenlivebtn {  display:block; position:absolute; bottom:0; font-size:85%; text-decoration:none; }
div#nowPlaying a#playlistbtn { background:url(playlistbtn.png) 0 0 no-repeat; left:69px; text-align:center; width:87px; height:17px; padding-top:2px; color:#FFF; }
div#nowPlaying a#listenlivebtn { background:url(listenlivebtn.png) 0 0 no-repeat; left: 166px; color:#333; padding-left:27px; padding-top:2px; width:60px; height:17px; }
div#nowPlaying a#playlistbtn:hover,
	div#nowPlaying a#listenlivebtn:hover { text-decoration:underline; }


div#vipClub { width:242px; height:70px; position:absolute; right:0; top:118px; }
div#vipClub h2 { color:#1a4079; font-size:116%; padding-bottom:2px; }
div#vipClub p { text-align:right; color:#61b1e0; font-size:85%; margin:0; }
div#vipClub p a { color:#61b1e0; }

#vipClub label#emailLabel { color:#333; position:absolute; left:0px; top:25px; }
#vipClub label#passLabel { color:#333; position:absolute; left:-25px; top:52px; }
#vipClub input { margin-bottom:5px; padding:1px;  color:#333; width:130px; left:40px; border:1px solid #333;  }

#vipClub input#email { position:absolute; }
#vipClub input#password { position:absolute; top: 46px; }
 
#vipClub label.save { display:block; right:0; top:24px; position:absolute; font-size:85%;  }
#vipClub label.save input { border:0; width:15px; }

.commonButton { width:48px; height:17px; background:url(loginbtn.png) 0 0 no-repeat; display:block; color:#FFF; font-size:85%; text-align:center; text-decoration:none; padding-top:2px; }

.commonButton:hover { text-decoration:underline; }
            
#vipClub button#login { position:absolute; right:0; bottom:0; width:48px; height:19px; background:url(loginbtn.png) 0 0 no-repeat; display:block; color:#FFF; font-size:85%; text-align:center; border:none; cursor:pointer; }
#vipClub button#login:hover { text-decoration:underline; }


#vipClub a#home { position:absolute; left:0; bottom:0; }
#vipClub a#logout { position:absolute; left:60px; bottom:0; }
#vipClub a#update { position:absolute; left:120px; bottom:0; }

#vipClub a#signUp { right:0; position:absolute; top:0; background:url(signupbtn.png) 0 0 no-repeat; width:48px; height:17px; text-align:center; color:#333; font-size:85%; padding-top:2px; text-decoration:none; }
#vipClub a#signUp:hover { text-decoration:underline; }
#vipClub span { text-decoration:none; color:#333; font-weight:bold; }

div#nav { background:url(/csr_common/nav_bg.png) 0 0 no-repeat; height:32px; }

div#newsBar { height:38px; overflow:hidden; }
div#newsBar h4 { float:left; width:100px; margin-top:10px; background:url(/csr_common/arrow_blue.png) 100% 3px no-repeat; color:#1a4079; }
div#ticker { float:left; width:560px; margin-top:10px; padding-left:10px; }
div#weather { float:right; width:300px; height:38px; }

ul#newsticker { height:16px; margin:0; padding:0; list-style:none; overflow:hidden; }
ul#newsticker li { margin-bottom:5px; }

div#homeTop { height:250px; margin-bottom:15px; }

div#leftColumn { width:675px; float:left; padding-bottom:20px; }
div#rightColumn { width:300px; float:right; padding-bottom:20px; }

div#flipbook { width:673px; float:left; }
ul#fL { margin:0; padding:0; list-style:none; width:673px; height:300px; border:1px solid #256db5; border-bottom:none; overflow:hidden; float:left; }
ul#fL li { display:none;  }
ul#fL li.on { display:block; }
ul#fL li a { display:block; width:673px; height:300px; position:relative; }
ul#fL li a span { display:block; position:absolute; background:url(/csr_common/flip_descr.png) 0 0 repeat; padding:8px 7px; color:#1a4079; left:0; top:250px; font-weight:bold;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
ul#fS { margin:0; padding:0; list-style:none; width:675px; height:47px; float:left; }
ul#fS li { height:47px; margin:0; float:left; display:block; font-size:85%;}
ul#fS li#fS1 { background:url(/csr_common/flipbooknav.png) 0 0 no-repeat; width:134px; }
ul#fS li#fS2 { background:url(/csr_common/flipbooknav.png) -134px 0 no-repeat; width:135px; }
ul#fS li#fS3 { background:url(/csr_common/flipbooknav.png) -269px 0 no-repeat; width:136px; }
ul#fS li#fS4 { background:url(/csr_common/flipbooknav.png) -405px 0 no-repeat; width:135px; }
ul#fS li#fS5 { background:url(/csr_common/flipbooknav.png) -540px 0 no-repeat; width:135px; }

ul#fS li#fS1.on { background-position:0 -47px; }
ul#fS li#fS2.on { background-position:-134px -47px; }
ul#fS li#fS3.on { background-position:-269px -47px; }
ul#fS li#fS4.on { background-position:-405px -47px; }
ul#fS li#fS5.on { background-position:-540px -47px; }

ul#fS li a { color:#fff; display:block; padding:4px 8px; font-size:131%; font-weight:bold; text-decoration:none; }
ul#fS li.on a { color:#333; }

div#listenPlayed { width:276px; height:250px; background:url(/csr_common/played_bg.png) 0 100% no-repeat; position:relative; padding:0 12px; }
div#listenPlayed.home { float:left; }
div#listenPlayed h2 { height:67px; }
div#listenPlayed h2 a { display:block; position:absolute; left:0; top:-5px; width:300px; height:60px; background:url(/csr_common/listenlive.png) 0 0 no-repeat; text-indent:-9999px; }
div#listenPlayed ul { margin:0; list-style:none; font-size:85%; color:#fff; padding:0; }
div#listenPlayed ul li { height:30px; }
div#listenPlayed ul li em { float:left; width:40px; font-style:normal; height:30px; }
div#listenPlayed a.artist { color:#1a4079; display:block; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div#listenPlayed span.title { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div#listenPlayed ul li a.dl { display:block; width:45px; height:15px; float:right; background:url(/csr_common/played_itunes.png) 0 0 no-repeat; text-indent:-9999px; }
div#listenPlayed a.played { display:block; margin-top:5px; text-align:right; padding-right:20px; background:url(/csr_common/arrow_blue.png) 100% 2px no-repeat; font-weight:bold; color:#fff; }
div#main div#listenPlayed { margin-top:5px; margin-bottom:15px; }

div#main { overflow:hidden; clear:left; }
div#main.home { width: 675px; padding-top:30px;  }

div#mainLeft { float:left; width:120px; margin-right:15px; }

ul#socIcons { margin:0; padding:0; list-style:none; height:80px; }
ul#socIcons li { float:left; padding-left:10px; padding-bottom:10px; }
ul#socIcons li.first { padding-left:0; }
ul#socIcons img { width:32px; height:32px; }

p#contact { clear:both; font-size:85%; color:#1a4079; margin:10px 0; }

div#ss { width:120px; height:600px; }

div#mainMid { float:left; width:540px; }
div#mainMidWide { float:left; width:855px; }

/*div#mainMid a, 
div#mainMidWide a { color:#408bc8; }*/

.rectangleAd a { width:300px; height:100px; margin-bottom:20px; display:block; } 

h2#pageTitle { margin-bottom:15px; color:#1a4079; font-size:146.5%; }

div.sectionHome { padding-top:15px; }
div.sectionHome.first { padding-top:0; }
div.sectionHome h2, div.semiSectionHome h2 { height:28px; font-size:138.5%; padding:6px 0 20px 12px; }

div#leftColumn div.sectionPodsHome { overflow:hidden; }
div.sectionPodsHome div.pod { width:262px; float:left; margin-left:15px; margin-bottom:15px; }
div.sectionPodsHome div.pod.first { margin-left:0; clear:left; }
div.sectionPodsHome div.pod img { width:262px; height:170px; display:block; }
div.sectionPodsHome div.pod.first.localnews { width:160px; height:110px; }
div.sectionPodsHome div.pod.first.localnews img { width:160px; height:110px; }

div.sectionPodsHome div.pod strong {  }
div.sectionPodsHome div.pod p { margin:0; font-size:85%; }

div.sectionPodsHome div.podList { width:355px; float:left; margin-left:15px; }
div.sectionPodsHome div.podList ul { margin:0; padding:0; list-style:none; }
div.sectionPodsHome div.podList ul li { margin-bottom:8px; }
div.sectionPodsHome div.podList ul li a { display:block; background:url(/csr_common/arrow_blue.png) 0 2px no-repeat; padding-left:20px; }

div.sectionHome.blue h2 { background:url(/csr_common/cbox_blue_top3.png) 0 0 no-repeat; color:#fff; }

div.section.yell h2 { background:url(/csr_common/cbox_yell_top.png) 0 0 no-repeat; color:#000; }
div.section.yell div.sectionPods, 
  div.semiSection.yell div.sectionCont { border-left:1px solid #fdb718; border-right:1px solid #fdb718; padding:14px 14px 5px 14px; }

div.semiSectionHome { width:263px; float:left; padding-bottom:10px; margin-top:15px; margin-left:14px; background:url(/csr_common/cbox_semiyell_foot.png) 0 100% no-repeat; }
div.semiSectionHome.first { margin-left:0; }
div.semiSectionHome h2 { background:url(/csr_common/cbox_semiyell_top.png) 0 0 no-repeat; color:#000; }

div.sectionHome.secPage { padding-top:10px; background:url(/csr_common/cbox_blue_top2.png) 0 0 no-repeat; }
div.sectionHome.secPage div.sectionFoot { background:url(/csr_common/cbox_blue_foot.png) 0 100% no-repeat; padding-bottom:10px; }
div.sectionHome.secPage div.sectionPods { border-left:1px solid #418cc8; border-right:1px solid #418cc8; padding:5px 14px 5px 14px; }



div.section { padding-bottom:10px; margin-top:15px; }
div.section.first { margin:0; }
div.section h2, div.semiSection h2 { height:28px; font-size:138.5%; padding:6px 0 0 12px; }

div.sectionPods { overflow:hidden; }
div.sectionPods div.pod { width:160px; float:left; margin-left:15px; margin-bottom:20px; }
div.sectionPods div.pod.first { margin-left:0; clear:left; }
div.sectionPods div.pod img { width:160px; height:110px; display:block; margin-bottom:5px; }
div.sectionPods div.pod strong {  }
div.sectionPods div.pod p { margin:0; font-size:85%; }

div.sectionPods div.podList { width:335px; float:left; margin-left:15px; }
div.sectionPods div.podList ul { margin:0; padding:0; list-style:none; }
div.sectionPods div.podList ul li { margin-bottom:8px; }
div.sectionPods div.podList ul li a { display:block; background:url(/csr_common/arrow_blue.png) 0 2px no-repeat; padding-left:20px; }

div.section.blue { background:url(/csr_common/cbox_blue_foot.png) 0 100% no-repeat; }
div.section.blue h2 { background:url(/csr_common/cbox_blue_top.png) 0 0 no-repeat; color:#fff; }
div.section.blue div.sectionPods, 
  div.semiSection.blue div.sectionCont { border-left:1px solid #418cc8; border-right:1px solid #418cc8; padding:14px 14px 5px 14px; }

div.section.yell { background:url(/csr_common/cbox_yell_foot.png) 0 100% no-repeat; }
div.section.yell h2 { background:url(/csr_common/cbox_yell_top.png) 0 0 no-repeat; color:#000; }
div.section.yell div.sectionPods, 
  div.semiSection.yell div.sectionCont { border-left:1px solid #fdb718; border-right:1px solid #fdb718; padding:14px 14px 5px 14px; }

div.semiSection { width:263px; float:left; padding-bottom:10px; margin-top:15px; margin-left:14px; background:url(/csr_common/cbox_semiyell_foot.png) 0 100% no-repeat; }
div.semiSection.first { margin-left:0; }
div.semiSection h2 { background:url(/csr_common/cbox_semiyell_top.png) 0 0 no-repeat; color:#000; }

div.section.secPage { padding-top:10px; background:url(/csr_common/cbox_blue_top2.png) 0 0 no-repeat; }
div.section.secPage div.sectionFoot { background:url(/csr_common/cbox_blue_foot.png) 0 100% no-repeat; padding-bottom:10px; }
div.section.secPage div.sectionPods { border-left:1px solid #418cc8; border-right:1px solid #418cc8; padding:5px 14px 5px 14px; }




div.clearsec { font-size:0; height:0; } 

ul.homeEvents { margin:0; padding:0; list-style:none; }
ul.homeEvents li { margin-bottom:10px; overflow:hidden; }
ul.homeEvents span.date { float:left; width:40px; height:40px; background:url(/csr_common/event_date.png) 0 0 no-repeat; margin-right:10px; }
ul.homeEvents span.month { text-align:center; color:#fff; text-transform:uppercase; font-size:77%; font-weight:bold; display:block; margin-top:3px; }
ul.homeEvents span.day { text-align:center; font-size:116%; font-weight:bold; display:block; margin-top:3px; }
ul.homeEvents a { font-weight:bold; }
ul.homeEvents p { margin:2px 0 0 0; font-size:85%; }

ul.homePhotos { margin:0; padding:0; list-style:none; }
ul.homePhotos li { margin-bottom:10px; overflow:hidden; }
ul.homePhotos img { float:left; margin-right:10px; width:40px; height:40px; }
ul.homePhotos strong { }
ul.homePhotos p { margin:2px 0 0 0; font-size:85%; }
ul.homePhotos p.date { display:none; }
div.semiSection a.more { display:block; text-align:right; padding-right:20px; background:url(/csr_common/arrow_yell.png) 100% 2px no-repeat; font-weight:bold; }

div#mainRight { float:right; width:300px; padding-bottom:20px; }
div#mpu { width:300px; height:250px; overflow:hidden; padding-bottom:20px; }
div#fbWidget { width:300px; min-height:587px; margin-top:15px; }
div#search { margin-top:15px; text-align:center; }

div#topFooter { margin-top:5px; background:url(/csr_common/footer_bg.png) 0 0 repeat-x #1a4079; color:#fff; padding:15px; font-size:93%; overflow:hidden; clear:both; }
div.footerCol { margin-left:15px; float:left; width:180px; }
div.footerCol.first { margin-left:0; }
div.footerCol h3 { color:#618dcf; font-size:146.5%; }
div.footerCol ul { margin:0; padding:0; list-style:none; }
div.footerCol ul li { margin-top:4px; }
div.footerCol p { margin:4px 0; }

div#subFooter { background-color:#082145; color:#fff; padding:15px; font-size:77%; text-align:center; }

div#topFooter a, div#subFooter a { color:#fff; }


/**
 * Nav
 */
 
div#iNav { left:20px; top:200px; position:absolute; width:970px; height:32px; }
div#iNav li { float:left; margin-right:0px; }
div#iNav li li { margin:0; }
#iNavTop { margin:0; padding:0; list-style-type:none; }

/*------- USE THIS FOR TEXT TABS -------*/
div#iNav h2 { font-size:116%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; }
div#iNav h2 a { text-decoration:none; display:block; margin:0; padding:6px 15px 7px 14px; color:#fff; background:url(/csr_common/nav_div.png) 0 0 no-repeat; }
div#iNav h2 a:hover { margin:0; _padding-bottom:0px; background-color:#1a4079; }
div#iNav li.active a { _padding-bottom:0px; background-color:#1a4079; }
div#iNav li.on h2 a { background-color:#1a4079; }
div#iNav li.first h2 a { background-image:none; }

/*------- SUB NAV -------*/
div#iNav li.active div.subNav { display:block; }
div#iNav div.subNav { display:none; position:absolute; z-index:999999; }
div#iNav div.subNav ul { list-style-type:none; margin:0; padding:0; float:left; width:140px; z-index:999999; background-color:#1a4079; padding-bottom:4px; margin-left:1px; }
div#iNav div.subNav a { display:block; margin:0; padding:4px 6px; width:128px; color:#fff; font-size:85%; text-align:left; text-decoration:none; font-weight:bold; }
div#iNav div.subNav a:hover { color:#fbca25; }
div#iNav div.subNav a:before { /*content: "+ ";*/ }


/**
 * Blog Entries
 */

.blogEntries { margin:0; padding:0; list-style:none; }
.blogEntries li { padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px; }
.blogEntries .entryName { font-size:108%; }
.blogEntries .entryDT { font-size:93%; color:#999; }


/**
 * Customizations to Global Style
 */
 
h3.secTitle { color:#000; }
h4.subTitle { background-color:#1a4079; color:#fff; }
h4.subTitle a { color:#fff; }
div.boxCont { background-color:#d9eefa; }
ul.actBtn li { background-color:#61b1e0; border-color:#61b1e0; } 
ul.actBtn li a span { color:#000; }

