/****************** OVERALL ******************/

* {
	outline:none;
}
html, body {
	height:100%;
}

body {
	background:#fff url(/i/bgr.gif) repeat-x left top;
	color:#000;
	font-family:Arial;
	font-size:13px;
	line-height:20px;
	margin:0 auto;
	text-align:center;
}


div.empty {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.hidden {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

h1,h2,h3,h4,h5,h6 {font-family: Trebuchet MS, Helvetica, "Myriad Pro"; color:#0091ce; font-weight: normal; margin:20px 0; clear: both;}
h1 {font-size:28px; margin-top: 0; line-height:30px;}
h2 {font-size:24px; line-height:26px;}
h3,h4 {font-size:16px;}

* html h2 {font-weight:bold; letter-spacing: -1px;}
* html h3 {font-weight:bold; letter-spacing: -1px;}
* html h4 {font-weight:bold; letter-spacing: -1px;}
*:first-child+html h2 {font-weight:bold; letter-spacing: -1px;}
*:first-child+html h3 {font-weight:bold; letter-spacing: -1px;}
*:first-child+html h4 {font-weight:bold; letter-spacing: -1px;}

h5,h6 {}
a {color:#139dbe; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
p {margin:10px auto;}
ul {margin:10px auto;}
ul li {}
ul li a {}
ul li a:hover {}
input.text {}
input.submit {}
input.select {}
textarea {}
a.button {}
ol {padding-left:20px;}
ol li {margin:8px 0;}

dl {}
dl dt {font-weight: bold; font-size:16px; margin:10px 0 5px; font-family: Trebuchet MS, Helvetica, "Myriad Pro";}
dl dd {margin-left:0;}

.left {float:left;}
.right {float:right;}
img.left {margin-right:10px;}
img.right {margin-left:10px;}
.last {margin-right:0;}
.blue {color:#0091CE;}
.bold {font-weight: bold;}

div#header {
	background:transparent url(/i/header.png) no-repeat right top;
	height:218px;
	position: relative;
	z-index: 10;
}

div#header div.logo-container {
	position: absolute;
	left:0;	top:15px;
	}
div#header a#logo {
	height: 102px;
	width:280px;
	display: block;
	cursor: pointer;
	}
div#header a#logo:hover {background: #333;}
div#header a#logo span {
	height: 102px;
	width:280px;
	overflow: hidden;
	display: block;
}

div#header ul#topnav {
	margin:0; padding:0;
	position: absolute;
	top:0;	right:0;
	list-style-type: none;
	}
div#header ul#topnav li {
	float:left;
	margin-right:1px;
	display: inline-block;
}
div#header ul#topnav li a {
	display:block;
	color:#ccc;
	font-size:11px;
	height:34px;
	line-height:34px;
	text-decoration: none;
	padding:0 12px 0;
	background:transparent url(/i/topnavhover.png) repeat-x;
	background-position: 0 -34px;
	}
* html div#header ul#topnav li a {display: inline-block;}
	
div#header ul#topnav li a.lang {color:#71c6db;}
div#header ul#topnav li a.active {background:transparent url(/i/topnavhover.png) repeat-x 0 0; color:#00b4ff;}

	
div#header ul#menu {
	margin:0; padding:0;
	position: absolute;
	bottom:0;	left:0;
	list-style-type: none;
	}
div#header ul#menu li {
	float:left;
	position: relative;
	margin-right:2px;
	display: inline-block;
	background:transparent url(/i/menuitem.gif) repeat-x left bottom;
}
div#header ul#menu li a {
	display:block;
	color:#fff;
	font-size:14px;
	height:50px;
	line-height:50px;
	text-decoration: none;
	padding:0 15px 0;
	background:transparent url(/i/menuhover.png) repeat-x 0 0;
	}
* html div#header ul#menu li a {display: inline-block;}

div#header ul#menu li a.active {background:transparent url(/i/menuhover.png) repeat-x 0 -50px; color:#00b4ff;}

div#header ul#menu li ul.snav {
position: absolute;
left:0; top:50px;
display: none;
z-index: 11;
margin:0;
padding:0 1px 1px;
background-color: #fff;
border:1px solid #ccc;
border-top:1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width:179px;
}
div#header ul#menu li ul.snav li {background-image:none; margin:0;}
div#header ul#menu li ul.snav li a {
color:#444;
height:34px;
z-index: 99;
line-height:34px;
width:164px;
padding:0 0 0 15px;
font-size:13px;
position: relative;
background:transparent url(/i/submenu.gif) repeat-x left top;
}
div#header ul#menu li ul.snav li a span {
background:transparent url(/i/submenu.gif) repeat-x right top;
height:34px;
width:5px;
position: absolute;
top:0;
right:0;
}

div#header ul#menu li ul.snav li a:hover {color:#008fcb; background:transparent url(/i/submenu.gif) repeat-x left bottom;}
div#header ul#menu li ul.snav li a:hover span {background:transparent url(/i/submenu.gif) repeat-x right bottom;}

div#header ul#menu li ul.snav li a.active {color:#008fcb; background:transparent url(/i/submenu.gif) repeat-x left bottom;}
div#header ul#menu li ul.snav li a.active span {background:transparent url(/i/submenu.gif) repeat-x right bottom;}

div#wrapper {
	height:auto !important;
	margin:0 auto -207px;
	min-height:100%;
	position:relative;
	text-align:left;
	width:960px;
	z-index:2;
}

div#push {
	clear:both;
	height:207px;
	position:relative;
	display:block;
}

div#footer {
	background:#000 url(/i/footerbgr.gif) repeat-x left top;
	height:207px;
	position:relative;
	margin:0 auto;
	z-index:3;
	display:block;
}
div#footerwrap {
	background:transparent url(/i/footerwrap.gif) no-repeat left bottom;
	display: block;
	width:960px;
	margin:0 auto;
	text-align: left;
	height:207px;
	color:#aaa;
	position: relative;
	}
div#footerwrap a {color:#a3a3a3; text-shadow: 3px 2px 3px #000;}
div#footerwrap a:hover {color:#fff;}

div#footerwrap ul {margin:0; padding:0;}
div#footerwrap ul.footernav {
	position: absolute;
	top:60px;
	}
div#footerwrap ul li {list-style-type: circle; color:#444;}
div#footerwrap ul li:hover {color:#999;}
div#footerwrap ul.left {	left:370px;	}
div#footerwrap ul.mid {	left:500px;	}
div#footerwrap ul.right {	left:630px;	}

div#footerwrap p {margin:0; padding:0;}
div#footerwrap p.emmis {
	position: absolute;
	top:60px;	left:0;
	background: transparent url(/i/footerlogo.gif) no-repeat left top;
	padding-left:50px;
	height:37px;
	line-height:37px;
}
div#footerwrap p.emmis a {font-weight: bold;}
div#footerwrap p.copyright {
	position: absolute;
	top:120px; 	left:0;
	font-size:12px;
	line-height: 18px;
}
div#footerwrap p.radios {
	position: absolute;
	top:60px; 	left:230px;
	width: 91px;
	height: 96px;
	display: block;
}
div#footerwrap p.radios a {
	height:30px;
	width:91px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 2px;
	}
div#footerwrap p.radios a.starfm {background-image: url(/i/fl-starfm.png);}
div#footerwrap p.radios a.fresh {background-image: url(/i/fl-fresh.png);}
div#footerwrap p.radios a.fmplus {background-image: url(/i/fl-fmplus.png);}

div#footerwrap p.radios a:hover {background-position: left bottom;}	
	
div#footerwrap p.author {
	position: absolute;
	top:60px; right:0;
	font-size:12px;
	}
div#footerwrap p.author a {
	width:84px;
	height:20px;
	background: transparent url(/i/ivuworks.gif) no-repeat left top;
	display: block;
	margin-top:5px;
	}
div#footerwrap p.author a:hover {background-position: left bottom;}
	
div#content {
	padding-top:30px;
	position: relative;
	z-index: 3;
	}

div#left {
	float:left;
	position: relative;
	z-index: 4;
	width: 690px;
	}
div#left div.radio {
	width:190px;
	height:280px;
	float:left;
	color:#444;
	padding:15px;
	margin-right:10px;
	display: block;
	background: transparent url(/i/radio.gif) repeat-x 0 0;
	}
div#left div.radio a.image {
	display: block;
	height:110px;
	width: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	}
div#left div.radio a.image:hover {text-decoration: none;}
div#left div.radiodocs a.image:hover {text-decoration: none;}

div#left div.radio p {font-size:12px; margin:10px 0;}

div#left div.radio h3 {margin:10px 0 0;}
div#left div.starfm h3 a {color:#772284; font-family: Arial;}
div#left div.fmplus h3 a {color:#ED1C24; font-family: Arial;}
div#left div.fresh h3 a {color:#2E3192; font-family: Arial;}

div#left a.more {font-size:12px;}
div#left div.starfm a.image {background-image: url(/i/radio-starfm.png);}
div#left div.fmplus a.image {background-image: url(/i/radio-fmplus.png);}
div#left div.fresh a.image {background-image: url(/i/radio-fresh.png);}

div#left div.last {margin-right:0;}

div#left div.radiodocs {
	width:180px;
	height:280px;
	float:left;
	color:#444;
	padding:0px;
	margin-right:5px;
	display: block;
	background: transparent url(/i/radio.gif) repeat-x 0 0;
	}
div#left div.radiodocs a.image {
	display: block;
	height:110px;
	width: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	}
div#left div.radiodocs p {font-size:12px;}

div#left div.radiodocs h3 {margin:10px 0 5px;}
div#left div.starfm h3 a {color:#772284; font-family: Arial;}
div#left div.fmplus h3 a {color:#ED1C24; font-family: Arial;}
div#left div.fresh h3 a {color:#2E3192; font-family: Arial;}
div#left div.emmis h3 a {color:#0080C5; font-family: Arial;}

div#left a.more {font-size:12px;}
div#left div.starfm a.image {background-image: url(/i/radio-starfm.png);}
div#left div.fmplus a.image {background-image: url(/i/radio-fmplus.png);}
div#left div.fresh a.image {background-image: url(/i/radio-fresh.png);}
div#left div.emmis a.image {background-image: url(/i/emmis.png);}
div#left div.emmis {width:130px;}
div#left div.fresh {padding-left:20px; width:160px;}

* html div#left div.fresh {width:190px;}
* html div#left div.fresh p {width:180px;}
* html div#left div.freshfix {width:160px;}

*:first-child+html div#left div.fresh {width:190px;}
*:first-child+html div#left div.fresh p {width:180px;}
*:first-child+html div#left div.freshfix {width:160px;}

div#left div.last {margin-right:0;}

div#left div.office{

	display: block;
	width:225px;
	float:left;
	color:#444;
	padding:0px;
	margin-right:5px;
	margin-bottom: 15px;
	
}

a.button {
	display: inline-block;
	height:22px;
	line-height:22px;
	margin:0;
	font-size:12px;
	padding:0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	color:#e0f2f6;
	background: transparent url(/i/button.gif) repeat-x left top;
	}	

a.button:hover {
	text-decoration: none;
	color: #fff;
	background-position: left bottom;
	}

	
div#right {
	float:right;
	width:230px;
	padding-left:20px;
	background:transparent url(/i/right.gif) repeat-y left top;
	}
div#right h3 {color:#000; margin:20px 0 0;}
div#right p {font-size:12px;}


/* ############################ */

div.news {margin-bottom:30px;}
div.news p {margin:0;}
span.news-date {font-size:11px; color:#139DBE; white-space: nowrap; position: absolute; bottom:0; right:0; font-family: Arial; padding: 2px 5px; border:1px solid #B2D9EA;
line-height:18px; border-bottom: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.news-heading {margin:0; border-bottom: 1px solid #B2D9EA; padding-bottom:5px; margin-bottom:5px; line-height: 22px; position: relative; padding-right:70px;}

a.back {white-space: nowrap;}

a.active{
	text-decoration: none;
	color: #fff;
	background-position: left bottom;
}

div#coveragemaps img{
		position: absolute;
		top: 0;
		left: 0;
}
a.maplink {margin-right:10px; margin-bottom: 10px;}
a#emmis {margin-left:100px;}

div#preloading {
	position: absolute;
	top:-5555px;
	left:-5555px;
	display: block;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
}

/* PAGINATON */

div#pagination {
	float:left;
	margin-bottom:10px;
}

dl#page_nav {
	clear:both;
	display:block;
	font-size:11px;
	height:20px;
	margin:5px 0;
}
* html dl#page_nav {float:right;}

dl#page_nav dt {
	color:#AAAAAA;
	display:inline-block;
	float:left;
	line-height:20px;
	margin:0;
	padding:0 10px 0 0;
	width:50px;
}
dl#page_nav dd {
	display:block;
	float:left;
	font-family:Arial,sans-serif;
	font-size:12px;
	margin:0;
	padding:0 3px 0 0;
}
dl#page_nav dd a.active {
	color:#111111;
	font-weight:bold;
}
dl#page_nav dd a:hover {
	color:#111111;
}
dl#page_nav dd a.unactive {
	background-color:transparent;
	background-image:none;
	border:medium none;
}
dl#page_nav dd a {
-moz-border-radius:5px;
background-color:#fff;
border:1px solid #B2D9EA;
color:#139DBE;
display:block;
float:left;
font-size:12px;
height:20px;
line-height:20px;
text-align:center;
text-decoration:none;
padding:0 8px;
}