* {font-size: 100%; padding: 0; margin: 0;}
html{font-size:100.1%;}/*WinIE6- text resize adjust*/
body{margin:0;padding:0;border:0;font-family: Verdana ,sans-serif;background:#fff;text-align:center; margin: 0 auto;}
div#tree-wrapper { width: 977px; margin: 0 auto; position: relative; top: 20px; left: 0; }
div#tree-wrapper a {color:#1a5baf;}
div#tree-wrapper a:hover {text-decoration:none;}

/* Header styles */
#header-tree {
    clear:both;
    float:left;
    width:100%;
    text-align: left;
    padding: 0 0 1.3% 0;
    position: relative;
}
#header-tree img { margin: 0 0 1% 2%;}
#header-tree h1 { padding: 1% 0 3px 2%; margin:0; background:url(../images/bg-header1.png) 0 4px no-repeat; color: #fff; font-size: 110%;}
#header-tree ul#breadcrumbs { float:left; width: 957px; list-style: none; clear:both; background:#eee; padding: 4px 0 6px 2%; margin:0; border-top: 2px solid #909090;}
#header-tree ul#breadcrumbs li { display:inline; list-style:none; margin:0; padding:0; font-size: 70%;}
#header-tree div#search { position: absolute; top: 0; left: 733px; background:url(../images/bg-btn-search1.png) 0 0 no-repeat; width: 244px; padding: 4px 0 0 0; margin: 0; height: 33px;}
#header-tree div#search input#search-input {border:1px solid #9097A2; font-family: arial,sans-serif; font-size:80%; font-weight:normal; padding:2px; width: 125px; margin: 0 8px 0 11px;}
#header-tree div#search input#search-button { font-family: arial,sans-serif; font-size:80%; padding:1px; margin: 3px 5px 0 0;}
 /* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;				/* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;	
    overflow:hidden;
    text-align: left;
}
/* 3 Column settings */
.threecol {
    background:#eee;		/* right column background colour */
}
.threecol .colmid {
    right:25%;				/* width of the right column */
    background:#fff;		/* center column background colour */
}
.threecol .colleft {
    right:50%;				/* width of the middle column */
    background:#f1f1f1;		/* left column background colour */
}
.threecol .col1 {
    width:46%;				/* width of center column content (column width minus padding on either side) */
    left:102%;				/* 100% plus left padding of center column */
}
.threecol .col1 h2 { font-size: 90%; padding: 1.5% 0 0 0; border-bottom: 1px solid #c7c7c7;}
.threecol .col1 p { font-size: 80%; padding: 1.5% 0 0 0;}

.threecol .col2 {
    width:21%;				/* Width of left column content (column width minus padding on either side) */
    left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col2 h2, .threecol .col3 h2 { font-size: 80%; padding: 10px 0 0 0; margin: 0;}
.threecol .col2 ul, .threecol .col3 ul { padding: 0; margin: 0; }
.threecol .col2 ul li, .threecol .col3 ul li { padding: 0; margin: 0;}
.threecol .col2 a, .threecol .col3 a { font-size: 70%; margin: 0; padding: 0;}

.threecol .col3 {
    width:21%;				/* Width of right column content (column width minus padding on either side) */
    left:85%;				/* Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


.active { background:url(../images/arrow.gif) 165px 12px no-repeat;}

/* Footer styles */
#footer-tree {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #909090;
    padding: 2% 0 0 0;
}
#footer-tree div.links { width: 49em; padding: 0 0 0 0; text-align:center; position: relative; top: 0; left: 0;}
#footer-tree a {color:#1a5baf; font-weight: normal; padding: 10px 4px 5px 4px; text-decoration: none; font-size: 75%;}
#footer-tree a:hover {text-decoration: underline;}

/* Tree CSS Overrides */
html, body {
      background:#8EACC0 url(http://d1gb5sndf7zvcj.cloudfront.net/partner/shareholder.com/images/common/main_bg.gif) repeat-x scroll center top;
      /* background:#8EACC0 url(http://www.tree.com/Themes/TreeCom/images/Common/main_bg.gif) repeat-x scroll center top; */
      color:#666666;
      font-family:Verdana, Arial, sans-serif;
}

header-tree h1 { 
      background:transparent url(../images/bg-header1.png) no-repeat scroll center top;
      border:#FFFFFF solid;
      border-width:3px 3px 0;
      font-family:trebuchet MS,verdana,arial;
      font-weight:normal;
      padding:4px 0 3px 15px;
}

.threecol .col1 h2 {
      background:transparent url(http://d1gb5sndf7zvcj.cloudfront.net/partner/shareholder.com/images/common/header_leaf.gif) no-repeat scroll left top;
      /* background:transparent url(http://www.tree.com/Themes/TreeCom/images/Common/header_leaf.gif) no-repeat scroll left top; */
      border-bottom:4px solid #B1C7D5;
      color:#333333;
      font-family:trebuchet ms,verdana,arial;
      font-size:18pt;
      font-weight:normal;
      margin:10px 0 0;
      padding:4px 0 7px 40px;
}

h3 {
      color:#71AD16;
      font-family:trebuchet MS;
      font-size:14pt;
      font-weight:normal;
      margin-bottom:0;
      margin-top:6px;
}

div#tree-wrapper a {
      color:#305D80;
}

#header-tree ul#breadcrumbs {
      background:#FFFFFF;
      border-top:none
}

.threecol { 
      border:4px solid #FFFFFF;
      width:969px;
}


#footer-tree { 
      background:#FFFFFF;
      border-top:5px solid #333333;
      margin:10px 0 0;
      padding:10px 0 30px 0;
}

#footer-tree div.links a {
      color:#71AD16;
}