/*
    DARK   = #003D30
    MEDIUM = #6C9680
    LIGHT  = #00C07E
    BEIGE  = #F5F5DC
    GOLD   = #D9C030
*/

A, A:visited {
    color: #090;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

BODY {
    padding: 0;
    margin: 0;
    background-color: #909990;
    font-family: "Times New Roman", Times, serif;
}

IMG {
    display: block;
}

TABLE {
    width: 100%;
    border-width: 0;
    border-collapse: collapse;
}

TABLE, TD {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.outer {
    width: 850px;
    border-width: 2px;
    border-style: solid;
    border-color: #003D30; /* DARK */
}

.menu {
    width: 100%;
    height: 23px;
    margin: 0;
    padding: 0;
    background: #000000 url(images/menu.gif) top left repeat-x;
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu ul li {
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
    width: 16%;
}

.menu ul li.longer {
    width: 20%;
}

.menu ul li a {
    display: block;
    height: 23px;
    text-transform: uppercase;
    font-size: 60%;
    color: #F5F5DC; /* BEIGE */
    text-decoration: none;
}

.menu ul li a span.menuItem {
    display: block;
    height: 18px;
    padding-top: 4px;
    background: transparent url(images/menu-button.gif) top right repeat;
    cursor: pointer;
}

.menu ul li a:hover,
.menu ul li.highlight a {
    background: transparent url(images/menu-h.gif) top left repeat;
    text-decoration: none;
}

.menu ul li a:hover span.menuItem,
.menu ul li.highlight a span.menuItem {
    background: transparent url(images/menu-h.gif) top right repeat;
}

.menu ul li a:visited { 
    color: #F5F5DC; /* BEIGE */
}

.button {
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    font-weight: bold;
    color: #F5F5DC; /* BEIGE */
    background-color: #003D30; /* DARK */
    border: solid 1px #000;
    border-top-color: #6C9680; /* MEDIUM */
    border-left-color: #6C9680; /* MEDIUM */
    padding: 1px 12px;
}

.content {
    text-align: justify;
    padding: 15px 30px;
    background-color: #FCFFFC;
    color: #000;
    width: 790px;
    font-size: 90%;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    min-height: 410px;
    height: auto;
}

.narrow {
    width: 514px;
}

/* Hack for IE */
* HTML .content {
    height: 410px;
}
/* End IE Hack */

H1 {
    font-size: 175%;
    margin-top: 0;
    margin-bottom: 0.5em;
}

H2 {
    font-size: 125%;
    margin-top: 0;
    margin-bottom: 0.5em;
}

IMG.floatRight {
    float: right;
    margin: 0 0 10px 30px;
    border: 8px solid #003D30; /* DARK */
    border-top-color: #6C9680; /* MEDIUM */
    border-left-color: #6C9680; /* MEDIUM */
    padding: 4px;
    background-color: #FFF;
}

.matteA {
    margin: 0;
    background-color: #6C9680; /* MEDIUM */
}

.matteB {
    margin: 0 136px;
    background-color: #003D30; /* DARK */
}

.clearIt {
    clear: both;
    line-height: 0;
}

.hSpace {
    width: 20%;
}

.certificates IMG {
    border: 8px solid #003D30; /* DARK */
    border-top-color: #6C9680; /* MEDIUM */
    border-left-color: #6C9680; /* MEDIUM */
    margin: 20px 0;
}

.memberships {
    text-align: center;
    margin: 0;
    font-weight: bold;
}

.offices {
    border: solid 1px #6C9680; /* MEDIUM */
    margin-bottom: 20px;
}

.contactInfo {
    padding: 10px 15px;
    width: 10%;
    white-space: nowrap;
}

.contactInfo .name {
    font-weight: bold;
}

.contactInfo .address {
    margin-bottom: 6px;
}

.contactInfo .address,
.contactInfo .phone,
.contactInfo .title {
    line-height: 1.2em;
}

.contactInfo .address,
.contactInfo .phone,
.contactInfo .title,
.contactInfo .email {
    font-size: 85%;
}

.contactInfo TD {
    padding-right: 4px;
    white-space: nowrap;
}

.staff IMG {
    margin: 0;
    border: 8px solid #003D30; /* DARK */
    border-top-color: #6C9680; /* MEDIUM */
    border-left-color: #6C9680; /* MEDIUM */
    padding: 4px;
    background-color: #FFF;
}

.staff .contactInfo {
    padding: 15px 0 0;
}

.contactForm,
.employmentForm,
.paymentForm {
    padding: 15px 30px;
    border: solid 8px #6C9680; /* MEDIUM */
    border-bottom-color: #003D30; /* DARK */
    border-right-color: #003D30; /* DARK */
}

.contactForm {
    margin-left: 50px;
}

.employmentForm,
.paymentForm {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 440px;
}

.contactForm TABLE {
    width:auto;
}

.contactForm TABLE.heading {
    width: 435px;
}

.contactForm TABLE.heading TD.formLink {
    text-align: right;
    font-size: 85%;
}

.contactForm .element,
.employmentForm .element,
.paymentForm .element {
    font-size: 85%;
    font-weight: bold;
    line-height: 1.25em;
    padding-bottom: 10px;
}

.element INPUT,
.element TEXTAREA {
    font-family: "Times New Roman", Times, serif;
    font-size: 110%;
    font-weight: normal;
    width: 425px;
    border: solid 1px #003D30; /* DARK */
    border-bottom-color: #6C9680; /* MEDIUM */
    border-right-color: #6C9680; /* MEDIUM */
    background-color: #F5F5DC; /* BEIGE */
    margin: 0 1px 1px 0;
    padding: 1px 3px;
}

TEXTAREA {
    overflow: auto;
}

.element SELECT {
    font-family: "Times New Roman", Times, serif;
    font-size: 110%;
    font-weight: normal;
    width: auto;
    background-color: #F5F5DC; /* BEIGE */
}

.element INPUT.city  {
    width: 267px;
}

.element INPUT.state  {
    width: 40px;
}

.element INPUT.zip  {
    width: 100px;
}

.element INPUT.degree  {
    width: 100px;
}

.element INPUT.institution  {
    width: 200px;
}

.element INPUT.date  {
    width: 80px;
}

.element INPUT.driversLicense  {
    width: 130px;
}

.contactForm .element INPUT.phone,
.contactForm .element INPUT.fax  {
    width: 208px;
}

.employmentForm .element INPUT.ssn,
.employmentForm .element INPUT.phone,
.employmentForm .element INPUT.email  {
    width: 205px;
}

.paymentForm .element INPUT.account,
.paymentForm .element INPUT.phone,
.paymentForm .element INPUT.cardNumber,
.paymentForm .element INPUT.city {
    width: 200px;
}

.paymentForm .element INPUT.client {
    width: 325px;
}

.paymentForm .element INPUT.amount {
    width: 85px;
}

.paymentForm .element INPUT.invoice,
.paymentForm .element INPUT.email {
    width: 210px;
}

.paymentForm .element INPUT.securityCode {
    width: 80px;
}

.paymentForm .element INPUT.matter,
.paymentForm .element INPUT.cardholder,
.paymentForm .element INPUT.address {
    width: 425px;
}

.paymentForm .element INPUT.zip {
    width: 60px;
}

.paymentForm .element INPUT.password {
    width: 430px;
}

.paymentForm .element INPUT {
    width: 100px;
}

.paymentForm TABLE.receipt {
    font-size: 90%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #6C9680; /* MEDIUM */
}

.paymentForm TABLE.receipt TD {
    padding: 1px 8px;
}

.paymentForm TABLE.receipt .header {
    font-size: 120%;
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
}

.paymentForm TABLE.receipt .help {
    text-align: center;
    font-style: italic;
    padding-top: 8px;
}

.paymentForm TABLE.receipt .label {
    text-align: right;
    font-weight: bold;
}

.paymentForm .grid TD {
    font-size: 75%;
    padding: 0 4px;
}

.paymentForm P {
    font-size: 90%;
}

INPUT.required,
TEXTAREA.required,
SELECT.required {
    background-color: #eee;
}

.response {
    margin: 0 0 10px;
    color: #C00;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.025em;
}

SPAN.helpText {
    font-weight: normal;
    font-style: italic;
}

TABLE.docList {
    border: solid 4px #6C9680; /* MEDIUM */
    border-bottom-color: #003D30; /* DARK */
    border-right-color: #003D30; /* DARK */
    margin-bottom: 20px;
}

TABLE.docList TD {
    padding: 0 10px;
}

TABLE.docList TD.title {
    font-size: 125%;
    font-weight: bold;
    border: solid 1px black;
    padding-top: 6px;
    padding-bottom: 6px;
}

TABLE.docList TD.colHead {
    font-size: 80%;
    font-weight: bold;
}

TABLE.docList TD.listing {
    font-size: 90%;
}

TABLE.docList TD.listing .title {
    font-style: italic;
}

.footer {
    padding: 5px;
    text-align: center;
    background-color: #003D30; /* DARK */
    color: #F5F5DC; /* BEIGE */
    width: 840px;
    font-size: 55%;
    letter-spacing: 0.25em;
    border-width: 0;
    clear: both;
}