html { margin:0; padding:0; }
body { margin:0; padding:0; color:#191919; background:#62217F url("background.gif") right bottom no-repeat; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block { display:block!important; }
object, embed { display:block; }
form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #D4B3E3; height:0; }
p { padding:0; margin:0 0 16px 0; }
.f_left { float:left; width:200px; }
.f_right { float:right; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1,
h2 { color:#62217F; font-size:1.37em; margin-top:0; }
h3 { color:#62217F; font-size:1.2em; margin-top:0; }
h4 { color:#62217F; font-size:1.1em; }
h5 { color:#62217F; font-size:1.0em; }
h6 { color:#62217F; font-size:0.9em; }

a,
a:visited { color:#62217F; text-decoration:underline; }
a:hover { color:#8240A0; text-decoration:underline; }
a:active { color:#4E1B66; text-decoration:underline; }

a.sidebar_more,
a.sidebar_more:visited { color:#000!important; text-decoration:underline!important; font-size:0.83em; }
a.sidebar_more:hover { color:#000!important; text-decoration:underline!important; }
a.sidebar_more:active { color:#000!important; text-decoration:underline!important; }

.clear { clear:both; height:0; overflow:hidden; }
.spacer { clear:both; height:16px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.panel_home_left { width:24%; min-width:70px; float:left; }
.panel_home_right { width:73%; float:right; }
.panel_home_right a,
.panel_home_right a:visited { text-decoration:none; }
.panel_home_right a:hover { text-decoration:underline; }
.panel_home_right a:active { text-decoration:underline; }
.panel_home_right h3 { margin-bottom:2px; }
.panel_home_left p,
.panel_home_right p { margin:0 0 10px 0; }

.protection { unicode-bidi:bidi-override; direction:rtl; }  
.icon { vertical-align:middle; }


/* ----------------------
   Interface CSS
---------------------- */

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

#title { display:none; }
#flash_header { width:920px; height:324px; }
#flash_header p { margin:0; padding:0; }

#nav { width:920px; height:31px; background:url("nav_background.gif") left top no-repeat; margin-bottom:10px; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav ul li { float:left; position:relative; height:31px; display:block; }
#nav ul li.alt { float:right; }
#nav ul li a,
#nav ul li a:visited { color:#FFFFFF; text-decoration:underline; background-position:left top; height:31px; display:block; }
#nav ul li a:hover { color:#E8C5F9; text-decoration:underline; background-position:left center; }
#nav ul li a:active,
#nav ul li.active a { color:#62217F; text-decoration:underline; background-position:left bottom; }
#nav ul li a span { display:none; }
#nav ul li p { margin:0; }

/* Second Level */
#nav ul li ul { width:150px; background-color:#333333; display:none; position:absolute; left:0; top:31px; -moz-opacity:.95; opacity:.95; padding:0; z-index:200; }
#nav ul li ul li { float:none; width:150px; border-bottom:1px solid #9C9C9C; height:auto; font-weight:bold; }
#nav ul li ul li a,
#nav ul li ul li a:visited { background-image:none; padding:3px 10px 3px 10px; display:inline-block; height:auto; width:130px; text-decoration:none; }
#nav ul li ul li a:hover { background-image:none; }

/* Hover Init */
#nav ul li>ul { left:0; top:31px; }
#nav ul li:hover ul,
#nav ul li.over ul { display:block; }

#nav_home a { width:39px; background:url("nav_home.gif") left top no-repeat; margin-left:9px; }

#nav_your a { width:68px; background:url("nav_your.gif") left top no-repeat; margin-left:9px; }
#nav_your_station a { width:58px; background:url("nav_your_station.gif") left top no-repeat; }
#nav_your_news a { width:48px; background:url("nav_your_news.gif") left top no-repeat; }
#nav_your_sport a { width:49px; background:url("nav_your_sport.gif") left top no-repeat; }
#nav_your_choice a { width:57px; background:url("nav_your_choice.gif") left top no-repeat; }
#nav_your_events a { width:57px; background:url("nav_your_events.gif") left top no-repeat; }
#nav_your_lives a { width:48px; background:url("nav_your_lives.gif") left top no-repeat; }
#nav_your_adverts a { width:71px; background:url("nav_your_adverts.gif") left top no-repeat; }

#nav_our a { width:53px; background:url("nav_our.gif") left top no-repeat; margin-left:12px; }
#nav_our_volunteers a { width:81px; background:url("nav_our_volunteers.gif") left top no-repeat; }
#nav_our_presenters a { width:81px; background:url("nav_our_presenters.gif") left top no-repeat; }
#nav_our_contacts a { width:78px; background:url("nav_our_contacts.gif") left top no-repeat; }

#nav_search { margin-left:12px; background:url("nav_search.gif") left top no-repeat; width:150px; }
#nav_search input { border:0px; background-color:transparent; width:80px; margin-top:9px; _margin-top:6px; }

#article { width:672px; float:left; background:#FFF url("article_background.gif") left top repeat-y; margin-bottom:60px; }
#article_content { width:672px; background:url("article_header.gif") left top no-repeat; overflow:hidden; }
#article_padding { padding:30px 30px 14px 30px; }
#article_footer { width:672px; padding-top:61px; min-height:16px; background:#62217F url("article_footer.gif") left top no-repeat; }

#your-era h3 span, #your-era a span{display:none;}
#your-era h3{width:88px; height:24px; background:url(your-era.gif) no-repeat;}
#your-era a{display:block; width:44px; height:21px; background:url(your-years.gif) no-repeat; float:left; margin-bottom:3px;}
#your-era a#your-1960s{}
#your-era a#your-1970s{background-position:-44px 0px;}
#your-era a#your-1980s{background-position:-88px 0px;}
#your-era a#your-1990s{background-position:-132px 0px;}
#your-era a#your-2000s{background-position:-176px 0px;}
#your-era .panel_padding{padding:12px 0px 4px 15px;}

/* Anti-Square Div's */
.flow_one { clear:left; float:left; width:80px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }
.flow_two { clear:left; float:left; width:50px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }
.flow_thr { clear:left; float:left; width:30px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }
.flow_fou { clear:left; float:left; width:16px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }
.flow_fiv { clear:left; float:left; width:8px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }
.flow_six { clear:left; float:left; width:2px; height:16px; overflow:hidden; /*border-right:1px solid #62217F;*/ }

#sidebar { width:238px; float:right; margin-bottom:60px; }
#sidebar_padding { padding:0 0 1px 0; }
#sidebar_padding p { padding:0; margin:0 0 10px 0; }
#sidebar_padding h1,
#sidebar_padding h2,
#sidebar_padding h3,
#sidebar_padding h4,
#sidebar_padding h5,
#sidebar_padding h6 { color:#FFFFFF; margin-bottom:5px; }

.panel_padding { padding:12px 15px 4px 15px; color:#FFFFFF; font-weight:bold; }
.panel_padding a,
.panel_padding a:visited { color:#FFFFFF; text-decoration:none; }
.panel_padding a:hover { color:#FFFFFF; text-decoration:underline; }
.panel_padding a:active { color:#FFFFFF; text-decoration:underline; }
.panel_top { width:238px; background:url("panel_top.gif") left top no-repeat; margin-bottom:10px; }
.panel_middle { background-color:#8240A0; margin-bottom:10px; }
.panel_ourweather { width:238px; height:56px; background:url("panel_ourweather.gif") left top no-repeat; overflow:hidden; display:block; }
.panel_ourweather span { display:none; }
.panel_bottom { width:238px; background:url("panel_bottom.gif") left bottom no-repeat; }

#footer { width:672px; padding-top:9px; background:#62217F; color:#FFF; font-weight:bold; font-size:0.93em; }
#footer a,
#footer a:visited { color:#FFF; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }
#footer_left { float:left; }
#footer_right { float:right; text-align:right; }


/* ----------------------
   Content CSS
---------------------- */

#googleMap { border:2px solid #000000; margin-bottom:16px; }

.table-clear { margin-bottom:12px; width:100%; border-collapse:collapse; }
.table-clear .row-clear th { padding-bottom:1px; padding-top:3px; text-align:left; vertical-align:top; width:60%; }
.table-clear .row-clear td { border:0; padding-bottom:1px; padding-top:3px; text-align:left; vertical-align:top; width:40%; }

.title_communitynews { text-indent:-9000px; width:208px; height:21px; background:url("title_communitynews.gif") left top no-repeat; }
.title_yourchoice { text-indent:-9000px; width:150px; height:21px; background:url("title_yourchoice.gif") left top no-repeat; }
.title_yourprogrammes { text-indent:-9000px; width:186px; height:16px; background:url("title_yourprogrammes.gif") left top no-repeat; }
.title_listenonline { text-indent:-9000px; width:186px; height:24px; background:url("title_listenonline.gif") left top no-repeat; }
.title_share { text-indent:-9000px; width:186px; height:24px; background:url("title_share.gif") left top no-repeat; }
.title_yourmusic { text-indent:-9000px; width:142px; height:46px; background:url("title_yourmusic.gif") left top no-repeat; }

.title_signup { text-indent:-9000px; width:186px; height:24px; background:url("title_signup.gif") left top no-repeat; }
.title_ourlinks { text-indent:-9000px; width:92px; height:17px; background:url("title_ourlinks.gif") left top no-repeat; }

.ul-minimal { list-style:none; margin:0 0 10px 10px; padding:0; font-size:0.83em; }
.ul-minimal li { margin-bottom:2px; }

.panel_field { margin:0; padding:0; vertical-align:middle; width:163px; }
.panel_select { margin:0; padding:0; vertical-align:middle; width:169px; }
.panel_button { margin:0; padding:0; vertical-align:middle; margin-top:1px; }

.home_panel { width:204px; height:190px; overflow:hidden; float:left; }
.home_panel h2 { text-indent:-9000px; height:0; overflow:hidden; margin:0; }
.home_panel p { margin:0; line-height:1.13em; }
.home_panel a,
.home_panel a:visited { color:#000; text-decoration:none; display:block; padding:138px 14px 1px 14px; }
.home_panel a:hover { color:#8240A0; text-decoration:underline; }
.home_panel a:active { color:#4E1B66; text-decoration:underline; }

#home_ourlatestfeatures {  background:url("../images/home_ourlatestfeatures.jpg") left top no-repeat; }
#home_presenters { background:url("../images/home_presenters.jpg") left top no-repeat; }
#home_local_community {  background:url("../images/home_local_community.jpg") left top no-repeat; }

.local_photo {border:2px solid #62217F; float:left; margin:4px 4px 4px 0;}

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#8240A0; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* Standard Background */
/* width:px; height:px; background:url("") left top no-repeat; overflow:hidden; display:block; */