/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: separate; border-spacing:0 ; border: 0;} td { border-collapse: collapse; border: 0; } th { border-spacing:0; border: 0;} select,input,textarea { font: inherit } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; font-family:"Verdana"; font-size:.95em; line-height:170%; color:#333333;} .r { float:right;} .l { float: left;} .c { clear:both;} img { border:none; } img.center { margin:auto; clear:both; display:block; float:none; } img.right { float:right; margin:0 0 25px 25px; clear: right; } img.left { float:left; margin:0 25px 25px 0; clear: left; } #container { background: #f6f6f6;margin: auto } #header-layout { background: url("images/header-bg.png") repeat-x;height: 138px;} #header { margin: auto; width:960px; position: relative;} #header-logo { background: url("images/header-logo.png") no-repeat 0 0; position: absolute; top:0; left: 0;height: 131px; width: 304px;} #header-login { background: url("images/header-login.png") no-repeat; position: absolute; top:0; right: 0;float: right;height: 74px; width: 197px;} #header-login a { font-size: 0.65em; position: relative; top: 29px; left: 66px;} #content-layout { background: url("images/content-gradient.png") repeat-x; margin:auto; } #content-shadow { background: url("images/header-shadow.png") no-repeat; width: 960px; margin:auto;padding-top:25px; } #content-single { width: 940px;margin:auto; padding: 0 10px} #footer-layout { background: url("images/footer-bg.png") repeat-x; clear:both; height:165px; margin-top: 0;} #footer { margin: auto; width:940px; position: relative; padding:80px 25px 10px 25px; height: 65px;font-family: Arial, Helvetica, sans-serif; color:#fff;} #footer ul { margin:5px 0 0 0; list-style-image:none; list-style-position:outside; list-style-type:none; position: relative; display:block;} #footer ul li { float:left; } #footer ul.contact li { margin-right: 20px;} #footer ul.contact { font-size: 110%; font-weight: bold;padding-top:5px} #footer ul.logos { font-size: 60%; font-weight: bold; height: 80px;} #footer ul.logos li { margin-left: 30px; line-height: 70px; } #footer ul.logos li img { vertical-align: middle;} #footer a { color:#fff} #footer p { margin-bottom: 0; color: #fff; font-size: 70%} #footer .l { width: 640px; padding-top:10px;} #nav { display:block; float:right; margin-top:85px; padding:0; position:relative;} #nav ul { list-style-image:none; list-style-position:outside; list-style-type:none;} #nav li { float:left; font-size:16px; margin:5px 0 5px 10px; position:relative;} #nav a, #nav a:visited, #nav a:hover { color: #fff; text-decoration: none; padding: 10px;} /* * Single COL layout */ #content-single .bnr-wrapper { background: url("images/banner-glow.png"); width: 960px; height: 304px; margin: 10px 0 10px -10px; z-index:-1;} #content-single .bnr-wrapper div.home { background: url("images/banner-home.jpg") no-repeat right; z-index: 1;margin: 10px 10px 0 0; float:right; height: 280px; width:950px;} #content-single .bnr-mask { background: url("images/banner-mask.png"); width: 460px; height: 252px; z-index: 10;margin-top: -10px ;padding: 30px 450px 10px 40px; color:#fff;} #content-single .bnr-mask h1 { font-size: 150%; padding-top: 20px; margin-bottom:10px; color: #fff;} #content-single .bnr-mask h2 { font-size: 110%;} #content-single .bnr-mask p { line-height: 160%; font-size: .85em; padding: 0;} /* * 2 COL Layout */ #related { background: transparent; margin:auto; float:left; width: 220px; padding: 0 10px;} #content { background: transparent; margin:auto; float:right; width: 700px; padding: 0 10px;} /* * related styles */ #related h2 { max-width: 220px;} #related .flvplayer-latestVideos ul, #related .section-navigation ul { margin: 0 0 0 15px;} #related .flvplayer-latestVideos li, #related .section-navigation li { font-size: 0.8em; border-top: 1px solid #E0E0E0; list-style-image:none; list-style-position:outside; list-style-type:none; } .flvplayer-playlist { display:none; } #related div { background: url("images/sidebar-shdw.png") no-repeat bottom; padding-bottom: 10px; margin-bottom: 20px; } #related a { color: #333; text-decoration: none;} #related ul li.active { font-weight: bold; list-style-image:url("images/nav-related-active.gif");} /* * Home page 3 panel layout */ #panel-wrapper { width:960px; height:280px; margin-left: -10px;} #panel-wrapper div { background: url("images/panel-shdw-home.png") no-repeat bottom;float: left; width:300px; height: 230px; padding:10px 10px 20px 10px; margin-top: 20px ;overflow: hidden; } img { border: 0;} #content img { border:2px solid #666; } #content-layout li { color: #333;list-style: url("images/bullet.gif")} #content-layout h2 {border-bottom:1px solid #0033CC; color:#0033CC; font-size:1.2em; margin-bottom:10px; padding-bottom:5px;} #content-layout h1 { color: #0033cc; font-size: 1.8em; margin-bottom: 25px;} /* * News CSS */ #content-layout p { font-size: 0.8em;} div.news-articles ul { width: 274px; } div.news-articles li { font-size: 0.8em; border-top: 1px solid #E0E0E0;} div.news-articles a { text-decoration: none; color:#333;} /* * Logon */ #content-layout .login { width: 460px; float: left; min-height: 230px} #content-layout .login-reminder { width: 460px; float: right; padding-left: 20px; min-height: 230px} #content-layout .login h2, #content-layout .login-reminder h2, { color: #333; border: 0; margin: 0 0 5px 0;} .login fieldset, .login-reminder fieldset { border: 0; margin: 0; padding:0} .login dl, .login-reminder dl { margin-bottom: 5px;} .login dd, .login-reminder dd { margin: 0;} /* * Form */ .form fieldset { border: 0; margin: 0 0 15px 0; padding:0} .form dl { margin-bottom: 5px;} .form dd { margin: 0;} #related .form fieldset { font-size: 0.8em;} input.l, input.r { width: 45%; margin-bottom: 5px;} textarea.f { width: 294px;} /* * Table */ table { font-size: .8em;} table th { background:url("images/table-th-bg.png") 0 0 repeat-x #081866; color: #fff; padding:5px; font-size:90%;} table tr.alt { background: #ccc;} #form-error { border:3px double #c00; background:#fee; padding:10px; margin-bottom:15px } #form-error h1 { color: #c00; font-size:140%; border:none; margin:0; } #substance #form-error li { background:none; padding:0; } #gallery div#images { list-style: none; margin: 0; overflow: hidden; } #gallery div#images img { margin: 0; padding: 0; position: static; float: none; border: none} #gallery ul#thumbnails { list-style: none; margin: 0; width:664px; margin-bottom:20px; float:left;} #gallery ul#thumbnails li { float: left; margin:10px 5px 0 0; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; background:none; height:80px} #gallery ul#thumbnails li img { margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; } #gallery ul#thumbnails li.active, #gallery ul#thumbnails li:hover { padding: 5px; border-width:2px; border-color:#666 } #image-description { background:#000; padding:5px; text-align:center; color:#fff; } /* YT Module */ #yt-links ul { margin:0; } #yt-links ul li { background:none; padding:5px; overflow:hidden; margin:0 5px 5px 0; width:320px; float:left; min-height:90px; background:#eee;} #yt-links ul li.active { background:red; background:#ccc} #yt-links ul li a { text-decoration:none; color:#333; } #yt-links ul li span { font-size:110%; display:block; font-weight:bold; } #yt-links img { width:80px; float:left; clear:both; margin-right:15px; border:none;} #player-controls { position:relative; background:#000; padding:5px; overflow:hidden; margin:auto; text-align:center; line-height:1.3; font-size:80%;} #player-controls a { float:left; width:12px; height:12px; text-indent:-10000em; margin:0 5px; border:none; } #player-controls a#play { background:url("images/video-controls/play.jpg") 0 0 no-repeat; } #player-controls a#play:hover { background-position:0 -13px; } #player-controls a#pause { background:url("images/video-controls/pause.jpg") 0 0 no-repeat; } #player-controls a#pause:hover { background-position:0 -13px; } #volume-control a { width:3px; margin:0 2px 0 0; border-color:#666; border-style:solid; border-left:none; border-top:none; border-right:none;} #volume-control a#vol-25 { height:9px; border-width:3px;} #volume-control a#vol-50 { height:6px; border-width:6px;} #volume-control a#vol-75 { height:3px; border-width:9px;} #volume-control a#vol-100 { height:0px; border-width:12px; } #volume-control a:hover, #volume-control a.active { border-color:#eee; } #volume-control a#vol-0 { border:none; text-indent:0; width:auto; font-size:70%; color:#666; text-decoration:none; text-transform:uppercase; margin-left:5px;} .control { color:#eee; float:left; font-size:70%; margin-right:5px;} #timebar { position: relative;float:left; width: 450px; height: 10px; background-color: #666; border: 1px solid #444; margin:0 15px; } img#timebarIndicator { position: absolute; cursor:pointer; display:block; left: 0; top: 0; width: 5px;height:10px; background:#fff; text-indent:-1000em; border:none;}