/*////////////////////////////////////////////////////////

CSS CREATED FOR EQUITY PERFORMANCE GROUP
CREATED BY: MICHAEL MOORE/WWW.MKMDESIGN.CA
CREATED: APRIL 2006

////////////////////////////////////////////////////////*/
body {margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #3c2c0f; background: #ebeedd;}
.clear {height: 1px; padding: 0; margin: 0; clear: both;}
h1 {margin: 1em 0; font-family: Times; font-size: 200%; font-weight: normal; color: #675639;}
h3 {margin: 1em 0; font-size: 130%; font-weight: bold; color: #675639; border-bottom: 1px solid #ebe7d4;}
h4 {margin: 1em 0; font-size: 120%; font-weight: bold; color: #675639;}
p {margin: 1em 0; line-height: 1.5em;}
table, td {font-size: 100%; padding: 0; margin: 0; border: 0; vertical-align: top;}
a {color: #6da35e;}
a:hover {color: #000; background: transparent;}
hr {display: block; clear: both; height: 1px; border: 0px; margin: 20px 0; background: #ebe7d4;}

/*////////////////////////////////////////////////////////

HEADER ELEMENT

////////////////////////////////////////////////////////*/
#header {height: 100px; background: url(../imgs/header_bg.gif) repeat-x top left;}
#headerinner {margin: 0 auto; width: 770px;}
#headerinner .logo {float: left; height: 70px; width: 260px; margin-top: 16px; background: url(../imgs/logo.gif) no-repeat top left;}
#headerinner .quote {float: right; width: 400px; padding-top: 16px; font-size: 110%; color: #FFF; text-align: left; background: transparent;}
#headerinner .quote .credit {display: block; color: #FFF; font-style: italic; text-align: right; background: transparent;}
#headerinner .quote .credit em {color: #fef6b3; font-style: normal;}
/*////////////////////////////////////////////////////////

NAVIGATION ELEMENT

////////////////////////////////////////////////////////*/
#navigation {height: 36px; background: #000 url(../imgs/nav_bg.gif) repeat-x top left;}
#nav{margin: 0 auto; width: 770px; padding: 0; list-style: none;}
#nav li {margin: 0; padding: 0 15px 0 15px; float: left; line-height: 35px;}
#nav li.search {float: right; padding: 0;}
#nav li.search a {padding-left: 4px;}
#nav li a {font-size: 120%; color: #FFF; text-decoration: none; background: transparent;}
#nav li a:hover {color: #fbf4d1;}
#home #nav .nav-home,
#aboutus #nav .nav-aboutus,
#clients #nav .nav-clients,
#information #nav .nav-information {background: url(../imgs/navOn.gif) repeat-x top left;}
#home #nav .nav-home a,
#home #nav .nav-home a:hover,
#aboutus #nav .nav-aboutus a,
#aboutus #nav .nav-aboutus a:hover,
#clients #nav .nav-clients a,
#clients #nav .nav-clients a:hover,
#information #nav .nav-information a,
#information #nav .nav-information a:hover {color: #fbf4d1;}
#nav ul.sub {display: none; position: absolute; width: 200px; height: auto; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; background: url(../imgs/sub_bg.png);}
#nav li:hover ul.sub,
#nav li.over ul.sub {display: block; margin: 0; padding: 0; margin: 0 0 0 -15px !important; margin: 22px 0 0 -58px;}
#nav ul.sub li {float: none; height: 24px; line-height: 24px; width: 200px; display: block; text-align: left; padding: 0; margin: 0; font-size: 80%;}
#nav ul.sub li a {display: block; padding: 0 4px; color: #FFF !important; background: transparent;}
#nav ul.sub li a:hover {color: #fbf4d1 !important; background: #000;}
/*////////////////////////////////////////////////////////

WRAPPER AND CONTENT ELEMENTS

////////////////////////////////////////////////////////*/
#wrapper {clear: both; border-top: 4px solid #ebe7d4; background: #f7f5ec;}
#wrapperinner {width: 770px; margin: 0 auto; text-align: left;}
#wrapperinner img.feature {border: 1px solid #a2957e; padding: 1px;}
.leftcolumn {float: left; width: 550px; padding: 0 20px 20px 0; background: url(../imgs/sidecolumndivider.gif) no-repeat top right;}
.rightcolumn {float: right; width: 180px; padding-left: 20px;}
.rightcolumn p {color: #a2957e;}
/*////////////////////////////////////////////////////////

SUBNAVIGTION

////////////////////////////////////////////////////////*/
.subnav {padding: 10px 0 30px 0;}
.subnav ul {margin: 0; padding: 0; list-style: none;}
.subnav ul li {margin: 0; padding: 0; font-size: 13px; color: #a2957e; font-weight: bold; line-height: 2em;}
.subnav ul li a {color: #a2957e; text-decoration: none;}
.subnav ul li a:hover {color: #675639;}
#selected a {padding-left: 12px; color: #675639; background: url(../imgs/subnavarrow.gif) no-repeat center left;}
.subnav ul li ul li {padding-left: 20px; font-size: 12px;}
/*////////////////////////////////////////////////////////

FOOTER ELEMENT

////////////////////////////////////////////////////////*/
#footer {clear: both; border-top: 2px solid #e5e9d3; padding-top: 20px; font-size: 11px; line-height: 1.3em; color: #929876;}
#footerinner {width: 770px; margin: 0 auto;}
#footerinner a {color: #929876; text-decoration: underline;}
#footerinner a:hover {color: #000; background: transparent;}
#footerinner .links {float: left; text-align: left;}
#footerinner .info {float: right; text-align: right;}
/*////////////////////////////////////////////////////////

CONTENT ELEMENTS

////////////////////////////////////////////////////////*/
.tableheader {font-size: 70%; font-weight: bold;}
.tableheader a {color: #5b8d4f; background: transparent;}
.tableheader a:hover {color: #000; background: transparent;}
.list {width: 100%;}
.list td {padding: 4px;}
.list td.date {width: 80px;}
table.list tr.over td {color: #5b8d4f; background: #ebeedd;}
table.list tr.out td {background: #f7f5ec;}
table.investor {width: 100%; margin: 40px 0; border-top: 1px solid #ebeedd;}
table.investor th {font-weight: bold; padding: 8px; border-bottom: 1px solid #ebeedd;}
table.investor td {color: #a2957e; border-bottom: 1px solid #ebeedd; padding: 8px;}
table.investor td.col1 {width: 120px; font-size: 140%; font-weight: bold; vertical-align: middle;}
table.investor td.col2 {width: 100px; vertical-align: middle;}
ul.col2 {height: auto; list-style: none; margin: 0; padding: 0;}
ul.col2 li {width: 50%; float: left;}
/*////////////////////////////////////////////////////////

CLIENT PAGE ELEMENT

////////////////////////////////////////////////////////*/
.company_info, .company_info2, .company_contact {}
.company_info2 {width: 364px; float: left;}
.company_contact {width: 100%; padding-top: 0;}
.company_contact th {padding: 4px; font-size: 120%; text-align: left;}
.company_contact td {padding: 4px;}
.company_contact td.label {width: 70px; color: #a2957e;}
a.icon_pdf {padding: 8px 0 8px 20px; line-height: 24px; background: url(../imgs/icon_pdf.gif) no-repeat center left;}
.company_name {font-size: 180%; line-height: 1.3em; font-weight: bold;}
.company_name a {color: #3c2c0f; text-decoration: none; background: transparent;}
.company_name a:hover {color: #000; background: transparent;}
.company_logo {float: right; margin-left: 20px; border: 1px solid #ebe7d4;}
.ticker {text-transform: uppercase;}
/*////////////////////////////////////////////////////////

NEWS LIST

////////////////////////////////////////////////////////*/
#newslist table td {background: #f7f5ec !important; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#newslist table td,
#newslist table td font {padding: 4px; color: #3c2c0f !important; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal;}
#newslist table td a {color: #6da35e !important; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: transparent;}
#newslist table td a:hover {color: #000 !important; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: transparent;}
#newslist table .TTIptext {color: #3c2c0f !important; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: normal;}

pre {display: block; margin: 10px 0; border: 1px solid #ebe7d4; padding: 10px 0px; font-size: 11px; background: #FFF;}

/*////////////////////////////////////////////////////////

FORM ELEMENT

////////////////////////////////////////////////////////*/
div.error {padding: 10px; border: 1px solid #FF0000; color: #FF0000; font-weight: bold; background: #ffe5e5;}
fieldset {border-top: 1px solid #ebe7d4; border-left: 1px solid #ebe7d4; border-right: 1px solid #ebe7d4; border-bottom: 1px solid #e3dec8; padding: 20px; margin: 6px 0 !important; margin: 0; color: #a2957e; background: url(../imgs/form_bg.gif) repeat-x bottom right;}
legend {color: #675639; font-weight: bold; font-size: 120%; padding: 2px 10px; border-left: 1px solid #ebe7d4; border-right: 1px solid #ebe7d4; border-top: 1px solid #e3dec8; background: url(../imgs/form_title_bg.gif) repeat-x top left;}
label {display: block; margin: 4px 0; font-weight: bold; color: #675639;}
input, textarea, select {font-size: 100%; background: #FFF;}
input.navsearch {width: 140px; margin-top: 0 !important; margin-top: 3px;}
textarea {font-family: Arial, Helvetica, sans-serif; width: 100% !important; width: 98%;}
a.btn {margin: 0 4px; font-weight: bold; color: #a2957e; text-decoration: none;}
a.btn span {border-top: 1px solid #ebe7d4; border-left: 1px solid #ebe7d4; border-right: 1px solid #ebe7d4; border-bottom: 1px solid #e3dec8; padding: 4px 10px; background: url(../imgs/form_bg.gif) repeat-x bottom left;}
a.btn:hover span {border: 1px solid #b9af9b; color: #675639; background: url(../imgs/form_title_bg.gif) repeat-x top left;}

.data_info {display: block;}
.data_info .row {display: block; clear: both; padding: 5px 0;}
.data_info .row .label {display: block; float: left; font-weight: bold; color: #000;}
.data_info .row .info {display: block; margin-left: 140px;}