/****************************\
css hacks: 
* in front of css property: ie 7 or lower
_ in front of css property: ie 6 or lower
escaping any letter (\) between a-z0-9 hides from ie 5.x
ie5-6 cannot do tag inheritance, prefix html>body to hide from ie 6 or <.
ie 7 appears to support it. (unconfirmed)
tag:empty { only evaluates in safari. }
_height: expression(this.scrollHeight < 400 ? "400px" : "auto"); ie6 min-height
The following is a png hack to fix transparent background images in ie6 (which pngbehavior doesn't catch).
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/a.png',sizingMethod='image');
http://admin.clearlinewebsystems.ca/code_editor
Code Editor
Supposedly this fixes ie6 background image flicker, (useful for css rollover menus? maybe not).  
Haven't tested.  Expressions may cause browser to act slow and laggy.  Could be implemented in javascript instead..
html { _filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
\****************************/
html,body {
 padding:0px;
 margin:0px;
 background:#e5e0d6;
 text-align:center;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
 font-size:12px;
 color:#000;
}
h1, h2, h3, h4, h5, a {color:#6C6B40}
a:visited {color:#6C6B40}
a:active {color:#6C6B40}
a:hover {color:#999}
img {border:none}
#container {
 position:relative;
 width:750px;
 background:#fff url(/shared/64/images/site_bottom.jpg) no-repeat bottom left;
 margin:0px auto;
 border:none;
 text-align:left;
}
#header {
 position:relative;
 background:url(/shared/64/images/header_bg.jpg) repeat-x top left;
 height:105px;
 width:750px;
 z-index:3;
}
#pagetitle {
 position:absolute;
 top:56px;
 left:200px;
 color:#6c6b40;
 font-size:24px;
 z-index:2;
}
#headerperson {
 position:absolute;
 width:auto;
 z-index:4;
 top:0px;
 right:0px;
}
#logo {
 position:absolute;
 border:none;
 width:auto;
 top:20px;
 left:40px;
}
#wrapper {
 position:relative;
 width:750px;
 min-height:400px;
 height:auto !important;
 height:400px;
 z-index:2;
 padding:20px 0px;
}
#address {
 text-align:left;
 width:140px;
 position:absolute;
 left:30px;
 bottom:30px;
}
#address span {font-weight:bold}
#circles {
 position:absolute;
 top:5px;
 right:0px;
 z-index:1;
}
#leftcol {
 position:relative;
 width:200px;
 float:left;
 text-align:center;
}
#maincol {
 position:relative;
 float:left;
 width:545px;
 border-left:1px solid #6c6b40;
}
#content {
 padding:0px 40px;
 float:none;
 display:block;
}
#virtgate {
 width:158px;
 margin:0px auto;
 text-align:left;
}
#virttop img {display:block}
#virtmid {
 background:url(/shared/64/images/login_repeat.gif) repeat-y top left;
 width:148px;
 padding:0px 5px;
}
#virtbottom img {display:block}
#maincontainer {
 position:relative;
 width:750px;
 background:#fff url(/shared/64/images/site_bottom.jpg) no-repeat bottom left;
 margin:0px auto;
 border:none;
 text-align:left;
}
#maincontainer #header {
 position:relative;
 background:url(/shared/64/images/main_header_bg.jpg) no-repeat top left;
 height:330px;
 width:750px;
 z-index:3;
}
#mainflash {
 position:absolute;
 bottom:0px;
 left:0px;
 z-index:3;
}
#maincontainer #content {
 border-bottom:solid 1px #6c6b40;
 padding-bottom:25px;
}
#whereru {
 position:relative;
 width:227px;
 float:right;
 border-left:1px solid #6c6b40;
}
#whereru p {padding:0px 10px}
#maincontainer #virtgate {
 width:158px;
 position:absolute;
 bottom:20px;
 left:20px;
}
#maincontainer #topmenu {background:url(/shared/64/images/nav_bg.jpg) repeat-x top left}
a#new2investing {
 position:relative;
 display:block;
 float:right;
 width:317px;
 text-decoration:none;
}
#new2invcontent {padding:10px}
#mainbottom {z-index:0}
#splash_financial_calculator_container {
 position:relative;
 display:block;
 width:160px;
 height:205px;
 margin-top:25px;
 margin-left:auto;
 margin-right:auto;
 z-index:100;
 background /**/: transparent url('../images/splash_financial_calculator.png') top left no-repeat; 
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/64/images/splash_financial_calculator.png');
}
#greeting {
 position:absolute;
 left:190px;
 top:40px;
 font-size:18px;
 font-weight:bold;
 color:#6c6b40;
}
#login {
 position:relative;
 display:block;
 width:182px;
 height:113px;
 margin-left:auto;
 margin-right:auto;
 background /**/: transparent url('../images/login_bg.png') top left no-repeat; 
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/64/images/login_bg.png');
}
#advisor_button {
 position:relative;
 display:block;
 width:182px;
 height:67px;
 margin-top:25px;
 margin-left:auto;
 margin-right:auto;
 background /**/: transparent url('../images/advisor.png') top left no-repeat; 
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/64/images/advisor.png');
}
#topmenu {
 position:relative;
 background:url(/shared/64/images/nav_bg.jpg) repeat-x top left;
 height:28px;
 width:750px;
 border:none;
 z-index:10;
}
#topmenu ul {
 position:relative;
 float:left;
 padding:0px;
 margin:0px;
 margin-top:-3px;
}
#topmenu ul{
 z-index:5;
 list-style:none;
}
#topmenu ul ul {                
 padding:0;           
 cursor:default;             
 margin:0px;            
 list-style:none;
 border:none;
 background:#E1C482 url(/shared/64/images/nav_bg.jpg) repeat-x bottom left;
 _display:none;
 _position:absolute;
 _top:28px; 
 _left:0px;
 _z-index:100;
}
#topmenu ul li {
 list-style:none;
 display:block;
 height:25px;
 float:left;
 text-align:center;
 background:url(/shared/64/images/nav_divider.jpg) no-repeat top right;
 vertical-align:middle;
 _behavior: url(/shared/64/javascripts/IEmen.htc);
 _width:95px;
 _line-height:11px;
 _padding:0;
 _margin:0;
}
#menu_1496 {
 _width:50px !important;
}
#menu_1670 {
 _width:70px !important;
}
#menu_1776 {
 _width:115px !important;
}
#topmenu ul ul li {
 width:auto;
 border-left:none;
 margin-top:0px;
 height:auto;
 background:none;
 display:inline-block;
 border:none;
}
#topmenu ul li > ul {          
 display:none;               
 position:absolute;          
 top:20px;                    
 left:0px;                  
 z-index:10;
}
#leftmenu ul li:hover, #leftmenu ul li.CSStoHighlight {
 text-decoration:none;
 list-style: none;
}
#topmenu ul ul li:hover, #leftmenu ul ul li.CSStoHighlight {
 text-decoration:none;
 list-style: none;
}
#topmenu ul ul.CSStoShow {display: block}
#topmenu ul li:hover > ul {display: block}
#topmenu ul li a {
 text-align:center;
 font-size:11px;
 color:#6C6B40;
 padding-top:5px;
 _padding-top:2px;
 padding-left:5px;
 padding-right:9px;
 display:block;
 height:28px;
 text-decoration:none;
}
#topmenu ul ul li a {
 text-align:center;
 font-size:11px;
 color:#6C6B40;
 display:block;
 text-decoration:none;
 padding:2px 4px;
 _padding:10px;
 height:auto;
}
#topmenu ul li a:hover, #topmenu ul li:hover > a { 
 color:#FFF;
}
#topmenu ul ul li a:hover, #topmenu ul ul li:hover > a {
 color:#FFF;
}