body { font-family: Arial, Helvetica, sans-serif; top:0px; left:0px; top:0px; bottom:0px; margin:0px; padding:0px; font-size: 1em; } h1 { font-size: 1.25em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } h5 { font-size: .85em; } /***********************************************/ /* Layout Divs */ /***********************************************/ #topbg { height: 30px; padding: 5px 15px 0px 15px; background-image: url(../images/layout/blue-bg-top.jpg); background-position: top; background-repeat: repeat-x; color: #D0DDE7; font-size: .75em; } #topbg a { color: #D0DDE7; text-decoration: none; } #topbg a:hover { color: #FFF; text-decoration: underline; } #wrapper { width: 935px; margin: 0px auto; } #masthead { padding: 0; margin: 0; width: 935px; height:124px; overflow:hidden; } #masthead2 { padding: 0; margin: 0; width: 935px; height:124px; overflow:hidden; } #left_sidebar{ margin-top: 24px; width: 155px; float: left; } #left_sidebar img{ padding-bottom:5px; } #content_wrapper{ padding: 0 0 20px 0; margin: 0; float: right; width: 774px; background-image:url(../images/layout/content-bottom.gif); background-repeat:no-repeat; background-position:bottom; } #content { border-left:1px solid #3C70AC; border-right:1px solid #3C70AC; border-bottom: none; border-top: none; padding: 1px 9px 1px 13px; /*the 9px fixes a problem in IE6 PC where right sides was protruding*/ /* padding: 1px 13px; */ position:relative; margin: 0; } .disclaimer{ clear: both; font-size: .75em; padding: 5px 20px; text-align:center; } /************* #footer styles ***************/ #footer{ clear: both; font-size: .75em; color: #3C70AC; padding: 20px; text-align:center; } /***********************************************/ /* Spry */ /***********************************************/ @charset "UTF-8"; .TabbedPanels { margin: 0px; padding: 0px; clear: both; width: 100%; /*IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ /* DO NOT PUT "POSITION:" STYLE HERE!!! IT WILL MAKE DROP-DOWN MENU APPEAR BEHIND CONTENT!!! position:relative; top:-14px; */ } .TabbedPanelsTabGroup { margin: 0 8px 0 0; padding: 0px; float:right; } .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; background-color: #FFF; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; font: bold 0.85em sans-serif; background-image:url(../images/layout/tabs1/inactive-140x26.jpg); width:120px; text-align:center; overflow:hidden; } .TabbedPanelsTabHover { background-image:url(../images/layout/tabs1/inactive-140x26.jpg); color: #333; } .TabbedPanelsTabHover a:hover{ color: #000; } .TabbedPanelsTabSelected { border-bottom: 1px solid #3C70AC; background-image:url(../images/layout/tabs1/active-140x26.jpg); } .TabbedPanelsTab a { color: #444; text-decoration: none; } .TabbedPanelsTabSelected a { color:#FFF; } .TabbedPanelsTabSelected a:hover { color: #FFF; } .TabbedPanelsContentGroup { clear: both; background-image:url(../images/layout/content-top.jpg); background-repeat:no-repeat; background-position:top; height:36px; } .TabbedPanelsContent { padding: 4px; text-align:center; } .TabbedPanelsContent ul { /*all custom*/ list-style:none; padding:0; margin:0; } .TabbedPanelsContent li { /*all custom*/ display:inline; padding: 0px 20px; margin: 0px; color: #FFF; position:relative; top:2px; } .currentPage a { font-weight: bold; } .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #3C70AC; border-right: solid 1px #3C70AC; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } .VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #3C70AC; } .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /***********************************************/ /* Spry2 (Vertical Tabs) */ /***********************************************/ .TabbedPanels2 { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } .TabbedPanelsTabGroup2 { margin: 0px; padding: 0px; /*custom*/ z-index:100; } .TabbedPanelsTab2 { position: relative; top: 1px; float: left; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; /*custom*/ padding: 4px 4px 0px 10px; margin: 0px; background-image:url(../images/layout/tabs3/inactive.jpg); height:31px; font: bold 0.85em sans-serif; } .TabbedPanelsTabHover2 { /*custom*/ background-image:url(../images/layout/tabs3/hover.jpg); } .TabbedPanelsTabSelected2 { /*custom*/ background-image:url(../images/layout/tabs3/active.gif); color: #FFF; } .TabbedPanelsTab2 a { text-decoration: none; /*custom*/ position:relative; top:.2em; color: #333; } .TabbedPanelsTabSelected2 a { /*custom*/ color: #FFF; } .TabbedPanelsTab2 a:hover { /*custom*/ color: #000; } .TabbedPanelsTabSelected2 a:hover { /*custom*/ color: #FFF; } .TabbedPanelsTabGroup2 li { height:28px; } .TabbedPanelsContentGroup2 { clear: both; /*custom*/ background-image:url(../images/layout/tabs3/bg-520.jpg); background-repeat:no-repeat; background-position: top; position:relative; top:-10px; left:-1px; height:430px; } .TabbedPanelsContent2 { padding: 4px; } .VTabbedPanels2 .TabbedPanelsTabGroup2 { float: left; position: relative; /*custom*/ width: 209px; } .VTabbedPanels2 .TabbedPanelsTab2 { float: none; margin: 0px; /*custom*/ border: none; } .VTabbedPanels2 .TabbedPanelsTabSelected2 { } .VTabbedPanels2 .TabbedPanelsContentGroup2 { clear: none; float: left; padding: 0px; /*custom*/ width: 520px; } .VTabbedPanels2_383 .TabbedPanelsContentGroup2_383 { width: 383px; } .TabbedPanelsContentGroup2_383 { background-image:url(../images/layout/tabs3/bg-383.jpg); } /***********************************************/ /* Spry2 Custom Styles */ /***********************************************/ #monoSlideshow { float:left; margin: 20px 8px 0px 6px; padding: 0px; border:1px solid #333; line-height:0px; /* necessary to eliminate the space below the Flash in FireFox! */ } .slide_title { display:none; height:0px; } .slide_content { margin: 20px 8px 0px 248px; padding: 0px; } .TabbedPanelsContent2 img { /*custom*/ float:left; margin: 20px 8px 0px 6px; padding: 0px; border:1px solid #333; } /*****************/ /* Other */ /*****************/ #storiesPlayer { height:300px; margin-bottom:30px; margin-left:25px; margin-right:5px; margin-top:0; width:680px; }