body { background: #000 url(../art/h_bg.gif); text-align: center; font-family: 'Rotis Semi Sans','Trade Gothic','Gill Sans','Lucida Grande','Franklin Gothic Medium','Lucida Unicode',Lucida,Verdana,Sans-serif; font-weight: normal; padding: 0px; height: 100%; width: 100%; margin: 0px; min-width: 850px; } div,p,span,ul,h1,h2,h3,h4,h5,form,table,input,textarea { padding: 0; margin: 0; } img { border: 0; } a:link, a:visited { color: #99aac0; text-decoration: none; } a:hover { color: #dec0f3; text-decoration: underline; } div.main { width: 830px; background: url(../art/h_main.jpg) no-repeat; margin: 0 auto; padding: 0 0 0 20px; margin-bottom: 30px; text-align: left; clear: both; } div.logo { text-align: center; margin: 0 auto; } h1 { margin: 0px 0 0px 0; text-align: left; } h2 { margin-top: 45px; margin-bottom: 10px; } div.right { float: right; margin-top: 28px; width: 316px; margin-bottom: 10px; } div.right div.vout { position: relative; } div.right div.vout div.bg { z-index: 4; position: absolute; background-color: #682971; opacity: .6; filter: alpha(opacity=60); -moz-opacity: 0.6; } div.right div.vout:hover div.bg { background-color: #dec0f3; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; } div.right div.vout div.ov { position: absolute; padding-left: 8px; z-index: 10; width: 137px; } div.right img.podcast { margin-bottom: 0; border-top: 1px solid #1b232d; opacity: .8; filter: alpha(opacity=80); -moz-opacity: 0.8; } div.nav { margin-top: 20px; width: 500px; } div.nav img { border-left: 2px solid #7b4990; padding-left: 7px; margin-right: 45px; margin-bottom: 20px; } div.nav img:hover { border-left: 2px solid #b35de7; padding-left: 7px; margin-right: 45px; margin-bottom: 20px; } div.main div.subtitleouter { height: 40px; width: 520px; margin-bottom: 20px; } div#subtitle { background-color: #1b232d; height: 25px; width: 470px; padding: 5px 15px 10px 15px; text-align: left; color: #fff; font-size: 14px; display: none; opacity: .8; filter:alpha(opacity=90); -moz-opacity: .9; } p.sublink { line-height:20px; text-align: left; margin-top: 30px; } div.funding { background-color: #555; padding: 7px; width: 710px; margin: 20px 120px 20px 120px; clear: both; } div.funding p { color: #ccc; text-align: left; } div.funding img { padding-right: 10px; } div.funding td { vertical-align: middle; } div.bottom { text-align: center; color: #fff; padding-top: 10px; } p.global { padding: 20px; margin:0; } td.globalnav { text-align: left; } div#page_outer div.youppi { float: right; width: 302px; background-color: #e8effb; padding: 7px 7px 15px 7px; } div#page_outer div.youppi p.youtitle { font-size: 1em; margin: 0px 0px 7px 0px; text-align: center; color: #46567c; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #ccc; } div#page_outer div.youppi span._pgdate { font-size: .70em; color: #333; line-height: 1.5em; font-weight: bold; } div#page_outer div.youppi a._pgreltitle { font-size: 1.1em; line-height: 1.1em; margin: 0 0 6px 0; text-decoration: none; } div#page_outer div.youppi p._fullpgmore { font-size: .9em; padding: 0px; margin-top: -10px; } div#page_outer div.youppi p._fullpgmore a { text-decoration: underline; } div#page_outer div.youppi p._fullpgmore a:hover { text-decoration: none; } div#page_outer div.youppi p { margin: 0px 0 0px 3px; font-size: .75em; padding: 0; line-height: 16px; } div#page_outer div.youppi a:link, div#page_outer div.youppi a:visited { color: #64128d; } div#page_outer div.youppi a:hover { color: #b720f7; }