/* CSS for www.counciltreefinancial.com
	
	Author: Carol Ebben
			www.carolebben.com
			Designs Etcetera, LLC
			Copyright 2009. All rights reserved.
	
	Created: April 17, 2009
	Updated: May 5, 2009
	Updated: February 9, 2010
	
*/

/*************** global styling ***************/
body, #header, #page, #topnav, #content, #footer, #pageend {
margin: 0 auto 0 auto;
}

table {
border-collapse: collapse;
}

h1, h2, h3, h4, dt, em, #topnav {
font-family: Georgia, Veranda, serif;
}

h1, h2, h3, a:link, a:visited, a:hover, a:active, dl.events dt {
color: #00573d;
}

h1 {
margin: 0 0 5px 0;
font-size: 16pt;
}

h2 {
margin: 0;
font-size: 12pt;
}

h2.star {
background: url(images/star.png) left no-repeat;
padding-left: 30px;
}

h3 {
display: block;
border-bottom: 1px dotted #00573d;
margin: 0;
padding: 0;
}

h4 {
margin: 0;
padding: 0;
background: #00573d;
color: #ecd8b7;
font-weight: normal;
font-size: small;
padding: 1px 0 3px 0;
border-bottom: 2px solid #00573d;
}

p {
margin: 5px 0 15px 0;
padding-left: 20px;
font-size: 10pt;
}

em.caption {
margin: 0;
padding: 0 0 0 15px;
font-size: small;
font-weight: normal;
color: #666666;
}

ul {
padding: 0;
margin: 5px 0 25px 35px;
}

ul.nostyle {
list-style: none;
}

li {
font-size: small;
padding: 0 0 5px 0;
}

a:link, a:visited, a:active, a:hover {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.button {
color: #ecd8b7;
background: url(images/button.png) center no-repeat;
height: 25px;
margin: 10px auto 10px auto;
padding: 5px 0 0 0;
text-decoration: none;
font-size: small;
font-weight: bold;
text-align: center;
display: block;
}

a:hover.button {
background: url(images/button2.png) center no-repeat;
}

img {
margin: 0;
padding: 0;
}

a:link img, a:visited img, a:hover img, a:active img {
border: none;
}

.r_dbl {
float: right;
border: 5px double #00573d;
width: 183px;
}

.r {
clear: right;
text-align: right;
list-style: none;
font-weight: bold;
padding: 20px 15px 0 0;
margin: 0 -15px 0 0;
display: block;
/*background: #ecd8b7;
border-bottom: 1px dotted #00573d;*/
}

.green {
color: #00573d;
font-weight: bold;
}

form label.fixedwidth {
display: block;
width: 100px;
float: left;
text-align: right;
padding: 0 5px 0 0;
color: #00573d;
font-weight: bold;
}

input.fixedwidth, form textarea.fixedwidth{
width: 250px;
}

.caption-r {
padding: 0 0 0 110px;
font-style: italic;
}

span.italic {
font-style: italic;
}

span.red {
color: #ff0000;
}

input, textarea, select {
color: #666666;
}

/*************** body, header, page ***************/
body {
background: #d4c2aa url(images/bg_linen.jpg) repeat;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#page {
background: url(images/CouncilTree_pgbg.png) center repeat-y;
padding: 0;
width: 924px;
}

#header {
background: url(images/CouncilTree_header.jpg) center no-repeat;
width: 900px;
height: 220px;
border-top: 6px solid #00573d;
}

/*************** login ***************/
#login {
width: 250px;
background: url(images/ivory_60.png) repeat;
border: 2px solid #00573d;
float: right;
padding: 0;
margin: -100px 55px 0 0;
text-align: center;
}

/*************** disclaimer **************/
#disclaimer {
padding: 10px 20px 10px 20px;
width: 860px;
}

#disclaimer p {
padding: 0 20px 0 20px;
margin: 0;
color: #83947d;
font-size: 11.5px;
text-align: left;
}

.finra_link {
font-size: 8px;
}

#disclaimer  a {
text-decoration: underline;
color: #83947d;
}

/*************** topnav ***************/
#topnav {
background: #ecd8b7;
width: 860px;
height: 25px;
color: #83947d;
padding: 0 20px 5px 20px;
}

#topnav ul {
float: right;
}

#topnav ul li{
list-style: none;
float: left;
}

#topnav p{
float: right;
width: 450px;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
color: #83947d;
font-size: 12pt;
font-weight: bold;
padding: 0 10px 0 10px;
}

#topnav a:hover {
color: #00573d;
}

#body_home #nav_home a,
	#body_about #nav_about a,
	#body_services #nav_services a,
	#body_contact #nav_contact a {
color: #00573d;
}

/*************** content ***************/
#content {
width: 860px;
min-height: 300px;
background: url(images/watermark.png) no-repeat;
background-position: bottom right;
padding: 20px 20px 65px 20px;
color: #666666;
text-align: left;
}

#content table {
width: 825px;
}

#content td.left {
min-width: 235px;
padding: 5px 15px 15px 0;
vertical-align: top;
text-align: left;
border-right: 2px solid #d8d0bb;
}

#content td.left h1 {
text-align: center;
}

#content td.right {
width: 590px;
padding: 5px 0 15px 15px;
vertical-align: top;
text-align: left;
}

#content table.register {
width: 550px;
padding: 0;
margin: 10px;
font-size: small;
}

#content table.register td {
padding: 5px 0 5px 5px;
border-top: 1px solid #d8d0bb;
border-bottom: 1px solid #d8d0bb;
}

#content table.register td.l {
width: 150px;
padding: 5px 0 0 0;
margin: 0;
text-align: right;
color: #00573d;
font-weight: normal;
vertical-align: top;
}

#content table.register td.noborder {
border: none;
}

span.trademark {
font-size: 8pt;
color: #666666;
}

dl.events dt {
font-weight: bold;
padding: 5px 2px 0 20px;
display: block;
background: url(images/SmTreeIcon.png) left no-repeat;
border-bottom: 1px dotted #00573d;
}

dl.events dd {
font-size: 10pt;
padding: 0 10px 10px 0;
margin: 0 0 0 20px;
}

span.event_date {
margin: 0 0 0 -10px;
padding: 0;
color: #00573d;
font-weight: bold;
}

span.event_time {
text-align: right;
padding: 0;
color: #00573d;
font-weight: bold;
}

form ul li{
list-style: none;
padding: 0 0 0 100px;
font-weight: bold;
color: #00573d;
}

.error {
color: red; 
font-size: small;
}

.error_b, .error_flag {
color: red; 
font-size: small; 
margin-left: 100px;
}

.error, .error_b {
padding-left: 15px; 
background: url(images/error.png) left bottom no-repeat;
}

.rightalign {
text-align: right; 
color: black; 
vertical-align: top;
}

span.redsuper {
font-size: small; 
color: red; 
vertical-align: super;
}

span.red {
font-size: small; 
color: red;
}

form ul li ul li {
padding: 0;
margin: 0;
font-weight: normal;
color: #666666;
}

ul.services li {
color: #00573d;
font-weight: bold;
}

ul.services ul, ul.services ul li{
padding: 0;
margin-bottom: 0;
color: #666666;
font-weight: normal;
}

ul.fivestar li {
margin-bottom: 0;
padding: 0;
}

/*************** footer ***************/
#footer {
padding: 10px 0 0px 0;
width: 900px;
border-top: 6px solid #00573d;
background: #708372;
color: #ecd8b7;
}

#footer p.footerlinks, #footer p.footerlinks a {
padding: 0 10px 0 10px;
color: #435c47;
}

#footer table {
width: 860px;
text-align: left;
margin: 0 auto 0 auto;
}

#footer table td img {
padding: 0 0 0 60px;
}

#footer th {
font-weight: normal;
font-size: 9pt;
padding: 0 75px 10px 75px;
}

#footer td, #footer a {
font-size: 10pt;
color: #435c47;
}

#footer td.right {
text-align: center;
padding: 0 0 30px 0;
}

#pageend {
background: url(images/CouncilTree_pgbgbottom_green.png) top no-repeat;
height: 25px;
width: 924px;
}

/*
body, #header, #page, #topnav, #content, #footer, #pageend, td, th{
border: 1px solid red;
}
*/