body { margin: 0; padding: 0; text-align: center; background: url(../images/grid.gif) top left repeat; font: 12px/15px Arial, Helvetica, sans-serif; }
/*body { margin: 0; padding: 0; text-align: center; background: url(../images/grid.gif) top left repeat; font: 12px/15px Arial, Helvetica, sans-serif; }*/
a img { border: none; }
#page { display: block; width: 100%; height: 108px; background: url(../images/top.png) top left repeat-x; }
#wrap { display: block; width: 1009px; margin: 0 auto; text-align: left; }
#top { display: block; width: 1009px; height: 90px; float: left; position: relative; z-index: 300; }
#av { float: left; display:inline; width: 176px; height: 57px; text-indent: -999em; background: url(../images/logo.jpg) top left no-repeat; margin: 23px 15px 0 9px; }

#nav { display:block; width: 370px; height: 90px; background: url(../images/nav/bg.png) top left no-repeat; float: left; margin: 0; padding: 0 2px; }
#nav li { float: left; list-style: none; background: url(../images/nav/off.png) top left repeat-x; }
#nav li.on, #nav li.ov { background-image: url(../images/nav/on.png); }
#nav li a { float: left; width: 68px; height: 90px; background: url(../images/nav/film.png) no-repeat 0 59px; text-indent: -999em; }
#nav li a:hover, #nav li.on a { background-position: -68px 59px; }
#nav li#n1 a { background-image: url(../images/nav/art.png); }
#nav li#n3 a { width: 139px; background-image: url(../images/nav/lifestyle.png); }
#nav li#n3 a:hover, #nav li#n3.on a { background-position: -139px 59px; }
#nav li#n4 a { width: 95px; background-image: url(../images/nav/music.png); }
#nav li#n4 a:hover, #nav li#n4.on a { background-position: -95px 59px; }

#search { float: left; display:inline; width: 205px; height: 29px; background: url(../images/search.jpg) top left no-repeat; margin: 57px 10px 0 9px; }
#top .line { float: left; display:inline; width: 3px; height: 90px; background: url(../images/hline.gif) top left no-repeat; }
#player { display: block; width: 199px; height: 415px; position: absolute; top: 36px; right: 0; z-index: 200; }
#player.on { z-index: 300; }

#related { z-index: 190; position: relative;}

#left { float: left; display: inline; width: 193px; padding-bottom: 10px }
#logo { float: left; display: inline; width: 181px; height: 164px; background: url(../images/logotab.png) top left no-repeat; padding: 0 6px 5px; position: relative; }
#logo .fx { display: block; width: 181px; height: 164px; background: url(../images/top.png) repeat-x 0px -90px; position: absolute; top: 0; left: 6px; }
#rp { float: left; display: inline; width: 193px; margin: 10px 0; background: none; }
#rp .hdr { display: block; width: 193px; height: 31px; text-indent: -999em; background:url(../images/related/hdr3.png) top right no-repeat; }
#rp a { float: left; display: inline; width: 183px; height: 17px; background: url(../images/related/tab1.png) top left no-repeat; text-decoration: none; text-transform: uppercase; color: #999; padding: 5px 0 0 10px; position: relative; }
#rp a img { display: none; }
#rp a.first { background-image: url(../images/related/tab1f.png); }
#rp a.two { background-image: url(../images/related/tab2.png); }
#rp a.last { background-image: url(../images/related/tab1e.png); padding: 4px 0 7px 10px; }
#rp a.two.last { background-image: url(../images/related/tab2e.png); }
#rp a:hover, #rp a.on { color: #fff; }
#rp a.on { background-image: url(../images/related/tab1o.png); padding: 0 0 2px 10px; height: auto; }
#rp a.on img { display: block; float: left; margin: 0 0 10px; }
#rp a.last.on, #rp a.two.last.on { background-image: url(../images/related/tabeo.png); padding-bottom: 8px; }
#rp span { display: none; }
#rp a.on span { position: absolute; top: 0; left: 10px; display: block; width: 171px; height: 6px; background: url(../images/related/fix.png) top left no-repeat; }

#events { float: left; display: inline; }

#main { float: left; display: inline; width: 790px; background: url(../images/mainrep.png) repeat-y 0 0; position: relative; margin: 53px 0 20px 15px; padding: 0 4px 0 7px; }
* html #main { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mainrep.png",sizingMethod='scale'); margin-left: 0; overflow: visible; }
#tabs { float: left; display: inline; position: absolute; top: -38px; width: 795px; height: 38px; padding: 0 0 0 6px; left: 0; margin: 0; list-style: none; background: url(../images/tabs.png) no-repeat 0 0; z-index:150; }
#tabs.beforemain { position: relative; top: 0; margin: 15px 0 0 15px; display: inline; }
#main.aftertabs { margin-top: 0; }
* html #tabs { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/tabs.png",sizingMethod='scale'); }
#tabs.notabs { top: -10px; height: 10px; background-image: url(../images/notabs.png); }
#tabs li { float: left; }
#tabs.notabs li { display: none }
#tabs li a { float: left; display: inline; width: 91px; height: 21px; background: url(../images/tab.png) bottom left no-repeat; text-align: center; color: #262626; text-transform: uppercase; text-decoration: none; padding-top: 13px; font-weight: bold; }
#tabs li.last a { width: 93px; background-image: url(../images/tablast.png);}
#tabs li a:hover, #tabs li.on a { background-position: 0 0; color: #fff; }
#main #title { display: block; margin: 20px 0 12px 10px; }
#main #title.txt { margin: 16px 0 8px 10px; color: #fff; text-transform:uppercase; font-size: 35px; line-height: 35px; }
#main #content { float: left; display: inline; width: 548px; margin: 0 15px 0 10px; padding-bottom: 10px; }
#main #content .hr { float: left; display: inline; width: 547px; height: 3px; font-size: 0; line-height: 0; background: url(../images/line.gif) top left no-repeat; margin: 0 0 15px; }
#main #relatedPlaceholder { float: left; width: 206px; height:994px; position: relative; z-index: 180; }
#whatshot { float: left; display: inline; margin: 0 0 15px; width: 546px; height: 220px; }

#more, #more a { color: #fff; }
#more h2, #more p { float: left; display: inline; width: 546px; }
#more h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 12px 0 0;  }
#more p { font-size: 12px; line-height: 120%; margin: 15px 0 0; }

#more .hdr { float: left; margin: 0 0 12px; padding-top: 31px; background: url(../images/episodes.gif) top left no-repeat; }
#more span { display: block; float: left; }
#more span.title { width: 181px; }
#more span.runtime { width: 121px; }
#more span.release { width: 128px; }
#more span.rating { width: 70px; }
#more .hdr span { height: 14px; text-indent: -999em; background: url(../images/vtitle.gif) top left no-repeat; }
#more .hdr span.runtime { background-image: url(../images/vruntime.gif); }
#more .hdr span.release { background-image: url(../images/vrelease.gif); }
#more .hdr span.rating { background-image: url(../images/vrating.gif); }
#more ul { float: left; list-style: none; margin: 0; padding: 0; }
#more ul, #more ul a { text-decoration: none; text-transform: uppercase; }
#more ul.videos { font-size: 14px; line-height: 17px; }
#more ul.images { font-size: 12px; line-height: 16px; font-weight: bold; }
#more ul.images a { color: #ccc; }
#more ul.images a span { display: inline; font-size:9px; float: none; }
#more ul.images li div, #more ul.text li div { display: none; }
#more ul.images li.on div, #more ul.text li.on div { display: block; float: left; margin: 7px 0; }
#more li { float: left; width: 500px; }
#more li a { padding-left: 20px; background: url(../images/vup.gif) no-repeat 0px 4px; }
#more ul.images li a { padding-left: 15px; background-position: 0 2px; }
#more li.on a { background-image: url(../images/von.gif); }
#more li li { display: none  }
#more li.on li { display: block  }
#more li.on li a { float: left; display: block; background: none; padding-left: 40px; }
#more li.on.one li a { padding-left: 0; }


#more .channel { font-size: 10px; line-height: 11px; float: left; width: 177px; height: 91px; margin: 0 5px 0 0; color: #ccc }
#more .channel img { float: left; margin: 0 6px 35px 0; }
#more .channel strong { text-transform: uppercase; }
#more .channel em { font-style: normal; color: #999; }

#more ul.text li { margin-top: 7px; }
#more ul.text li a { font-weight: bold; color: #ccc; padding: 0 20px 0 0; background-position: center right; margin: 7px 0 10px 8px; }
#more ul.text li.on a { margin-bottom: 3px; }
#more ul.text li div { width: 540px; }
#more ul.text li div img { float: left; margin: 0 8px 0 0; }
#more ul.text li div p img { float: none; display: block; margin: 4px 0; }
#more ul.text li.on div p a { margin: 0; padding: 0; background: none; }
#more ul.text li.on div p span.off { display: block; height: 66px; overflow: hidden; }
#more ul.text h2, #more ul.text p { width: 436px; color: #ccc; }
#more ul.text h2 { margin: 0; font-size: 18px; }
#more ul.text p { font-size: 10px; line-height: 11px; text-transform: none; }
#more ul.text p.stars { margin: 0; }
#more ul.text li .first { margin-bottom: 10px; position: relative; padding-bottom: 6px }
#more ul.text li .first h2 { font-size: 20px; line-height: 25px; width: 300px; margin: 0 0 8px 6px; }
#more ul.text li .first p { width: 300px; margin: 0 0 0 6px; }
#more ul.text li a.pdf { display: block; width: 156px; height: 38px; background: url(../images/viewpdf.jpg) no-repeat 0 0; padding: 0; margin: 0; text-indent: -999em; position: absolute; bottom: 0; right: 0; }
#more ul.text li .articleLinks { position: absolute; bottom: 0; right: 0; text-align: right; }
#more ul.text li .articleLinks a.downloadArticle { color:#B0D3EA; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; }
#more ul.text li .articleLinks a.downloadArticle:hover { color:#B0D3EA; text-decoration: none; }
#more ul.text li a.strippedLinks { background: none; margin: 0; padding: 0; }

#more.events li, #more.events ul.text li div.event { width: 548px; position: relative; }
#more.events ul.text li div.event img { margin-right: 16px; }
#more.events ul.text h2, #more.events ul.text p { width: 285px; color: #fff; }
#more.events ul.text .noimg h2, #more.events ul.text .noimg p { width: 548px; }
#more.events ul.text h2 { font-size:20px; line-height: 22px }
#more.events ul.text p { font-size: 12px; line-height: 115%; margin-top: 9px; }
#more.events li.on div.event div.dates { width: 135px; color: #999; font-size: 10px; line-height: 16px; text-transform: uppercase }
#more.events li.on div.event a { display: block; background: none; padding: 0; margin: 0 0 10px 0; color: #fff; }
#more.events li.on div.event div.dates .dataleadin{ padding:10px 0; width:99%;}
#more.events li.on div.event div.date { display: none; }
#more.events li.on div.event div.date.on { display: inline; width: 145px; color: #fff; font-size: 12px; line-height: 115%; text-transform: uppercase; margin-top: 44px; font-weight:bold; }
#more.events li.on div.event div.date span { display: inline; float: none; }
#more.events li.on div.event div.date div { display: none; }
#more.events li.on div.event div.date a { display: block; width: 109px; height: 19px; text-indent: -999em; background: url(../images/clicktorsvp.gif) top left no-repeat; margin-top: 8px; }

#defaultEvents p { line-height: 18px; }
#defaultEvents p a { color:#a4c9e4; font-size:18px; line-height: 23px; text-decoration: none; }
#defaultEvents p a:hover { color:#fff; text-decoration: none; }

#more a:hover, #more ul.images a:hover, #more ul.text a:hover, #more.events ul.text h2, #more.events li.on div.event a.on, #more.events li.on div.event a:hover { color: #bb3254; }

#more.events .eventStartDate, #more.events .eventCity {}

#footer { float: left; display: inline; width: 778px; height: 60px; padding: 11px 0 0 23px; background: url(../images/footer.png) bottom left no-repeat; position: relative; top: 8px; left: -7px; }
* html #footer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/footer.png",sizingMethod='scale'); }
#footer a { display: block; width: 37px; height: 13px; background: url(../images/home.gif) top left no-repeat; text-indent: -999em; }
#footer a.rss { width: 42px; background-image: url(../images/rss.gif); }
#footer a.contact { width: 62px; background-image: url(../images/contact.gif); }
#footer a:hover { background-position: 0 -13px; }
#footer a, #footer span { float: left; }
#footer span { width: 4px; height: 4px; background: url(../images/dot.gif) no-repeat 0 0; margin: 6px 5px; }

.results { float: left; width: 754px; margin: 20px 0 5px 15px; position: relative; }
.results h2 { margin: 0; display: block; width: 754px; background: url(../images/sline.gif) bottom left no-repeat; color: #d8d8d8; text-transform: uppercase; font-size: 21px; line-height: 24px; font-weight: normal; padding-bottom: 9px; margin: 0 0 20px; }
.results a, .results a img, .results a strong, .results a em { float: left; }
.results a img { margin-right: 14px; }
.results a { width: 352px; height: 56px; overflow: hidden; text-decoration: none; color: #999; font-size: 10px; line-height: 12px; margin: 0 10px 10px 0; }
.results h2 a.back { width: auto; text-decoration: underline; color: inherit; font-size: inherit; line-height: inherit; margin: 0; float: none; display: inline; }
.results a strong, .results a em { width: 242px; color: #d8d8d8; font-size: 12px; text-transform: uppercase; }
.results a em { font-size: 11px; font-weight: bold; font-style: normal; margin: 3px 0 4px; height: 12px; overflow: hidden; }
.results a.more { width: 58px; height: 11px; text-indent: -999em; position: absolute; bottom: -32px; right: 40px; background: url(../images/smore.gif) top left no-repeat; }
.results a.bye { display: none; }

.results .pager { float: right; width: 120px; color: #999; margin: 6px 40px 0 0; }
.results .pager a { display: inline; float: none; width: auto; height: auto; margin: 0 2px; font-size: 12px; font-weight: bold; }
.results .pager a img { float: none; display:inline; margin: 0; }
.results .pager a.on { color: #fff; }

#home { float: left; display: inline; width: 565px; margin: 60px 0 0 216px;}
#home a { float: left; display: inline; width: 73px; height: 73px; margin: 0 9px 9px 0; }

#fourohfour { float: left; display: inline; width: 601px; height:122px; margin: 104px 0 0 190px; padding: 148px 0 0 30px; background: url(../images/404.png) no-repeat 0 0; }
#fourohfour a { display: block; width: 91px; height: 15px; text-indent: -999em; margin-top: 6px; }

#indexml { display: none; }

#content .tabName, .vmixGalleryId, .issueTitle, .issueDate, .issuePdf, .interactivePdf, .headerTitle, .hideEventsTab  { display: none; }

*:focus { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}
	
/* This CSS works with the footerv2.html SSI files 
 once iteration 3 is complete merge this file with base.css
 */
/* footer v2 home legal contact (no RSS) */
#footer3 { float: left; display: inline; width: 778px; height: 90px; padding: 11px 0 0 23px; background: url(../images/footer/footerv2.png) bottom left no-repeat; position: relative; top: 8px; left: -7px; }
* html #footer3{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/footer/footerv2.png",sizingMethod='scale'); }
#footer3 ul{  background: url(../images/footer/footer_3buttonsb.gif) no-repeat; background-position:0 -15px; height:15px; margin:0; padding:0; width:220px;}
#footer3 li{float:left; list-style:none; margin:0; padding:0; } 
#footer3 a{background:url(../images/footer/footer_3buttonsb.gif) no-repeat; display:block; height:0; padding-top:14px;overflow:hidden; text-indent: -999em;}
#footer3 .home a{ background-position: 0 -15px;  width:38px;}
#footer3 .home a:hover{ background-position: 0 -1px;}
#footer3 .rss {display:none;}
#footer3 .legal a{background-position: -43px -15px; width:48px;  margin-left:5px;}
#footer3 .legal a:hover{ background-position: -43px -1px;}
#footer3 .contact a{background-position: -95px -15px; width:62px;  margin-left:5px;}
#footer3 .contact a:hover{ background-position: -95px -1px;}


/* footer v2 home rss legal contact */
#footer4 { float: left; display: inline; width: 778px; height: 90px; padding: 11px 0 0 23px; background: url(../images/footer/footerv2.png) bottom left no-repeat; position: relative; top: 8px; left: -7px; }
* html #footer4 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/footer/footerv2.png",sizingMethod='scale'); }
#footer4 ul{background:url(../images/footer/footer_buttonsb.gif) no-repeat;  background-position:0 -15px; height:15px; margin:0; padding:0; width:220px;}
#footer4 li{float:left; list-style:none; margin:0; padding:0; } 
#footer4 a{background:url(../images/footer/footer_buttonsb.gif) no-repeat; display:block; height:0; padding-top:14px;overflow:hidden; text-indent: -999em;}
#footer4 .home a{ background-position: 0 -15px;  width:38px;}
#footer4 .home a:hover{ background-position: 0 -1px;}
#footer4 .rss a{background-position: -43px -15px; width:48px; margin-left:5px;}
#footer4 .rss a:hover{ background-position: -43px -1px;}
#footer4 .legal a{background-position: -96px -15px; width:48px;  margin-left:5px;}
#footer4 .legal a:hover{ background-position: -96px -1px;}
#footer4 .contact a{background-position: -148px -15px; width:62px;  margin-left:5px;}
#footer4 .contact a:hover{ background-position: -148px -1px;}

/* Contact Us */
#contactus .col{ float:left; width:49%;}
#contactus .chead{ color:#acd4ee; font-weight:bold; size:22px; text-transform:uppercase;}
#contactus .cdetail{color:#78797b; padding-bottom:16px;}
#contactus .cdetail a{color:#acd4ee;  text-decoration:none; text-transform:none;}
#contactus .btn{margin-top:5px;}
#contactus .btn a{ display:block; height:0; padding-top:26px; overflow:hidden; text-indent: -999em;}
#contactus .cform a{background:url(../images/contact/launch_form.gif) no-repeat; background-position: 0 0px; width:100px;}
#contactus .cform a:hover{ background-position: 0 -26px;}
#contactus .cemail a{ background:url(../images/contact/launch_email.gif) no-repeat; background-position: 0 0; width:143px;}
#contactus .cemail a:hover{ background-position: 0 -26px;}
#contactus .cfaq a{ background:url(../images/contact/launch_faq.gif) no-repeat; background-position: 0 0; width:96px;}
#contactus .cfaq a:hover{ background-position: 0 -26px;}
/*   From RSVP.css                 */
.rsvpoff{ visibility:hidden;}
.rsvpnone{ display:none;}
.inputerror{color:#c00; font-weight:bold; line-height:20px; padding-left:140px; text-align:left;}

.modal{background:#000; display: block; filter:alpha(opacity=70); font-size:1px; height:100%; left:0;  line-height:1px; opacity: 0.7; position:fixed; top:0; width:100%; z-index:1000;}
.floatingdialog{display: block;  margin: 0 auto;  padding-top:100px; text-align: center; text-transform:uppercase; width: 1009px; z-index:1003;}

#rsvp { display: block; left:0; position:absolute; top:0; width: 100%;  z-index:1001; }
#rsvpwrapper { display: block; width: 1009px; margin: 0 auto; text-align: center; }
/*#rsvpwrapper{opacity: 1; position:absolute; width:100%; z-index:1000;}*/
#rsvpdialog{ color:#FFF;  text-align:center; margin:0px auto 0 auto; padding-top:100px; text-transform:uppercase; width:560px; }
#rsvpdialog .dialogtop{background:url(../images/rsvpform/eventpopup_top.png) top no-repeat; height:14px; padding:0;  }
#rsvpdialog #formcontent{background: url(../images/rsvpform/eventpopup_body.png) repeat-y; padding:0px 20px 12px 30px; min-height:100px; text-align:left;}
#rsvpdialog #formcontent .titleblock{font-weight:bold;}
#rsvpdialog #formcontent .titleblock .lead-in{ background: url(../images/rsvpform/rsvpsecure.gif) top right no-repeat; font-size:11px;  padding:17px 0px 7px 0px;}
#rsvpdialog #formcontent .titleblock #eventtitle{ color:#000; font-size:20px; line-height:26px; overflow:hidden; padding-bottom:11px;width:500px;}
#rsvpdialog #formcontent .imageblock{ display:block; float:left; width:250px;}
#rsvpdialog #formcontent .infoblock{display:block; float:right; margin 0; width:250px;}
#rsvpdialog #formcontent .infoblock .infoitem{ font-size:12px; padding:0 10px 10px 5px;}
#rsvpdialog #formcontent .infoblock .infoitem .label{display:inline; font-weight:bolder; padding-right:5px;}
#rsvpdialog #formcontent .infoblock .infoitem .data{display:inline; }
#rsvpdialog #formcontent .formblock{clear:both; padding:15px 0 0 0; padding-right:30px; text-align:right; }
#rsvpdialog #formcontent .formblock label{ padding-right:21px;}
#rsvpdialog #formcontent .formblock input{width:325px;}
#rsvpdialog #formcontent .formblock .submit{padding-left:222px; padding-right:189px;}
#rsvpdialog #formcontent .formblock .submit a{ background:url(../images/rsvpform/submit_button.gif) no-repeat; background-position:0 0; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em; width:78px;}
#rsvpdialog #formcontent .formblock .submit a:hover{background-position:0 -20px;}
/*
#rsvpdialog #formcontent .formblock .submitwrap{ padding-left:240px;}
#rsvpdialog #formcontent .formblock .submit{text-align:center; background:url(../images/rsvpform/submit_button.gif) no-repeat; background-position:0 0; border:none; cursor:pointer; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em; width:78px;}
#rsvpdialog #formcontent .formblock .submit input {background-position:0 0; text-indent: -999em; width:78px;}
/*#rsvpdialog #formcontent .formblock .submit a{ background:url(../images/rsvpform/submit_button.gif) no-repeat; background-position:0 0; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em; width:78px;}*/
#rsvpdialog #formcontent .formblock .submithover{background-position:0 -20px;}
#rsvpdialog #successcontent{background: url(../images/rsvpform/eventpopupresult_body.png) repeat-y #4d4d4d; padding:19px 30px 12px 30px; min-height:100px; text-align:center;}
#rsvpdialog #errorcontent{background: url(../images/rsvpform/eventpopupresult_body.png) repeat-y #4d4d4d; padding:19px 30px 12px 30px; min-height:100px; text-align:center;}
#rsvpdialog #rsvclosed{background: url(../images/rsvpform/eventpopupresult_body.png) repeat-y #4d4d4d; padding:19px 30px 12px 30px; min-height:100px; text-align:center;}
#rsvpdialog .dialogbuttons{background:#4d4d4d;  height:20px; padding:6px 15px 0; }
#rsvpdialog .dialogbuttons .left{float:left;}
#rsvpdialog .dialogbuttons .right{float:right;}
#rsvpdialog .dialogbuttons a{ background:url(../images/rsvpform/rsvp_buttons.gif) no-repeat; display:block; height:0; padding-top:14px;overflow:hidden; text-indent: -999em;}
#rsvpdialog .dialogbuttons #privacy a{ background-position:0 0; width:130px;}
#rsvpdialog .dialogbuttons #privacy a:hover{background-position:0 -14px;}
#rsvpdialog .dialogbuttons #close a{ background-position:-130px 0; width:51px;}
#rsvpdialog .dialogbuttons #close a:hover{background-position:-130px -14px;}
#rsvpdialog .dialogbottom{background:url(../images/rsvpform/eventpopup_bottom.png) bottom no-repeat; height:8px; padding:0; }
/* end of RSVP Form */
/* from events.css */
#imagewrapper { display: block; width: 1009px; margin: 0 auto; text-align: center; z-index:1000;}
/*#imagewrapper{opacity: 1; position:absolute; width:100%; z-index:1000;}*/
#extendimage{text-align:center; margin:0px auto 0 auto; padding-top:100px; text-transform:uppercase; }
/*#eventselector { display: block; width: 482px; height: 210px; position: absolute; top: 60px; visibility:visible;  z-index: 999; }*/
#eventselector { display: block; width: 482px; height: 30px; overflow:hidden; position: absolute; top: 60px; visibility:visible;  z-index: 999; }
#eventnav{color:#FFF; size:18px; font-weight:bold; height:30px; overflow:hidden; width:560px;}
#eventnav a{padding:10px;color:#FFF; text-decoration:none;}
#eventnav a:hover{color:#BB3254;}
/* #pastYears is for a comp REMOVE in final */
#pastyears{color:#FFF; size:18px; font-weight:bold;}
#pastyears a{padding:10px;color:#FFF; text-decoration:none;}
#pastyears a:hover{color:#BB3254;}
/* #pastYears is for a comp REMOVE in final */
#states{color:#FFF; size:18px; font-weight:bold;}
#states a{padding:10px;color:#FFF; text-decoration:none;}
#states a:hover{color:#BB3254;}
/* end remove */
#more.events li.on div.event div.date span.eventlinks{text-indent:0;}
#more.events li.on div.event div.date span.eventlinks a{background:none; color:#BB3254; text-indent:0;}
#more.events li.on div.event div.date span.eventlinks a:hover{color:#FFF;}
#more.events li.on div.event div.date a{ margin:0 0 10px 0; width:145px;}
/* Media Links */
#more.events li.on div.event div.date #trailerlink a{background:url(../images/trailerslink.gif) no-repeat;  background-position: 0 0px; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em;  width:145px;}
#more.events li.on div.event div.date #trailerlink a:hover{background-position: 0 -20px;}

#more.events li.on div.event div.date #interviewlink a{background:url(../images/interviewslink.gif) no-repeat;  background-position: 0 0px; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em;  width:145px;}
#more.events li.on div.event div.date #interviewlink a:hover{background-position: 0 -20px;}

#more.events li.on div.event div.date #photolink a{background:url(../images/photoslink.gif) no-repeat;  background-position: 0 0px; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em;  width:145px;}
#more.events li.on div.event div.date #photolink a:hover{background-position: 0 -20px;}

#more.events li.on div.event div.date #audiolink a{background:url(../images/audiolink.gif) no-repeat;  background-position: 0 0px; display:block; height:0; padding-top:20px;overflow:hidden; text-indent: -999em;  width:145px;}
#more.events li.on div.event div.date #audiolink a:hover{background-position: 0 -20px;}
/* #more.events li.on div.event a */
#more.events ul.text h2{ padding-top:5px;}
#more.events li.on div.event div.flyer{float:left; width:263px; min-height:100px;}
#more.events li.on div.event div.flyer a.off{display:none;}
#more.events li.on div.event div.flyer a{background:url(../images/expand.gif) no-repeat;  background-position: 0 0px; clear:both; display:block; height:0; margin-top:5px; padding-top:12px;overflow:hidden; text-indent: -999em;  width:106px;}
#more.events li.on div.event div.flyer a:hover{ background-position: 0 -12px;}
#more ul.text li div.event h3{color:#B0D3EA; font-size:16px; margin:0 0 6px 0; text-transform:uppercase;}
#more ul.text li div.event div img{margin-bottom:5px;}
.event .off{display:none;}
#more.events li.on div.event div.dates { color: #999; font-size: 12px; line-height: 16px; text-transform: uppercase;  width: 135px;}
#more.events li.on div.event div.dates .titlepast{color:#FFFFFF; margin: 0 0 0 0; width:128px;}
#more ul.text li div .eventdetails{float:left; width:284px;}
.eventhr { display: inline; width: 547px; height: 3px; font-size: 0; line-height: 0; background: url(../images/line.gif) top left no-repeat; margin: 15px 0 15px 0; }
.noevents{ color:#BB3254; font-size:13px; padding:5px;}