BODY {font:normal 12px arial; color:#404040; margin: 0 20px 0 20px; background-color: #D0D3DD;} #mainpage { background:#fff url('/images/content_bg_left.gif') no-repeat; background-position:0px 383px; border-bottom:1px solid #333; border-right:1px solid #777; position: absolute; margin: 0 20px 0 0; padding:100px 0 0 0; } html>body #mainpage { padding: 0px 0 0 0; } #mainpage #logo {float:right; margin: 0 10px 10px 0; position: absolute; z-Index: 1; right: 10px; top: 10px; } form {margin:0px; padding:0px} label {cursor:pointer} label:hover {text-decoration:underline} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline;} a:active {text-decoration: none;} /* Top Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------*/ #navigation { height: 35px; margin:100px 0px 0px 10px; font: bolder 0.8em arial; white-space: nowrap; } #navigation .tab_left { width: 4px; height: 35px; float: left; background: url('/images/tab_left.png') no-repeat left bottom; text-align: center; padding: 0; margin: 0px; } #navigation .tab { height: 35px; float: left; background: url('/images/tab_middle.png') repeat-x left bottom; text-align: center; padding: 0; padding: 0 15px 0 15px; } #navigation .tab_right { width: 4px; height: 35px; float: left; background: url('/images/tab_right.png') no-repeat left bottom; text-align: center; padding: 0; margin: 0 1px 0 0; } #navigation .tab-backup { width: 90px; height: 35px; float: left; background: url('/images/tab.png') no-repeat left bottom; text-align: center; padding: 0; margin: 0 1px 0 0; } #navigation .tab p { margin-top: 15px; } #navigation .selected p { margin-top: 10px; } #navigation .tab a { display: block; text-decoration: none; color: #444; } #navigation .tab a:hover { color: #cc0000; } #navigation .selectedleft { height: 35px; background-image: url('/images/tab_up_left.png'); } #navigation .selected { height: 35px; background-image: url('/images/tab_up_middle.png'); } #navigation .selectedright { height: 35px; background-image: url('/images/tab_up_right.png'); } /* Left Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------*/ #leftnav {overflow:none; border:1px solid #d4d9e3; text-align:left; font:normal 1.0em tahoma; color:#888; width:245px; padding:10px 15px 10px 15px; margin:-5px 5px 0px 5px; background-color:#e4e9f3; } html>body #leftnav { width: 213px; margin-bottom: 2px; } #leftnav .parentcat { margin:5px 0 0px 0px; padding:5px 0 9px 5px; background: url('/images/linkbox-bg.jpg') no-repeat right bottom; border-left:1px solid #d4d9e3; border-top:1px solid #d4d9e3;} #leftnav a.parent { padding:1px 0 1px 10px; display:inline; font: bold 0.8em arial; text-decoration: none; color:#666; text-transform: capitalize} html>body #leftnav a.parent {font: bold 0.8em arial;} #leftnav a.parent:hover, a.parent:active { background: url('/images/blueblock.gif') no-repeat left center; font-weight: bold; text-decoration: none; color:#3c82c8; } #leftnav .catselected { background: url('/images/pinkblock.gif') no-repeat left center;} #leftnav a.catselected { color:#3777A5; } #leftnav .catselected a:hover { color:#fff } #leftnav .catselected:hover { background: url('/images/blueblock.gif') no-repeat left center; } /*#leftnav .subcatselected { background: url('/images/pinkblock.gif') no-repeat left center; }*/ #leftnav .sublinks { background-color:#e4e9f3; background:#e4e9f3 url('/images/panel_bg.jpg') no-repeat right bottom; padding:5px 10px 9px 10px; border-left: 1px solid #d4d9e3; border-top:1px solid #d4d9e3; position:relative; top:-0px } #leftnav a.child { font-size:0.8em; font-weight: normal; text-decoration: none; color:#888;} html>body #leftnav a.child {font-size:0.8em;} #leftnav a.child:hover, a.child:active { font-weight: normal; text-decoration: underline; color:#3c82c8; } #leftnav .childline { display:inline; padding: 0 0 0 10px; height:17px; width:190px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } html>body #leftnav .childline {width: 175px; display:block;} #leftnav .heading1 { position:relative; top:-5px; margin: 0px 0 0px 0; color:#3777A5; font:normal 0.9em tahoma; } html>body #leftnav .heading1 {font-size: 1.0em} #leftnav .heading2 { font:normal 0.9em tahoma; margin:0px 0 -3px 0; border: 1px solid #dbe1f5; color:#3777A5; padding: 2px 1px 2px 10px; position:relative; top:-7px; left:-12px; } html>body #leftnav .heading2 {margin: 0px 0 2px 0} #leftnav p { margin:5px 0 10px 0; color:#888} #leftnav_button { height:25px; background-color:#e4e9f3; background:#e4e9f3 url('/images/long_button_bg.gif') no-repeat left top; border:1px solid #d4d9e3; font:normal 0.9em arial; clear:left; width:245px; margin:4px 4px 4px 5px; padding:5px 0px 5px 6px} html>body #leftnav_button { width:237px; font:normal 1.0em arial; background-color:#e4e9f3; height: 16px} #leftnav_button h2 { font:normal 1.0em tahoma; margin:0px 0 -3px 0; border: 1px solid #dbe1f5; color:#3777A5; padding: 2px 1px 2px 10px; position:relative; top:-2px; left:-3px; } html>body #leftnav_button h2 {margin: 0px 0 2px 0} #leftnav_button h2.over { background:url('/images/selected_button_bg.jpg') no-repeat left bottom; cursor: pointer; border: 1px solid #d5d5d5; } #rss { clear:left; margin:3px 0 4px 5px; padding:5px 0 5px 15px; overflow: auto; border:1px solid #d4d9e3; text-align:left; font:normal 1.0em tahoma; color:#888; width:245px; background-color:#e4e9f3; } html>body #rss { width: 228px; margin-bottom: 2px; } #rss a { color:#3777A5; padding:0 0 0 40px; background:url('/images/rss_feed.gif') no-repeat left center; font:normal 0.9em arial} .subcat { margin:2px 1px 0 0; padding:3px 0 3px 10px; border:1px solid #dbe1f2;} .subcat:hover { border:1px solid #adc1ea; text-decoration: none; background-color:#fff; border:1px solid #7c99ea;} .subcat.subcatselected { padding:3px 0 3px 10px; border:1px solid #adc1ea; text-decoration: none; background-color:#d3dff7; background:#e4e9f3 url('/images/long_button_bg.gif') no-repeat left top;} #leftnav .subcat.subcatselected a.child2 { padding:1px 5px 1px 10px; font-size:0.8em; font-weight: normal; text-decoration: none; color:#222; } .subcat a.child { padding:1px 5px 1px 10px; font-size:0.8em; font-weight: normal; text-decoration: none; color:#888; } .subcat a.child2 { padding:1px 5px 1px 10px; font-size:0.8em; font-weight: normal; text-decoration: none; color:#777;} #leftnav a.child2:hover, #leftnav a.child2:active { font-weight: normal; text-decoration: none; color:#3c82c8; } .linkbox { border-left:1px solid #d4d9e3; border-top:1px solid #d4d9e3; padding:5px 0 7px 3px; margin:5px 0 5px 0; background: url('/images/linkbox-bg.jpg') no-repeat right bottom; clear:left;} #left_container { float:left; font:normal 1.0em arial} html>body #left_container { font:normal 0.9em arial } #register { background-color:#e4e9f3; background:#e4e9f3 url('/images/long_button_bg.gif') no-repeat left top; border:1px solid #d4d9e3; font:normal 0.9em arial; clear:left; width:245px; margin:4px 5px 4px 5px; padding:5px 15px 5px 15px} html>body #register { width:213px; font:normal 1.1em arial; background-color:#e4e9f3;} #register .textbox { width:100%; font:normal 1.0em tahoma; margin:0 0 1px 0; padding:0px } #register .inputbutton { width:65px; font:normal 1.2em tahoma; cursor:pointer; margin: 6px 10px 0 0} html>body #register .inputbutton {margin:6px 30px 0 0} #register #login_message { display:none; color:#cc0000; } #register .checkbox { position:relative; top:1px; cursor:pointer} html>body #register .checkbox {position:relative; top:3px;} #register h2 { font:normal 1.0em tahoma; margin:6px 0 20px 0; color:#3777A5;} html>body #register h2 {margin:0 0 20px 0; height:28px} #register .right { float:right } #register a { font:normal tahoma; color:#909090; position:relative; top:-3px} html>body #register a {position:relative; top:-2px} #register a:hover { color:#404040} #register .button { height: 20px; color:#2b67a5; width:92px; cursor:pointer; margin:6px 0px 0 0; background: url('/images/long_button_bg.gif'); border:1px outset; font-size: 12px} html>body #register .button {margin:6px 0px 0 0;} #register .userdatarow { clear:left; margin:0 0 10px 0 } #register .left { width:180px; color:#3777A5; margin:0 0 2px 0} #register .userdata { width: 180px; font-size:0.9em} #register .userdata A { color:#505050; position:static;} #register .userdata A:hover { color:#2b67a5;} #register .databox { background-color:#e4e9f3; background:#e4e9f3 url('/images/panel_bg.jpg') no-repeat right bottom; padding:13px; border-left: 1px solid #d4d9e3; border-top:1px solid #d4d9e3 } html>body #register .databox { margin:15px 0 0 0 } #registration { position:absolute; background: url('/images/long_button_bg.gif') no-repeat left top; display:none; font: 12px arial; padding:20 15px 0 15px; border: 1px solid #c0c0c0; width:500px; background-color:#e4e9f3; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4); } html>body #registration { width:458px} #registration legend { color:#3777A5} #registration fieldset { border-color:#3777A5; border-width:1px; border-style: solid; padding: 10px} #registration h2 { position:relative; top: -15px; font:normal 1.1em arial; margin:0; color:#2b67a5;} html>body #registration h2 {font:normal 1.0em arial; margin:0 0 10px 0} #registration #titles { float:left; width:110px; padding:0 10px 0 0; text-align:left; font:bold 10px arial; color:#555; line-height: 24px } #registration input { margin:0; width:320px } html>body #registration input { margin:0 0 3px 0; width:300px } #registration .checkbox { width:15px; margin: 3px 0 0 0} html> body #registration .checkbox { margin:10px 0 0 0 } #registration .button { height: 20px; color:#2b67a5; width:100px; cursor:pointer; margin: 0 0 10px 0; background: url('/images/long_button_bg.gif') no-repeat left top; border:1px outset; font-size: 12px} #registration select { margin:1px 0 1px 0; font-size: 12px} #xpress { height:25px; background-color:#e4e9f3; background:#e4e9f3 url('/images/long_button_bg.gif') no-repeat left top; border:1px solid #d4d9e3; font:normal 0.9em arial; clear:left; width:245px; margin:4px 4px 4px 5px; padding:5px 0px 5px 6px} html>body #xpress { width:237px; font:normal 1.0em arial; background-color:#e4e9f3; height: 16px} #xpress h2 { font:normal 1.0em tahoma; margin:0px 0 -3px 0; border: 1px solid #dbe1f5; color:#3777A5; padding: 1px 1px 1px 10px; position:relative; top:-2px; left:-3px; } html>body #xpress h2 {margin: 0px 0 2px 0} #xpress h2.xpress_over { background:url('/images/selected_button_bg.jpg') no-repeat left bottom; cursor: pointer; border: 1px solid #d5d5d5; } #xpress_form { position:absolute; background: url('/images/long_button_bg.gif') no-repeat left top; display:none; font: 12px arial; padding:20px 15px 0px 15px; border: 1px solid #c0c0c0; width:500px; background-color:#e4e9f3; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);} html>body #registration { width:458px} #xpress_form legend { color:#3777A5} #xpress_form fieldset { border-color:#3777A5; border-width:1px; border-style: solid; padding: 10px;} #xpress_form h2 { position:relative; top: -15px; font:normal 1.0em arial; margin:0; color:#2b67a5;} html>body #registration h2 {font:normal 1.0em arial; margin:0 0 10px 0} #xpress_form #titles { float:left; width:110px; padding:0 10px 0 0; text-align:left; font:bold 10px arial; color:#555; line-height: 24px } #xpress_form input { margin:0; width:320px } html>body #registration input { margin:0 0 3px 0; width:300px } #xpress_form .checkbox { width:15px; margin: 3px 0 0 0} html> body #registration .checkbox { margin:10px 0 0 0 } #xpress_form .button { height: 20px; color:#2b67a5; width:100px; cursor:pointer; margin: 0 0 10px 0; background: url('/images/long_button_bg.gif') no-repeat left top; border:1px outset; font-size: 12px} #xpress_form select { margin:1px 0 1px 0; font-size: 12px} #xpress_form textarea { width:445px; margin:10px; padding:10px; overflow:auto} #comment_counter { margin:5px 0 0 0; font:normal 0.9em arial; color: #3777A5 } /* Central Banner Make-up & Styles -------------------------------------------------------------------------------------------------------------------------------------------------*/ #bar1 { background:#510028 url('/images/redfade.jpg'); height:3px; border-bottom:1px solid #fff; width:100%; font-size: 3px} #bluebar { background:#3c1d50 url('/images/redfade.jpg') no-repeat left center; background-position: 752px; } #bar2 { background:#510028 url('/images/redfade.jpg'); height:3px; border-bottom:1px solid #fff; border-top:1px solid #fff; font-size: 3px} #bar3 { background:#510028 url('/images/redfade.jpg'); height:3px; border-bottom:1px solid #fff; font-size: 3px} #bluebar #banner IMG { margin-left:250px; border-left:1px solid #fff; border-right:1px solid #fff;} .BannerIMG { FILTER: revealTrans(transition=7, duration=1.5) blendTrans(duration=1.7) } #latestnews { position: absolute; z-index:1; left:45px; top:155px; width:200px; color:#fff; } html>body #latestnews { top: 155px } #latestnews h1 { font: bold 1em arial; margin: 0; } #latestnews p { margin:0 0 2px 0; padding: 5px 0 0 0; font: normal 0.9em arial; height:11.1em; text-overflow:ellipsis; overflow:hidden; } #latestnews a { color:#e4e9f3; font:normal 0.9em arial } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { background-color:#505050; border-top:1px solid #fff; clear: both; margin: 0; color:#808080; font:xx-small verdana; color:#aaa; height: 20px} #footer #left { float: left; margin:3px 0 0 5px; } html>body #footer #left { margin: 3px 0 0 10px} #footer #right { float: right; margin:3px 5px 0 0; } html>body #footer #right { margin: 3px 10px 0 0px} #footer a { color:#aaa; } #footer a:hover { color:#fff; text-decoration: underline} #credits { clear:both; font:xx-small arial; background-color:#D0D3DD; padding: 0; width:100%; border-top:1px solid #333; position: absolute} #credits IMG { float:left; border:0; margin:10px 0 0 10px } #credits .right { float:right; color:#666; position:relative; right:-1px; background-color:#D0D3DD; height:50px; padding:10px 10px 0 10px; text-align:right } #credits .right A { color:#666 } /* Main Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainbody { padding:0px; margin:auto; display:inline-block;} #content { display: block; font:normal 1.2em arial; color:#404040; margin:0px 0px 0px 250px; padding:45px 55px 1px 50px; line-height:135%; text-align: left; } html>body #content { font:1.1em arial; line-height: 135%; text-align: left; width:auto} #content h1 { font:bold 1.4em arial; color:#3777A5; margin: 0px 0 1em 0;} html>body #content h1 {font:normal 1.3em arial;} #content h2 { font:normal 1.2em arial; color:#3777A5; margin: 0px 0 1em 0;} html>body #content h2 {font:normal 1.0em arial;} #content h3 { font:bold 1em arial; color:#3777A5; margin-bottom:0px;} html>body #content h3 {font:normal 1.0em arial;} #content LI { line-height:135%; text-align: left; } #content P { margin: 0 0 1em 0; clear:none; text-align:justify} #content .footnote { font: normal 0.8em arial; color: #aaa; padding: 10px 0 0 3px; margin:0 0 10px 0} html>body #content .footnote {padding: 10px 0 0 0;} #content .footnote b { font-weight: normal; color: #888; } #content .created { float:left; margin: 0 10px 10px 0;} #content .modified { float:left; border-left:1px solid #ddd; margin:0 0 10px 0; padding:0 0 0 10px;} #content A { color:#3777A5 } #content TABLE { font:1.0em arial; color:#404040; line-height:135%; text-align:left;} #content .thenews { margin:10px 0 10px 0; } #content .news { margin:10px 0 10px 0; font: normal 0.9em arial; height:90px} #content .thumb { float:left; } #content .article_text { margin:0 0 0 100px } #content .headline { font-weight: bold; margin:0 0 5px 0 } #content .intro { height:45px; text-overflow:ellipsis; overflow:hidden; text-align:justify; } #content .extra_info { margin:5px 0 0px 0; color:#aaa} #content .extra_info A { font-size:0.9em} #breadcrumbs_top {position:relative; top:-35px; left: -40px; color:#c0c0c0; font:normal 0.8em arial; text-transform:lowercase} html>body #breadcrumbs_top {top:-35px} .breadcrumbs a {color:#999; white-space: nowrap;} .breadcrumbs a:hover {color:#3777A5} #article_menu_container { width:260px; float:right; font:normal 0.75em arial; color:#444;text-align:left; position:relative; top:-40px; left:40px;} html>body #article_menu_container { width:260px} .article_menu_top { background:url('/images/tab_box_top.gif') no-repeat left bottom; height:30px; padding: 5px 0 0 37px; font:bold 1.1em arial; color:#555} html>body .article_menu_top P {padding-top:5px;} .article_menu { background:url('/images/tab_box_middle.gif') repeat-y left bottom; line-height: 10px; text-align:left; padding:10px 25px 5px 25px;} #article_menu_container P { text-align:left } #article_menu_container A { color:#666 } #article_menu_container A:Hover { color:#3777A5 } #article_menu_container A.active{ color:#cc0000 } .article_menu_footer { background:url('/images/tab_box_bottom.gif') no-repeat left bottom; height:10px; } #fullsize { display:none; position:absolute; z-Index:100; margin:0; background:#444; border:1px solid #ccc; cursor:default; font:normal 12px arial; color:#fff; text-align:right; filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4)} #fullsize IMG { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .sizers { float:right; background-color: #444; width:178px; text-align:right; border-bottom:1px solid #333; } html>body .sizers {margin:0 0 0px 0} .sizers IMG { border:0px; cursor:pointer; position:relative; left:1px} #sizers IMG { border:0px; cursor:pointer; } #fullsizebox { border:0px solid #ccc; font:normal 12px arial; color:#ccc; margin:0px; background-color: #444; padding:0px; text-align:center;} .dbimage { border:1px solid #bbb; cursor:pointer; } embed { border:1px solid #888; } .pdf { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/pdf.gif') no-repeat left center; } .doc { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/word.gif') no-repeat left center; } .pdf { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/pdf.gif') no-repeat left center; } .zip { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/zip.gif') no-repeat left center; } .mdb { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/access.gif') no-repeat left center; } .xls { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/excel.gif') no-repeat left center; } .html { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/html.gif') no-repeat left center; } .xml { line-height:25px; padding:0 0 0 25px; background:url('/images/icons/xml.gif') no-repeat left center; }