* { margin:0; }
html, body { font-size:90%; line-height:135%; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; background-image:url(/images/public/body-bg.jpg); background-repeat:repeat-x; background-color:#96D3EF; }
p { margin-bottom:18px; }
img { border:0px; }
a { color:#4893DC; text-decoration:none; }
a:hover { text-decoration:underline; }
h2 { margin-bottom:25px; }
h3 { margin-bottom:30px; }
#outer { width:100%; }
#container { position:relative; width:980px; margin-left:auto; margin-right:auto; margin-top:10px; }
/* HEADER */
#header { position:relative; height:100px; z-index:100; }
#header-logo { float:left; width:210px; margin-top:9px; }
#header-navigation { float:right; width:770px; text-align:right; margin-right:0 }
#header-navigation .top { height:59px; }
#header-navigation .top ul { list-style:none; margin:0; padding:0; }
#header-navigation .top ul li { float:right; margin:0; padding:0; }
#header-navigation .top ul li a { float:left; display:block; color:#5AA206; text-decoration:none; padding-left:12px; }
#header-navigation .top ul li.language { margin-left:11px; }
#header-navigation .top ul li.language a { color:#039DDB; }
#header-navigation .top ul li a:hover,
#header-navigation .top ul li a.active { color:#4893DC; }
#header-navigation .main { font-size:115%; font-weight:bold; }
#header-navigation .main ul { list-style:none; margin:0; padding:0; }
#header-navigation .main li { float:right; height:41px; margin:0; padding:0; }
#header-navigation .main li a { display:block; height:41px; color:#777; text-decoration:none; margin-left:18px; }
* html #header-navigation .main li a { height:auto }
#header-navigation .main li a:hover,
#header-navigation .main li a.active { color:#000; background:url(/images/public/navigation-arrow.gif) bottom center no-repeat; }
/* BANNER */
#banner { height:410px; margin-top:-11px; }
.banner-contents { position:relative; }
.banner-contents .text { position:absolute; top:110px; left:665px; width:260px; font-size:110%; color:#444; line-height:140%; font-weight:bold; }
.banner-contents .button { position:absolute; top:312px; left:662px; }
.banner-contents .pagination { position:absolute; top:362px; left:22px; }
.banner-contents .pagination a { display:block; float:left; background:#EEE; border:1px solid #CCC; padding:4px 9px; color:#888; font-size:120%; margin-left:3px }
.banner-contents .pagination a:hover { text-decoration:none }
.banner-contents .pagination a.active { color:#000; background:#DDD; border:1px solid #BBB; }
.banner-contents .pagination a.home-banners-play-pause { padding:0; border:0; background:none }
.banner-contents .pagination a.home-banners-play-pause img { border:1px solid #BBB; }
/* INNER */
#inner { position:relative; margin-top:-11px; background:#FFF url(/images/public/subnavigation-bg.jpg) repeat-y left; }
* html #inner { height:800px; }
#inner .banner { position:absolute; left:0; z-index:1 }
/* CONTENT */
#content { float:right; position:relative; z-index:2; width:755px; margin-top:74px; font-size:105%; line-height:135%; }
#content ul { margin-bottom:18px }
* html #content { width:745px; margin-top:93px; padding-left:-10px; height:800px; }
#content a:visited { color:#800080; }
*:first-child+html #content { margin-top:95px; }
#content-padding { position:relative; z-index:2; padding:35px; }
#content-padding h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:220%; line-height:110%; margin-bottom:30px; color:#7DCF1C; font-weight:normal; }
#content-padding #bookmark { border:1px solid #CCC; padding:20px; margin-top:30px; font-size:95%; }
#content-padding #bookmark a:visited { color:#4893DC; }
#content-padding #bookmark .bookmark-what { float:right; }
#content-padding #bookmark .social { float:left; width:140px; height:32px; line-height:32px; margin-left:20px; }
* html #content-padding #bookmark .social { margin-left:16px; }
#content-padding #bookmark .social-icon { float:left; width:40px; }
#content-bottom { background:url(/images/public/content-bottom.jpg) no-repeat bottom; width:980px; height:8px; margin:0; padding:0; }
*:first-child+html #content-bottom { height:11px }
.video-transcript { padding: 15px; border:1px solid #CCC; font-style:italic; }
/* SUBNAVIGATION */
#subnavigation { float:right; width:225px; margin-top:86px; }
* html #subnavigation { position:absolute; margin-top:95px; padding-left:-20px; height:800px; }
*:first-child+html #subnavigation {margin-top:96px; }
#subnavigation ul { list-style-type:none; margin:0; padding:0; }
#subnavigation li { position:relative; z-index:2; margin:0; padding:0; border-bottom:1px solid #D9D9D9; }
#subnavigation li:hover,
#subnavigation li.active { background:url(/images/public/subnavigation-on.jpg) no-repeat center left; }
#subnavigation li.sub { background:url(/images/public/subsubnavigation-off.jpg) repeat-y right; }
#subnavigation li.sub a:hover { background:url(/images/public/subsubnavigation-on.jpg) no-repeat center left; }
#subnavigation li.subactive { background:url(/images/public/subsubnavigation-on.jpg) no-repeat center left; }
#subnavigation li.subactive:hover { background:url(/images/public/subsubnavigation-on.jpg) no-repeat center left; }
#subnavigation li a { display:block; height:18px; width:210px; padding:15px; color:#000; font-weight:bold; text-decoration:none; /*background-image:url(/images/public/subnavigation-off.jpg); background-repeat:no-repeat;*/ }
#subnavigation .q9-menu { margin-top:20px; margin-bottom:20px; }
#subnavigation .q9-menu img { display:block; margin:0 auto }
#subnavigation .social { /*margin-top:20px;*/ }
#subnavigation .social img { display:block; margin:0 auto; margin-bottom:15px; }
* html #subnavigation li a { width:195px }
/* REGISTER FORM */
#member_form { margin-top:5px; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #D0D7DB; overflow:hidden; }
#member_form label.form { float:left; width:200px; font-weight:bold; margin-top:2px; }
#member_form .field { width:430px; margin-bottom:10px; }
#member_form .tiny { width:30px; }
#member_form .small { width:150px; }
#member_form .medium { width:250px; }
#member_form .highlight { border:solid 1px #C00; padding:2px; }
#member_form select { margin-bottom:10px; }
#member_form .pad { clear:both; margin-left:200px; margin-bottom:10px; }
/* GRAPHS */
.graph-tabs { margin-left:15px; }
.graph-tab-on { float:left; cursor:pointer; text-align:center; margin-right:2px; width:70px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-on.gif); background-repeat:no-repeat; }
.graph-tab-off { float:left; cursor:pointer; text-align:center; margin-right:2px; width:70px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-off.gif); background-repeat:no-repeat; }
.graph-tab-on-90 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:90px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-on-90.gif); background-repeat:no-repeat; }
.graph-tab-off-90 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:90px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-off-90.gif); background-repeat:no-repeat; }
.graph-tab-on-120 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:120px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-on-120.gif); background-repeat:no-repeat; }
.graph-tab-off-120 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:120px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-off-120.gif); background-repeat:no-repeat; }
.graph-tab-on-140 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:140px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-on-140.gif); background-repeat:no-repeat; }
.graph-tab-off-140 { float:left; cursor:pointer; text-align:center; margin-right:2px; width:140px; height:32px; line-height:32px; background-image:url(/images/public/journal-tab-off-140.gif); background-repeat:no-repeat; }
.graph { background-color:#EEF7FC; width:680px; }
.graph-top { height:13px; width:680px; background:url(/images/public/graph-bg-top.gif) no-repeat top; }
.graph-middle { padding:19px; }
.graph-bottom { height:13px; width:680px; background:url(/images/public/graph-bg-bottom.gif) no-repeat bottom; }
/* BLOG */
.blog { overflow:hidden; width:100%; margin-top:15px; font-size:85%; }
.blog-avatar { float:right; width:72px; margin-left:15px; }
.blog img { border:solid 1px #CCC; padding:4px; }
.blog-tags { height:20px; margin-top:10px; color:#666; margin-bottom:11px; }
.blog-tags img { border:0; padding:0; margin-right:5px; }
.blog-content { border-bottom:1px dashed #CCC; padding-bottom:15px; margin-bottom:15px; }
.blog-content h1 { margin-bottom:-15px; }
.blog .blog-title { font-size:140%; color:#000; font-weight:bold }
.blog .blog-title a { color:#000; font-weight:bold }
.grey { color:#999 }
/* MESSAGE BARS */
.error { padding:7px; background-color:#FFE6E6; border:1px solid #FF9191; margin-bottom:20px; }
/* GET THE INFO FOOTER BLOCK */
#get-the-info { margin-top:10px; background-color:#FFF; }
#get-the-info .title { height:43px; }
#get-the-info .left { float:left; width:490px; border-right:1px solid #DDD; }
#get-the-info .right { float:left; width:485px; }
#get-the-info .panel { position:relative; padding:20px; padding-bottom:45px }
#get-the-info .panel img { border:1px solid #CCC }
#get-the-info .panel h3 { color:#7DCF1C; margin-bottom:11px; text-transform: uppercase; }
* html #get-the-info .panel h3 { font-size:120%; }
#get-the-info .panel a { color:#7DCF1C; text-decoration:none }
#get-the-info .panel a:hover { text-decoration:underline }
#get-the-info .panel p { color:#444; font-size:110%; }
#get-the-info .panel .pagination { position:absolute; width:92%; clear:both; border-top:1px dotted #DDD; padding-top:10px }
#get-the-info .panel .pagination a { display:block; float:left; background:#EEE; border:1px solid #CCC; padding:2px 9px; margin-left:3px }
#get-the-info .panel .pagination a:hover { text-decoration:none }
#get-the-info .panel .pagination a.active { color:#000; background:#DDD; border:1px solid #BBB; }
#get-the-info .panel .pagination a.left-play-pause { padding:0; border:0; background:none }
#get-the-info .panel .pagination a.left-banners-play-pause img { border:1px solid #BBB; }
#get-the-info .panel .pagination a.right-play-pause { padding:0; border:0; background:none }
#get-the-info .panel .pagination a.right-banners-play-pause img { border:1px solid #BBB; }
#get-the-info .footer { height:5px; background:url(/images/public/get-the-info-footer.gif) no-repeat bottom; }
/* FOOTER */
#footer { margin-top:10px; }
#footer .copy { float:left; width:600px; color:#185C77; font-size:85%; }
#footer .copy a { margin-left:8px; color:#185C77; text-decoration:none; }
#footer .copy a:hover { text-decoration:underline; }
#footer .logos { float:right; }
#footer .logos img { }
.clr { clear:both; }