@charset "UTF-8";
/* CSS Document */

/* Reset browser styles */
* { margin: 0;  padding: 0; }
div {margin: 0; padding: 0; }
div#contactform {float:left; color:#003066; background-position:top;}
.formfields {float:right; background-position:top;}
/* Common for all pages */
body { font-size: small; font-family: Arial, Helvetica, sans-serif; background-color:#003066; }
h1, h2, h3, h4, h5 { color: #003066; }
h5 { font-size:14px; font-weight:bolder; }
h5:hover {text-decoration: none;}
h1{ font-size:24px;}
h3{ font-size:16px;}
h4 {font-size:14px;}
ol { font-family:Arial; font-size:14px; list-style-type:decimal; padding-left:15px; color:#003066;}
p { font-family:Arial; font-size:13px; color:#003066; margin-bottom:1.25em;}
ul.recentshows li { list-style:circle; list-style-position:inside; font-family:Arial; font-size:13px; color:#003066;}
a {text-decoration: none; color: #003066; }
a:hover { text-decoration: underline; }
.clear { clear: both; margin: 0;  padding: 0; }
.hide { visibility: hidden; display: none; }
.behindscenes3 { font-size:11px; font-weight:bold; color:#003066;}
.watchvideo {font-size:11px; font-weight:bold; color:#006aca}
.recentshows {float:left; margin:0 10px 0 0; color:white; font-size:17px; width:143px; height:73px; background: url(../images/twocolor.gif);}
.recentshows:hover {float:left; text-decoration:none; margin:0 10px 0 0; color:#092042; width:143px; height:73px; background: url(../images/twocolor.gif) left -73px no-repeat;}
.recentshows a:hover {text-decoration:none;}
.recentshows a {text-decoration:none;}
.landing a {text-decoration:underline; color:#4d7ab3;}
.landing a:hover {color:#153b70;}
div#itunesicon {float:left; margin-left:26px; margin-right:5px; width:30px; height:30px; background:url(../images/itunes.png);}
div#rssicon {float:left; margin-top:15px; margin-left:16px; margin-right:0; width:30px; height:30px; background:url(../images/rss.png);}
.downloadsubscribe{ float:left; margin:15px 3px; text-decoration:none;}
div#downloadicon{float:left; margin-left:16px; margin-right:5px; width:30px; height:30px; background:url(../images/download.png);}
div#listenicon {float:left; margin-left:9px; margin-right:2px; width:30px; height:30px; background:url(../images/listen.png);}

#yearinreview  {float:left; width:302px; height:52px; background: url(../images/yearinreview.png) left -52px no-repeat;}
#yearinreview:hover {background: url(../images/yearinreview.png) 0 0 no-repeat;}

div#askadam {width:275px; height:69px; background: url(../images/askadam.jpg) left -69px no-repeat;}
div#askadam:hover {background: url(../images/askadam.jpg) 0 0 no-repeat;} 

div#adamlistens {float:left; margin-left:10px; margin-top:10px; width:150px; height:200px; background:url(../images/adamlistens.jpg)  no-repeat;}
div#adamlistens:hover {float:left; margin-left:10px; margin-top:10px; width:150px; height:200px; background:url(../images/adamlistens.jpg) left -200px no-repeat;}
div#validation{float:left;}
div#podcastpage { margin:0; width:470px; height:321px; background: url(../images/header.png) no-repeat;}
#HeaderWrap { width: 100%; background: url(../images/headerback.jpg) repeat-x; color:#003066; }
#Header { width: 1020px; height: 200px; margin: 0 auto; background: url(../images/header.jpg) right bottom no-repeat; }
#headerlogo {float:left; position:absolute; width:364px; height:144px; background-image:url(../images/headerlogo.gif)}
#HeaderRightTop { float: left; width:100%; }
#OnAir{ float:right; width:83px; height:98px; margin-top:17px; margin-right:18px; background: url(../images/onair.gif);}
#OnAirLive{ float:right; width:83px; height:123px; margin-top:17px; margin-right:18px; background: url(../images/onairlive.gif);}
#OnAirLive:hover{ float:right; width:83px; height:123px; margin-top:20px;  background: url(../images/onairlive_over.gif)}
#HeaderTopNavTabs { float:left; display: block; height: 49px; overflow: hidden; margin-left:70px; margin-top:150px;}
#HeaderTopNavTabs ul { list-style: none; margin: 0; padding: 0; }
#HeaderTopNavTabs ul li { display: inline; float: left; margin: 0 0px 0 0; padding: 0; }
#HeaderTopNavTabs ul li a { display: inline; float: left; margin: 0 0px 0 0; padding:3px 0 0 0; }
.HomeNavTabsLink { font-size: 12px; display: block; width:120px; height: 49px; background: url(../images/navtab.gif) left -49px no-repeat; color: #fff; }
.HomeNavTabsLink:hover { background: url(../images/navtab.gif) 0  0 no-repeat; text-decoration: none; color:#092042; }
.ActiveTab .HomeNavTabsLink { background: url(../images/navtab.gif) 0 0 no-repeat; text-decoration: none; }

.gallery {float:left; border:0 margin-top:20px;}
.gallery img { position:relative; margin:20px; border:0; }


#MiddleWrap { height: 100%; width: 100%; border-top: 5px solid #006cce; border-bottom: 2px solid #656f80; background: url(../images/middleback.jpg) 0 0 repeat-x #a2a4aa; }
.Middle { height:100%; width: 960px; margin: 0 auto; padding: 15px 0 0 0; }
.MiddleInternal { width: 740px; margin: 0 auto; padding: 15px 0 0px 0; }

/* Home */
/* Home - Main Content Area Blue Box */
/*.BlueBoxHome { display: block; width: 965px; float: left; background: url(../images/BlueCorners_HomeTop.gif) top left no-repeat; margin-bottom: 10px; }*/

.BlueBoxBorder{ width:648px; background-color:#153b70;}
.BlueBoxMiddle{ width:648px; float:left; background-color:#fdfcf6; border:#153b70 solid 10px; }
.BlueBoxMiddleInternal{ width:740px; float:left; background-color:#fdfcf6; border:#153b70 solid 10px; }

/*.BlueBoxHomeBottom { display: block; width: 948px; background: url(../images/BlueCorners_HomeBottom.gif) bottom left no-repeat; margin: 0; padding: 10px; }*/
#behindscenes { float:left; vertical-align:bottom; width:36px; height:37px; background: url(../images/behindscenes_over.jpg) no-repeat;}
#behindscenes:hover { float:left; height:37px; background: url(../images/behindscenes.jpg) no-repeat;}
#behindscenes2 { float:left; margin-left:10px;}

#mainbottom { float:left; width:640px; height:31px; margin-top:8px; margin-bottom:0; background: url(../images/mainmiddlebottom.jpg) repeat-x; text-align:center; color:White;}

/*****/
#leftside {float:left;}
#topbar {width:660px; height:10px; margin:0 0 0 0; background:url(../images/leftsidetop.jpg) no-repeat;}
#topbarsmall {width:425px; height:10px; margin:0 0 0 0; background:url(../images/leftsidetopsmall.jpg) no-repeat;}

.backgroundsideleft{width:660px; height:100%; margin:0 0 0 0; background:url(../images/middlebackwide.jpg) no-repeat #003066; }
.backgroundsideleftsmall{width:425px; height:100%; margin:0 0 0 0; background:url(../images/middlebackwide.jpg) no-repeat #003066; }

.backgroundsideright{height:auto; width:291px; background:url(../images/middlebacknarrow.jpg) no-repeat #003066;}

#middlebackground{width:640px; min-height:318px; height:100%; margin: 0 auto; background-color:#fdfcf6;}
#middlebackgroundsmall{width:400px; min-height:300px; height:100%; margin: 0 auto; background-color:#fdfcf6;}

#mainpage{float: left; height:100%; width: 300px; min-height:272px; padding: 5px 5px 0 10px; }
#bottombar{width:660px;height:11px; margin:0 0 0 0; background:url(../images/leftsidebottom.jpg) no-repeat;}
#bottombarsmall{width:425px;height:11px; margin:0 0 0 0; background:url(../images/leftsidebottomsmall.jpg) no-repeat;}

#demo_gallery_1 {width:296px; height:268px; border:0; padding:0; margin-bottom:5px; margin-right:5px; background:url(../images/collage.jpg) no-repeat;}


#rightside{width:200px; vertical-align:top; float:left; margin-left:8px;}
#righttop{ width:291px; height:10px; background:url(../images/righttop.jpg) no-repeat;}
#rightbackground{ width:270px; margin:0 auto; background-color:#fdfcf6;}
#rightbottom{width:291px; height:12px; background:url(../images/rightbottom.jpg) no-repeat;}
#iec{ background:url(../images/iecheader.jpg) no-repeat; }
#iec ul { list-style-image:url(../images/arrow.jpg); padding-left:10px; padding-bottom:5px; list-style-position:inside; font-family:Arial; font-weight:bold; color:#092042;}
#tmfs {height:80px; background:url(../images/tmfs.jpg) no-repeat; margin: 8px 0 0 9px;}
#tmfs:hover {height:80px; background:url(../images/tmfs_on.jpg) no-repeat; margin: 8px 0 0 9px;}
#book {height:80px; ?ackground:url(../images/book.jpg) no-repeat; margin: 8px 0 0 9px;}
#book:hover {height:80px; background:url(../images/book_on.jpg) no-repeat; margin: 8px 0 0 9px;}
#podcastbutton {height:84px; background:url(../images/podcastbutton.jpg) no-repeat; margin: 8px 0 0 9px;}
#podcastbutton:hover {height:84px; background:url(../images/podcastbutton.jpg) no-repeat left -84px; margin: 8px 0 0 9px;}

.IECsubheading {font-size: smaller; font-weight:bold; text-decoration:none;}
.IECsubheading:hover {text-decoration:none;}
/* Home - Right Column */ 
.RightPods { width: 290px; float: right;  }
.BlueBoxHomeBottomRight { display: block; width: 270px; background: url(../images/BlueCorners_HomeBottom.gif) bottom right no-repeat; margin: 0; padding: 10px 10px 8px 10px; }

.smallspacer { height:5px;}
.spacer { height:10px;}
#Scroll { width:965px; height:27px; margin: 0 auto; background-color:#fdfcf6; border:1px solid #30558e;  text-align:center;}
.inner { margin: 0 auto; background: #fdfcf6; border:0; width:950px; text-align:center; }
.outer { margin: 0 auto; width:965px; background: #30558e; padding:2px; }

/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */ background: #fff; width: 955px; height: 24px; margin: 0; padding: 0 overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; margin: 0 5px 3px 0; left: 10px; top: 5px; width: 955px; overflow: hidden; }
ul.newsticker { /* that's your list */ position: relative; left: 750px; height:14px; color: #003066;font-weight: bold; font-size:14px; font-family: Arial; list-style-type: none; margin:  0 0 3px 0; padding:0 0 3px 0; }
ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; background: #fff;}
ul.newsticker a {white-space: nowrap;padding: 0;color: #003066;font-weight: bold; font-size:14px; font-family: Arial;margin: 0 50px 0 0;} 
ul.newsticker span {margin: 0 8px 3px 0;} 


#FooterWrap { width: 100%; background: #003066; }
#Footer { width: 100%; height: 27px; margin: 0 auto; background: url(../images/footerbar.jpg) 0 0 repeat-x; color: #fff; padding-top: 8px; padding-bottom: 8px; font-size: 11px; text-align: center; }
#Footer span { color: #194483; font-weight: bold; }
#Footer a { color: #eceae1; text-decoration: none; padding: 0 6px 6px 6px; }
#Footer a:hover { text-decoration: underline; color: #fff; }
.FooterLegal { width: 100%; height:49px;  font-size: 10px; background: url(../images/footerlegal.jpg) center no-repeat; padding-top:12px;}
.FooterLegal p { font-weight: normal; color: #4d7ab3; margin-top: 9px; line-height: 15px; }




#backgroundPopup { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:384px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:5; padding:12px; font-size:13px; }
#popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px;}
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block;}

#backgroundPopupOnAir { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
#popupOnAir{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:200px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:5; padding:12px; font-size:13px; }
#popupOnAir h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px;}
#popupOnAirClose{ font-size?14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block;}

ul.marquee { /* required styles */	display: block;	padding: 0;	list-style: none;	line-height: 1;	position: relative;	overflow: hidden;	/* optional styles for appearance */ text-align:center;	width: 950px;	height: 22px; /* height should be included to reserve visual space for the marquee */	background-color: #fff;	}
ul.marquee li {	/* required styles */ position: absolute;	top: -999em; margin:0 auto;	display: block;	white-space: nowrap; /* keep all text on a single line */	/* optional styles for appearance */text-align:center; width:950px;	font: 14px Arial, Helvetica, sans-serif;	padding:5px 5px;}
ul.marquee span { text-align:center;}