/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body {
   font-size: 10px;
   line-height: 1.6em;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   background-image: url(../graphics/bg-body.png);
   background-repeat: repeat-x;
   background-color: #d2c7b3;
   color: #514843;
}

p {
   font-size: 1.2em;
   margin: 10px 0;
}

h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
h1 { font-size: 1.9em; color: #000; }
h2 { font-size: 1.6em; color: #4c6d7b; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
li { font-size: 1.2em; }
label { font-size: 1.2em; }

ul { margin-bottom: 10px; }

a:link, a:visited { color: #514843; text-decoration: underline; }
a:hover, a:active { color: #2693ad; text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.imageRight { margin: 0px 0 10px 20px; }
.imageLeft { margin: 0px 20px 10px 0; float: left; }

.small-text { font-size: 1.2em; }
.medium-text { font-size: 1.5em; line-height: 1.6em; }
.large-text { font-size: 1.7em; line-height: 1.8em; }
/*------------------------------------------------------------
   page-wrapper
------------------------------------------------------------*/
#page-wrapper {
   width: 960px;
   margin: 0 auto;
}

/*------------------------------------------------------------
   Main Nav
------------------------------------------------------------*/
ul#nav {
   float: right;
   margin-top: 3px;
   margin-bottom: 29px;
   width: 580px;
}

ul#nav li {
   display: inline;
   padding: 0 0 0 10px;
   font-size: 1.2em;
}

ul#nav li a:link, ul#nav li a:visited { color: #514843; text-decoration: none; }
ul#nav li a:hover, ul#nav li a:active { color: #000; text-decoration: underline;  }
ul#nav li a.selected:hover, ul#nav li a.selected:active { text-decoration: none;;  }


ul#nav li a.selected {
   font-weight: bold;
   color: #000;
}

/*------------------------------------------------------------
   Sub Nav
------------------------------------------------------------*/
#subnav {
   width: 120px;
}

#subnav h2 {
   color: #000;
   background-image: url(../graphics/subnav-arrow.png);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   padding-left: 12px;
   font-size: 1.4em;
}

#subnav ul {
   width: 110px;
   margin-left: 12px;
}


#subnav li {
   padding: 10px 0;
   border-bottom: 1px solid #cdcdcd;
   font-size: 1.2em;
}

#subnav li:last-child {
   border-bottom: none;
}

#subnav li a:link, #subnav li a:visited { color: #514843; text-decoration: none; }
#subnav li a:hover, #subnav li a:active { color: #000; text-decoration: none; font-weight: bold; }

#subnav li.selected {
   background-image: url(../graphics/subnav-arrow.png);
   background-repeat: no-repeat;
   background-position: 0px 13px;
   padding-left: 15px;
}

#subnav li.selected a {
   font-weight: bold;
   color: #000;
}

/*------------------------------------------------------------
   header
------------------------------------------------------------*/
#home #header { background-image: url(../graphics/bg-header-home.png); }
#sub #header { background-image: url(../graphics/bg-header.png); }

#header {
   background-repeat: no-repeat;
   height: 122px;
   position: relative;
   padding-top: 20px;
   background-color: #fff;
}

#logo {
   position: absolute;
   top: 25px;
   left: 50px;
}

.btn-account {
   float: right;
   margin: 0 28px 0 20px;
}

.tag-line {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   font-style: italic;
   color: #fff;
   font-size: 1.8em;
   margin: 0px 0 0 250px;
   width: 300px;
   height: 20px;
}

form#searchform {
   margin-left: 745px;
   margin-top: -17px;
}

form#searchform input {
   display: block;
   float: left;
}

form#searchform .search-box {
   background: transparent url(../graphics/bg-searchbox.png) no-repeat 0 0;
   height: 20px;
   padding: 1px 0 0 3px;
   border: 0;
   width: 154px;
}

form#searchform .search-icon {
   padding-top: 1px;
   padding-left: 10px;
}

#toolbar {
   margin: 15px 30px 0px 0;
   padding-top: 10px;
   float: right;
   width: 680px;
}

#toolbar p {
   padding: 0;
   margin: 0;
}

#toolbar .divider {
   padding: 0 10px 0 15px;
}
#toolbar hr {
   float: right;
   margin: 0;
   padding: 0;
   color: #e0e0e0;
   background-color: #e0e0e0;
   border: 1px solid #e0e0e0;
   clear: both;
   width: 100%;
}

#toolbar .text-size {
   float:right;
   padding-bottom: 5px;
}

#toolbar ul {
   margin-bottom: 0;
}

.text-size p {
   float: left;
}

.text-size ul {
   float: left;
   margin-left: 5px;
}

.text-size li {
   display: block;
   float: left;
   width: 17px;
   height: 18px;
   margin-left: 10px;
   
}

.text-size li a {
   display: block;
   width: 17px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: top;
   text-decoration: none;
   text-align: center;
}

.text-size li a:hover span{
   display: none;   
}

a.text-small:hover { background-image: url(../graphics/textsize-sm.png); }
a.text-med:hover { background-image: url(../graphics/textsize-md.png); }
a.text-large:hover { background-image: url(../graphics/textsize-lg.png); }

.text-small {
   font-size: 1.1em;
}

.text-med {
   font-size: 1.3em;
}

.text-large {
   font-size: 1.5em;
}

ul.actions {
   float: right;
}

ul.actions li {
   float: left;
   display: block;
   font-size: 1.1em;
   width: 50px;
   height: 20px;
   margin-left: 15px;
   background-repeat: no-repeat;
   background-position: 33px 1px;
   cursor: default;
}

ul.actions li a {
   display: block;
   width: 50px;
   height: 20px;
   color: #534741;
   text-decoration: none;
}

ul.actions li a:hover { text-decoration: underline; }

ul.actions li.print { background-image: url(../graphics/icon-print.png); }
ul.actions li.email { background-image: url(../graphics/icon-email.png); }
ul.actions li.share { background-image: url(../graphics/icon-share.png); }

/*------------------------------------------------------------
   content-wrapper
------------------------------------------------------------*/
#content-wrapper {
   background-color: #fff;
   padding: 0 0 0px 0;
   margin: 0;
   overflow: auto;
   clear: both;
   height: 100%;
   position: relative;
   z-index: 0;
}

#sub #content-wrapper {
   background-image: url(../graphics/bg-content.png);
   background-repeat: repeat-y;
}

/*------------------------------------------------------------
   content
------------------------------------------------------------*/
#sidebar {
   width: 143px;
   float: left;
   padding: 30px 25px 20px 30px;
}

#sidebar hr {
   color: #fff;
   background-color: #fff;
   border: 0;
   height: 3px;  
}

#sidebar h2 a { color: black; text-decoration: none; }

#sidebar .marketwatch {
   width: 115px;
   height: 254px;
   margin-top: 20px;
   background-image: url(../graphics/bg-marketwatch.png);
   background-repeat: no-repeat;
   padding: 0 25px 0 15px;
}

.marketwatch h2 {
   color: #fff;
   display: block;
   width: 100px;
   margin: 0 auto;
   padding: 10px 0;
   font-weight: normal;
   font-size: 1.5em;
}

#sidebar .marketwatch li {
   padding: 9px 20px 0px 29px;
   margin: 0;
   background-position: 4px 12px;
   background-repeat: no-repeat;
   line-height: 1.3em;
   font-size: 1.0em;
}

.marketwatch li.up {
   background-image: url(../graphics/arrow-up.png);
}

.marketwatch li.down {
   background-image: url(../graphics/arrow-down.png);
}

.marketwatch p {
   font-size: 1.0em;
   line-height: 1.2em;
   margin: 6px 0 0 3px;
   padding: 0;
}

.marketwatch .market-title {
   color: #a59067;
   margin-right: 10px;
}

#content {
   width: 632px;
   float: left;
   padding: 40px 75px 35px 55px;
}

#content ul {
   margin-left: 15px;
   list-style-type: disc;
}

#content ol {
   margin-left: 15px;
} 

#content li {
   margin-top: 10px;
}

#content h2, h3 {
   padding-bottom: 0;
   margin-bottom: 0px;
   clear: both;
}

#content p {
   margin-top: 4px;
   margin-bottom: 15px;
   padding-top: 0;
}
/*------------------------------------------------------------
   Homepage
------------------------------------------------------------*/
#home-banners {
   margin: 0 20px 0 30px;
   width: 594px;
   height: 254px;
   float: left;
   background-image: url(../graphics/bg-home-banners.png);
   background-repeat: no-repeat;  
}

.home-banner {
   width: 589px;
   height: 254px;
   margin: 1px 0px 5px 1px;
   background-repeat: no-repeat;
   float: left;
   background-position: 0px 0px;
   position: relative;
}

.home-banner a {
   display: block;
   width: 580px;
   height: 254px;
}

.home-banner a:link, .home-banner a:visited { color: #514843; text-decoration: none; }
.home-banner a:hover, .home-banner a:active { color: #514843; text-decoration: none; }


.home-banner img {
   margin-bottom: 0px;
   float: right;
}

.home-banner p {
   float: right;
   clear: both;
   width: 280px;
   padding-top: 0;
   margin: 0 30px 5px 0;
   text-align: center;
}

.next-banner {
   position: absolute;
   bottom: 13px;
   right: 13px;
   cursor: pointer;
}

ul#home-buttons {
   display: block;
   width: 290px;
   height: 254px;
   margin-right: 25px;
   float: right;
}

ul#home-buttons li {
   padding-bottom: 10px;
   background-repeat: no-repeat;
}

ul#home-buttons li a {
   display: block;
   width: 290px;
   height: 78px;
}

ul#home-buttons li span {
   display: none;
}

#home-buttons .btn-new { background-image: url(../graphics/btn-new.png); }
#home-buttons .btn-adv { background-image: url(../graphics/btn-advantage.png); }
#home-buttons .btn-hear { background-image: url(../graphics/btn-hear.png); }

#home-buttons a.btn-new:hover { background-image: url(../graphics/btn-new-hover.png); }
#home-buttons a.btn-adv:hover { background-image: url(../graphics/btn-advantage-hover.png); }
#home-buttons a.btn-hear:hover { background-image: url(../graphics/btn-hear-hover.png); }

#feature-wrapper {
   clear: both;
   margin: 0px 20px 0px 30px;
   overflow: auto;

}

.home-feature {
   width: 246px;
   float: left;
   margin: 20px 20px 0px 0px;
   padding: 0px 20px 0 20px;
   background-image: url(../graphics/bg-home-feature.png);
   background-repeat: no-repeat;
}

.home-feature h2 {
   color: #fff;
   margin: 13px 0 23px 0px;
   text-align: center;
}

.home-feature p {
   font-size: 1.3em;
   line-height: 1.4em;
}

.home-news li a {
   color: #514843;
   text-decoration: underline;
}

.home-news a:hover {
   color: #2393ae;
   text-decoration: underline;
}

.home-marketwatch {
   width: 250px;
   height: 216px;
   float: left;
   padding: 0 20px;
   margin: 20px 0 0 3px;
   background-image: url(../graphics/bg-home-marketwatch.png);
   background-repeat: no-repeat;
}

.home-marketwatch p.error {
   margin-top: 20px;
   font-size: 1.3em;
   line-height: 1.4em;
}

.home-marketwatch  h2 {
   color: #514843;
   text-align: center;
   margin: 13px 0 15px 0px;
}

.home-marketwatch a {
   color: #514843;
   text-decoration: underline;
}

.home-marketwatch a:hover {
   color: #2393ae;
   text-decoration: underline;
}

table#market-table {
   margin-top: 5px;
}

table#market-table td {
    border-bottom: 2px dotted #a7a397;
    padding: 10px 20px 7px 0px;
    font-size: 1.1em;
    vertical-align: top;
}

/*------------------------------------------------------------
   Landing Page
------------------------------------------------------------*/
#landing-banners {
   width: 600px;
   height: 316px;
   margin: 10px 0 0 30px;
   float: left;
   background-image: url(../graphics/bg-landing-banners.png);
}

.landing-banner {
   width: 593px;
   height: 310px;
   margin: 2px 4px 5px 1px;
   background-repeat: no-repeat;
   float: left;
   background-position: 0px 0px;
}

.landing-banner img {
   margin-bottom: 15px;
   float: right;
}

.landing-banner p {
   float: right;
   clear: both;
   width: 250px;
   margin-right: 45px;
   text-align: center;
}

.landing-p {
   font-size: 1.4em;
}

.landing-clinton-v {
   background-image: url(../graphics/bg-land-clinton-v.jpg);
}

.landing-daniel-g {
   background-image: url(../graphics/bg-land-daniel-g.jpg);
}

.landing-denise-g {
   background-image: url(../graphics/bg-land-denise-g.jpg);
}

.landing-michael-b {
   background-image: url(../graphics/bg-land-michael-b.jpg);
}

.landing-rick-g {
   background-image: url(../graphics/bg-land-rick-g.jpg);
}

.landing-rob-c {
   background-image: url(../graphics/bg-land-rob-c.jpg);
}

.landing-robert-a {
   background-image: url(../graphics/bg-land-robert-a.jpg);
}

.landing-ron-w {
   background-image: url(../graphics/bg-land-ron-w.jpg);
}

.landing-stephen-p {
   background-image: url(../graphics/bg-land-stephen-p.jpg);
}

.landing-ted-w {
   background-image: url(../graphics/bg-land-ted-w.jpg);
}

.landing-wesley-l {
   background-image: url(../graphics/bg-land-wesley-l.jpg);
}


#landing-meet {
   width: 600px;
   height: 166px;
   margin: 14px 0 15px 30px;
   background-image: url(../graphics/bg-meetpartners.png);
   background-repeat: no-repeat;
   float: left;
}

#landing-meet h2 {
   padding: 13px 0 0 25px;
   margin: 0;
   color: #514843;
}

#landing-meet .carousel {
   margin: 23px 0 0 0px;
   float: left;
}

#landing-meet li {
   float: left;
   display: block;
   margin: 0 2px;
}

#landing-meet li a {
   display: block;
   height: 96px;
   width: 83px;
}

#landing-meet .meet-nav {
   float: left;
   height: 19px;
   width: 19px;
   margin: 55px 10px 0 10px;
}

.meet-nav:hover {
   cursor: pointer;
}

.carousel {
   
}

.c-popup {
   width: 159px;
   height: 76px;
   padding: 15px 20px 15px 20px;
   display: none;
   position: absolute;
   background-image: url(../graphics/bubble.png);
   background-repeat: no-repeat;
   z-index: 1;
}

.meet-bio {
   display: none;
}

#landing-form {
   width: 255px;
   height: 444px;
   background-image: url(../graphics/bg-landingform.png);
   background-repeat: no-repeat;
   float: right;
   margin: 10px 20px 0 0;
   padding: 25px 15px 25px 20px;
}

#landing-form h2 {
   font-size: 1.6em;
   line-height: 1.2em;
   margin-bottom: 10px;
   color: #514843;
}

#landing-form ul {
   list-style: disc;
   margin-left: 10px;
}

#landing-form li {
   font-size: 1.2em;
   margin: 5px;
}

form#help-form {
   margin-bottom: 15px;
}
#help-form ul {
   list-style: none;
   margin-top: 10px;
   margin-left: 0px;
}

#help-form ul li {
   margin: 0px 0 15px 0;
}

#help-form li label {
   float: left;
   margin-right: 0px;
   display: block;
   width: 42px;
   font-size: 1.0em;
   font-weight: normal;
}

#help-form input.text {
   width: 198px;
   height: 13px;
   background: transparent url(../graphics/bg-help-input.png) no-repeat 0 0;
   border: 0;
   padding: 5px;
}

#help-form textarea {
   width: 198px;
   height: 89px; 
   background: transparent url(../graphics/bg-help-textarea.png) no-repeat 0 0;
   border: 0;
   padding: 5px;
}

#help-form .privacy {
   font-size: 1.0em;
   font-style: italic;
   margin: 0 0 10px 42px;
   padding: 0;
}

#help-form input#help-submit {
   margin-left: 42px;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#home #footer {
   background-image: url(../graphics/bg-footer-home.png);
}

#sub #footer {
   background-image: url(../graphics/bg-footer.png);
}

#footer {
   background-color: #d2c7b3;
   height: 125px;
   padding: 15px 0px;
   color: #514843;  
   background-position: top;
   background-repeat: no-repeat;
   clear: both;
}

#footer ul {
   margin: 10px 0;
   padding: 0;
}

#footer li {
   display: inline;
   font-size: 1.0em;
   padding: 0 6.9px 0 6.9px;
}

#footer a:link, #footer a:visited { color: #514843; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #000; text-decoration: underline; }

#footer p {
   font-size: 1.1em;
}

#footer hr {
   color: #514843;
   background-color: #514843;
   border: 0;
   height: 1px;
}

#footer span.divider {
   padding: 0 10px;
}

#footer .footnote p {
   font-size: 1.0em;
}
/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList {
   list-style-type: none !important;
   margin: 0px 0px 25px 0px;
   padding: 0px 0px 0px 0px;
   clear: both;
   overflow: auto;
   width: 250px;
}

#newsList {
   margin-top: 20px;
   width: 500px;
}

ul.newsSummary li, ul#newsList li {
   list-style-image: none !important;
   clear: both;
   margin: 0px 0px 10px 0px;
   font-size: 1.2em;
}

ul.newsSummary .date {
   display: block;
   float: left;
}

ul.newsSummary li a {
   display: block;
   float: right;
   width: 200px;
   padding-bottom: 7px;
}

.home-feature .icon {
   margin-right: 10px;
}

#newsList li a { font-weight: bold; }

#newsList li img { margin: 0px 15px 10px 0px; }


.searchSummary {
   font-size: 12px;
   line-height: 140%;
}

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary {
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li {
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: bold; }

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/

.inputForm table {
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm td {
   padding: 10px;
   margin: 10px;
}

.inputForm input, .inputForm textarea, .inputForm select { 
   font-size: 11px;
   margin: 5px 0 0 0;
}

.inputForm td { 
   font-size: 12px; 
   color: #000;
   padding: 0px 3px 3px 0px;
}

.inputForm .label { 
   font-size: 12px;
   font-weight: bold;
   color: #000;
}

.inputForm .required { 
   color: #b40f27;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4 {
   font-family: Tahoma, Geneva, Arial, sans-serif;
   border-collapse: collapse;
   border: 0px;
   margin: 15px 0 30px 0px;
   color: #514843;
}

.table4 {
   margin-bottom: 0px;
}

.table1 {
   color: #000;
}

/* th */
.table1 th, .table2 th { background-color: #ccc; }    /* Custom */ 
.table1 th { border: solid 1px #fff; }                /* Custom */ 
.table3 th, .table4 th { color: #000000; }               /* Custom */ 

.table1 th, .table2 th, .table3 th, .table4 th {
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;

}

.table1 th, .table2 th {
   font-size: 14px;
   color: #000;
   padding: 3px 8px 10px 8px;
}

.table3 th { 
   border: solid 1px #fff;
   font-size: 12px;
   padding: 4px 8px;
}

.table4 th { 
   font-size: 12px;
   padding: 2px 2px 2px 0px;
}

/* td */
.table1 .highlight td, .table2 .highlight td { background-color: #ddd; }
.table3 .highlight td { background-color: #d8ede7; }

.table1 td, .table2 td, .table3 td, .table4 td {
   vertical-align: top;
   font-size: 12px;
   font-weight: normal;
   padding: 4px 8px;
}

.table1 td {
   background-color: #eee;
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table2 td {
   background-color: #5a4f48;
   border-bottom: solid 1px #ddd;
}

.table3 td {
   border-left: solid 1px #fff;
   border-right: solid 1px #fff;
   border-bottom: solid 1px #fff;
}

.table4 td {
   padding: 2px 2px 2px 0px;
}