body {margin: 0; background: #e2dbd0 url(../img/bg.gif) 50% 50%; color: #000; font-size: 75%; font-family: georgia, serif;}

img {border: 0;}
table {border-spacing: 0; border-collapse: collapse;}
table td {padding: 0;}
a {color: #171796; outline: none;}
a:visited {color: #5b297e}
a:hover {color: #7a6744}
.clear {clear: both;}
.hilight {background-color: #fff8d0}
hr {width: 80%; clear: both; border: 1px solid #cdc2b0; border-width: 1px 0 0; margin: 8px 0}
#alltestimonials hr {margin: 1.3em 0; width: 100%;}

#wrapper {width: 740px; margin: 10px auto 0; background: #fff url(../img/s-bodybg.gif) repeat-y; padding: 0 10px; position: relative;}
#home #wrapper {background: #fff url(../img/h-bodybg.gif) repeat-y;}
#header {background: url(../img/s-bodytop.gif) no-repeat; margin: 0 -10px; height: 112px; overflow: auto;}
#home #header {background: url(../img/bodytop.gif) no-repeat;}
#logo {float: left; margin: 22px 30px 18px}
#tagline {float: right; margin: 28px 24px 0;}

#titlebar {width: 740px; height: 103px; background-repeat: no-repeat;}
#titlebar h1 {margin: 0 0 0 192px; width: 548px; height: 103px; color: #fff; text-indent: -4000px; background-repeat: no-repeat;}
/* page titles */
#investment #titlebar h1 {background-image: url(../img/t-investment.gif);}
#investment #titlebar h1.plans {background-image: url(../img/t-investment-plans.gif);} 
#investment #titlebar h1.qualified {background-image: url(../img/t-investment-qualified.gif);} 
#investment #titlebar h1.ira {background-image: url(../img/t-investment-ira.gif);}
#member #titlebar h1 {background-image: url(../img/t-member.gif);}
#team #titlebar h1 {background-image: url(../img/t-team.gif);}
#team #titlebar h1.board {background-image: url(../img/t-team-board.gif);}
#team #titlebar h1.comerica {background-image: url(../img/t-team-comerica.gif);}
#team #titlebar h1.executive {background-image: url(../img/t-team-executive.gif);}
#team #titlebar h1.providers {background-image: url(../img/t-team-providers.gif);}
#team #titlebar h1.specialists {background-image: url(../img/t-team-specialists.gif);}
#forms #titlebar h1 {background-image: url(../img/t-forms.gif);}
#forms #titlebar h1.census {background-image: url(../img/t-forms-census.gif);}
#resources #titlebar h1 {background-image: url(../img/t-resources.gif);}
#resources #titlebar h1.fund {background-image: url(../img/t-resources-fund.gif);}
#glossary #titlebar h1 {background-image: url(../img/t-resources-glossary.gif);}
#resources #titlebar h1.newsletter {background-image: url(../img/t-resources-newsletter.gif);}
#resources #titlebar h1.tips {background-image: url(../img/t-resources-tips.gif);}
#resources #titlebar h1.statements {background-image: url(../img/t-resources-statements.gif);}
#resources #titlebar h1.unit {background-image: url(../img/t-resources-unit.gif);}
#joincdg #titlebar h1 {background-image: url(../img/t-join.gif);}
#joincdg #titlebar h1.changes {background-image: url(../img/t-join-changes.gif);}
#about #titlebar h1 {background-image: url(../img/t-about.gif);}
#annualmeeting #titlebar h1 {background-image: url(../img/t-annualmeeting.gif);}
#board #titlebar h1 {background-image: url(../img/t-board.gif);}
#contact #titlebar h1 {background-image: url(../img/t-contact.gif);}
#events #titlebar h1 {background-image: url(../img/t-events.gif);}
#about #titlebar h1.credits {background-image: url(../img/t-credits.gif);}
#about #titlebar h1.testimonials {background-image: url(../img/t-testimonials.gif);}

/* sitewide nav */
#nav {width: 191px; position: absolute; top: 206px; left: 10px;}
#nav ul {margin: 0; padding: 0; font-size: 120%; list-style: none;}
#nav ul li {margin: 0; padding: 0; border-bottom: 1px solid #cdc2b0}
#nav ul li a {display: block; height: 29px; text-decoration: none; text-indent: -4000px; background: url(../img/s-nav.gif) no-repeat;}
#nav #hm a {background-position: 0 0;}
#nav #hm a:hover {background-position: -190px 0;}
#nav #inv a {background-position: 0 -29px;}
#nav #inv a:hover, #investment #nav #inv a {background-position: -190px -29px;}
#nav #mem a {background-position: 0 -58px;}
#nav #mem a:hover, #member #nav #mem a {background-position: -190px -58px;}
#nav #cdg a {background-position: 0 -87px;}
#nav #cdg a:hover, #team #nav #cdg a {background-position: -190px -87px;}
#nav #frm a {background-position: 0 -116px;}
#nav #frm a:hover, #forms #nav #frm a {background-position: -190px -116px;}
#nav #res a {background-position: 0 -145px;}
#nav #res a:hover, #resources #nav #res a {background-position: -190px -145px;}
#nav #join a {background-position: 0 -174px;}
#nav #join a:hover, #joincdg #nav #join a {background-position: -190px -174px;}

#nav ul ul {font-size: 80%; background-color: #f2eee6; padding-bottom: 6px; display: none;}

#investment #nav #inv ul {display: block;}
#team #nav #cdg ul {display: block;}
#resources #nav #res ul, #glossary #nav #res ul {display: block;}
#joincdg #nav #join ul {display: block;}
#nav ul ul li {border-bottom: 0;}
#nav ul ul li a {background: none; text-indent: 0; height: auto; padding: 2px 20px 4px; background: url(../img/li-nav.gif) -176px 6px no-repeat !important;}
#nav ul ul li a:hover, #nav ul ul li a.current {background-position: 9px 6px !important}
#nav ul ul li a.current {font-weight: bold; color: #171796}

/* home nav */
#home #nav {width: 100%; height: 180px; overflow: auto; background: #141578 url(../img/h-bannerbg.jpg) no-repeat; position: relative; top: 0; left: 0;}
#home #nav ul li {border-bottom: 0}
#home #nav ul li a {height: 24px; width: 227px; color: #fff;  padding: 6px 0 0 20px; background: url(../img/h-nav.gif) no-repeat; border-bottom: 0}
#home #nav #inv a {background-position: 0 0;}
#home #nav #inv a:hover {background-position: -247px 0;}
#home #nav #mem a {background-position: 0 -30px;}
#home #nav #mem a:hover {background-position: -247px -30px;}
#home #nav #cdg a {background-position: 0 -60px;}
#home #nav #cdg a:hover {background-position: -247px -60px;}
#home #nav #frm a {background-position: 0 -90px;}
#home #nav #frm a:hover {background-position: -247px -90px;}
#home #nav #res a {background-position: 0 -120px;}
#home #nav #res a:hover {background-position: -247px -120px;}
#home #nav #join a {background-position: 0 -150px;}
#home #nav #join a:hover {background-position: -247px -150px;}

#home #photo {width: 273px; height: 180px; position: absolute; top: 0; right: 0;}

#content {margin: 26px 0 0 213px; padding: 0 64px 26px 0; line-height: 1.5; min-height: 380px; overflow: auto;}
*html #content {height: 392px;}
#home #content {width: 400px; margin: 38px 0 0 40px; min-height: 0}
*html #home #content {height: 260px;}

#content h2, #content h3 {color: #7a6744; line-height: normal;}
#content h2 {font-size: 130%; margin: 16px 0 4px; border-bottom: 1px solid #c8bca8;}
#glossary #content h2 {clear: left;}
#team #content h2 {clear: right;}
#content h3 {font-size: 100%; margin: 8px 0 4px;}
#content p {margin: 0 0 8px}
#team #content p.column2, #contact #content p.column2, #content div.column2 {float: left; width: 45%;}
#contact #content p.column2 {clear: left;}
#content div.column2 {margin-right: 10px;}
#content div.column2 ul li a {display: block}
#content ul {margin: 0 0 12px; padding: 0; list-style: none;}
#content ul li {margin: 0 0 4px; padding: 0 0 0 16px; background: url(../img/li-body.gif) 0 5px no-repeat;}
*html #content ul li {position: relative;}
#content ul li p {margin-bottom: 6px;}
#content ul.column2 li {width: 40%; float: left; margin-right: 12px;}
#content ol li {margin-bottom: 8px}
#content ol ul li {margin-bottom: 2px}

#content .linklist li {line-height: normal; margin-bottom: 6px}
#content .linklist a {display: block;}

#content .anchor {list-style-position: inside;}
#content .anchor li {padding-left: 32px; text-indent: -18px; background: transparent url(../img/ic-anchor.gif) no-repeat; margin-bottom: 0;}

#content div:target, #content div.sftarget {border: 1px solid #cdc2b0; background-color: #f2eee6; margin-top: 40px; padding: 0 16px 8px;}
#content div:target {width: 90%;}

#content .anchorwrap {clear: left; margin-top: 10px;}
#content .anchorwrap div {clear: left; overflow: auto;}
#content dl {margin: 0 0 12px;}
#team #content dl, #contact #content dl {float: left; width: 50%}
#content dt {font-weight: bold; float: left; min-width: 15%; clear: both; white-space: nowrap;}
*html #content dt {width: 25%;}
*html #content dd dt {width: 10%;}
#team #content dt, #contact #content dt {min-width: 25%;}
*html #team #content dt, *html #contact #content dt {width: 25%;}
#content dd {margin: 0 0 0 10px; padding: 0 0 8px; float: left; max-width: 75%}
*html #content dd {width: 70%}
*html #content dd dd {width: 85%;}
#team #content dd, #contact #content dd {padding: 0;} 
#content dd p {margin: 0 0 8px}
#glossary #content dt, #glossary #content dd {float: none; max-width: 100%;}
*html #glossary #content dt, *html #glossary #content dd {width: 90%;}
#glossary #content dt {color: #7a6744; line-height: normal; font-size: 100%; margin: 16px 0 4px; white-space: normal}

#content #alphalist {padding: 0; margin: 0; list-style: none;}
#content #alphalist li {float: left; margin-right: 1px; background-image: none; padding: 0; color: #7a6744;}
#content #alphalist li.nolink {padding: 0 3px;}
#content #alphalist li a {display: block; padding: 0 3px; font-weight: bold; color: #7a6744; text-decoration: none; border: 1px solid #cdc2b0; background-color: #eae4da}
#content #alphalist li a:hover {background-color: #f2eee6; color: #171796}

#content #events {margin-top: -12px;}
#content #events th {font-size: 110%; text-align: left; border-bottom: 1px solid #cdc2b0; padding: 12px 4px 0}
#content #events td {padding: 3px 6px 3px 4px; vertical-align: top;}
#content #events .date {white-space: nowrap;}
#content #events td strong {display: block;}
#content #events .highlight {border: 1px solid #cdc2b0; background-color: #eae4da}

#content .biophoto {float: right; margin: 0 0 8px 20px; width: 100px; font-size: 80%; line-height: normal;}
#content .biophoto img  {border: 2px solid #cdc2b0; display: block; margin: 0 0 4px;}
#content .biophoto div {border: 2px solid #cdc2b0; background-color: #f2eee6; width: 100px; height: 142px;}

#content .newsthumb {float: right; margin: 0 0 8px 20px; width: 140px; font-size: 80%; line-height: normal;}
#content .newsthumb img  {border: 2px solid #cdc2b0; display: block; margin: 0 0 4px;}

#content .glossary {position:relative; color:#7a6744; text-decoration:none; border-bottom: 1px dashed #7a6744; cursor: help;}

#content .chart {width: 400px; margin: 10px auto; font-size: 90%;}

#content .rtt {text-align: right; margin-bottom: 16px; clear: both; border-top: 1px solid #eae4da}
#content .rtt a {padding-right: 12px; background: url(../img/ic-rtt.gif) top right no-repeat;}

#content .sidebar {width: 192px; float: right; margin: 0 -64px 20px 30px; border: 1px solid #c8bca8; border-right-width: 0; background-color: #eae4da; position: relative;}
*html #content .sidebar {margin-right: -32px;}
#content .sidebar h4 {margin: 0 0 4px; padding: 4px 10px 0; border-top: 1px solid #d9d0c1; text-indent: -4000px; background-position: 10px 8px !important; background-repeat: no-repeat !important;}
*html #content .sidebar h4 {margin-bottom: 0;}
#content .sidebar p {margin: 0 10px 12px}
.attr, #content .sidebar .attr {margin: -6px 10px -2px; color: #7a6744; font-style: italic; line-height: 1.3;}
#content .sidebar ul {margin: 0 10px 12px}
#content .sidebar ul li {background: url(../img/li-side.gif) 0 5px no-repeat; padding-left: 12px; position: relative;}
#content .sidebar h4 a {color: #7a6744; font-style: italic; font-weight: normal; text-decoration: none; display: block;}
/* sidebar headings */
#content .sidebar h4#hdgall {background: url(../img/s-shd-gallery.gif);}
#content .sidebar h4#hdboard {background: url(../img/s-shd-board.gif);}
#content .sidebar h4#hdcontact {background: url(../img/s-shd-contact.gif);}
#content .sidebar h4#hdcustomize {background: url(../img/s-shd-customize.gif);}
#content .sidebar h4#hdira {background: url(../img/s-shd-ira.gif);}
#content .sidebar h4#hdjoin {background: url(../img/s-shd-join.gif);}
#content .sidebar h4#hdmeet {background: url(../img/s-shd-meet.gif);}
#content .sidebar h4#hdperformers {background: url(../img/s-shd-performers.gif);}
#content .sidebar h4#hdqualified {background: url(../img/s-shd-qualified.gif);}
#content .sidebar h4#hdquestions {background: url(../img/s-shd-questions.gif);}
#content .sidebar h4#hdshareholders {background: url(../img/s-shd-shareholders.gif);}
#content .sidebar h4#hdannual {padding-top: 22px; background: url(../img/s-shd2-annual.gif);}
#content .sidebar h4#hdbenefits {padding-top: 22px; background: url(../img/s-shd2-benefits.gif);}
#content .sidebar h4#hdresources {padding-top: 22px; background: url(../img/s-shd2-resources.gif);}
#content .sidebar h4#hdfundmanager {padding-top: 22px; background: url(../img/s-shd2-fundmanager.gif);}

#testimonial {width: 192px; float: right; clear: right; margin: 0 -64px 20px 30px; background: #f0e7d7 url(../img/testimonial-bg.gif) -10px -5px no-repeat; position: relative; border: 1px solid #e1cba3; border-right: 0;}
*html #testimonial {margin-right: -32px;}
#testimonial h4 {margin: 0 0 4px; padding: 4px 10px 0; text-indent: -4000px; background-position: 10px 8px !important; background-repeat: no-repeat !important;}
*html #testimonial h4 {margin-bottom: 0;}
h4#hdtestimonial {background: url(../img/s-shd-testimonials.gif);}
#testimonial p {margin: 0 10px 12px}
.attr, #testimonial .attr {margin: -6px 10px -2px; color: #b37c17; font-style: italic; line-height: 1.3;}


/* form styles */
form {margin: 0 -48px 0 0; position: relative;}
form fieldset {border: 1px solid #d9d0c1; padding: 8px; margin: 16px 0 0; position: relative;}
#content form fieldset p {margin: 12px 0 0}
form fieldset legend {color: #7a6744; font-size: 120%; font-weight: bold; padding: 0; margin: 10px -6px 0;}
form fieldset .column {width: 48%; float: left; margin-top: 0; margin-bottom: 10px;}
form fieldset .border {margin: 10px -8px 0;}
form fieldset .border div {margin: 0; padding: 0px 4px 4px; border-top: 1px solid #cdc2b0}
form fieldset .border div div {border-top: 0;}
form fieldset .odd {background-color: #f2eee6;}
form fieldset .borderleft {border-left: 1px solid #cdc2b0; padding-left: 4px;}

form fieldset label {display: block; margin: 6px 0 0}
form fieldset div {margin: 0;}
form fieldset .required {font-weight: bold;}

form fieldset .entryset {overflow: auto; height: 100%;}
form fieldset .entryset div {width: auto; float: left; margin-right: 4px;}

form fieldset .radioset label {display: inline; text-indent: 20px;}
form fieldset .radioset {margin-top: 0;}
form fieldset .entryset .radioset {margin-top: 6px;}

form #submit {text-align: center; padding: 8px; background-color: #cdc2b0; margin: 0 -8px -8px;}
/* end form styles */

#home #sidebar {position: absolute; top: 306px; right: 30px; width: 233px; float: none; margin: 0; border: none; background: none;}
#home #sidebar h2 {margin: 24px 0 4px; width: 228px; height: 19px; text-indent: -4000px;}
#home #sidebar h2 a {font-size: 70%; color: #7a6744; font-style: italic; font-weight: normal; text-decoration: none; display: block;}
#home #sidebar #hdjoin {background: url(../img/h-hd-join.gif) no-repeat;}
#home #sidebar #hdstatements {background: url(../img/h-hd-statements.gif) no-repeat;}
#home #sidebar p {margin: 0 0 8px; line-height: 1.4;}
#home #sidebar p a {font-weight: bold;}

#footer {width: 740px; margin: 0 auto; background: url(../img/bodybot.gif) no-repeat; padding: 10px 10px; font-size: 7.5pt;}
#footer ul {margin: 0; padding: 0; list-style: none; height: 100%; overflow: auto;}
#footer ul li {margin: 0 8px 0 0; float: left; padding-left: 8px; border-left: 1px solid #7a6744;}
#footer ul li.first {padding-left: 0; border-left: 0;}
#footer ul li a {font-weight: bold;}
#footer p {margin: 6px 0}

#moving {width: 284px; padding: 6px; border: 1px solid #e1cba3; background: #f0e7d7; position: absolute; top: 22px; left: 169px; font-size: 95%;}
#moving h2 {color: #c27f05; line-height: normal; margin: 0 0 4px;}
#moving p {margin: 0; color: #7a6744;}