/* styles.css - CSS styles for The Ladd Group, LLC Website
   http://www.theladdgroup.com

   Copyright: (C)2004 The Ladd Group, LLC.
*/

/* Page Defaults */
html {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 80%;
    margin: 0 auto 0 10px;
    padding: 0;
    background-color: #111869;
    width: 800px;
}

/* links - no decoration unless hovered, then underline */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Site Navigation Menu */
div#sitenav {
    position: relative;
    width: 800px;
    height: 20px;
    background-color: #111869;
    border-bottom: 6px solid #8bc064;
    padding: 0;
    margin: 0;
    color: #8bc064;
}

div#sitenav a {
    color: white;
    white-space: nowrap;
}

div#sitenav div#homemenu,
div#sitenav div#servmenu,
div#sitenav div#solmenu,
div#sitenav div#meetmenu,
div#sitenav div#pressmenu,
div#sitenav div#contactmenu {
    display: inline;
}

div#sitenav a:hover {
    color: #8bc064;
}

/* Sidebar Elements */
div#sidebar {
    float: left;
    margin: 0;
    padding: 0;
    /*
    width: 176px;
    top: 0;
    left: 0;
    height: 100%;
    */
}

.meet div#sidebar {
    width: 200px;
}

div#content {
    width: 800px;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #8bc064;
    /*
    background-color: #fff;
    height: 492px;
    */
}

/*
*/
* html div#main,
* html div#content
{
    height: 1%;
}

div#sidebar .photocaption {
    font-size: 79%;
    color: #111869;
    padding: 0 .5em;
    margin: 0;
    line-height: 1em;
}

div#sidebar img.title {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #3a9126;
}


/* Main Content */
div#content div#main {
    position: relative;
    margin: 0 0 0 176px;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #8bc064;
    border-left: 1px solid #3a9126;
    /*
    top: 0px;
    left: 176px;
    min-height: 480px;
    */
}

.meet div#main {
    margin: 0 0 0 200px;
}

div#content div#main div#pagetext {
    padding: 0 50px 1em;
}

div#main h1 {
    font: bold 170% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin-top: 75px;
}

div#main h2 {
    font: normal 150% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin: 2em 0 0 0;
}

div#main h3 {
    font: bold 110% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin: 2em 0 0 0;
}

div#main a {
    color: #3a9126;
}

div#main h3 a {
    font: bold italic 80% "Trebuchet MS", sans-serif;
}

div#main p {
    text-align: left;
    margin: .5em 0;
}

div#main img.logo {
    float: right;
    margin: 0 5px 0 0;
}

div#main img.plogo {
    float: left;
    margin: 20px;
    /*
    */
}

div.partner h3 {
    margin: auto 20px;
}

/* Splash Page */
body.splash {
    position: relative;
    font-family: "Trebuchet MS", sans-serif;
    margin: 0 auto 0 10px;
    padding: 0;
    background-color: #111869;
}

div#splash {
    position: relative;
    width: 800px;
    min-height: 530px;
    /*
    width: 100%;
    height: 100%;
    background-image: url(images/splash.jpg);
    background-repeat: no-repeat;
    */
    border-top: 1px solid #8bc064;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

* html div#splash {
    height: 530px;
}

div#splash div#background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    margin: 0;
    padding: 0;
}

div#sidebar_contact {
    position: absolute;
    left: 5px;
    top: 420px;
    width: 166px;
    z-index: 4;
    padding: 0;
    margin: 0;
}

div#sidebar_contact p,
div#sidebar_contact p a {
    color: #111869;
    font-size: 90%;
    /*
    */
}

div#splash div#sp_main {
    position: relative;
    margin: 0 0 0 210px; 
    z-index: 3;
    padding: 0;
    background-color: transparent;
    /*
    top: 26px;
    left: 188px;
    padding: 0 1.5em 0 1.5em;
    */
}

* html div#sp_main {
    /* workaround peekaboo bug */
    height: 1%;
}

div#splash div#sp_main img.logo {
    float: right;
    margin: 0 5px 0 0;
}

div#splash div#sp_main h1 {
    font-size: 180%;
    font-weight: bold;
    color: #3a9126;
    padding: 110px 0 0 3em;
    font-style: italic;
    text-indent: -2.7em;
    line-height: 1em;
}

div#splash div#sp_main div#sptext {
    margin: 1em;
    margin-bottom: 0;
    padding: 0 56px 1em 4em;
    border-left: 1px solid #3a9126;
    text-align: left;
    min-height: 360px;
    /*
    */
}

div#sptext ul li {
    margin: 1em 0;
}


/* Group Navigation (subpage) Elements */
div#subnav {
    position: absolute;
    z-index: 8;
    top: 26;
    left: 0;
    width: 800px;
    padding: 0;
    margin: 0;
    font-size: 80%;
    font-weight: bold;
    text-transform: lowercase;
    color: #8bc064;
}

div#subnav a {
    color: #111869;
    padding: 0 10px;
    white-space: nowrap;
}

div#subnav a:hover {
    color: #8bc064;
    /* color: #0f0; */
}

div#subnav div#nonav {
    display: none;
}

div#subnav div#meetnav {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 200px;
    padding: 3px 0;
}

div#subnav div#servnav {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 234px;
    padding: 3px 0;
}

div#subnav div#solnav {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 345px;
    padding: 3px 0;
}

div#subnav div#newsnav {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 465px;
    padding: 3px 0;
}


/* Page Footer Styles */
div#footer {
    position: relative;
    width: 798px;
    margin: 0;
    padding: 0;
    /*
    border: 1px dotted white;
    */
}

#footer p,
#footer p a {
    color: #ccc;
    font-style: italic;
    margin: 0;
}

#footer p {
    padding: 5px 10px;
}

#footer p#copyright {
    float: left;
}

#footer p#designby {
    float: right;
}

/* TABLE LAYOUT STYLES */
table#content {
    width: 800px;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #8bc064;
    /*
    background-color: #fff;
    height: 492px;
    */
}

table#content td#sidebar {
    font-family: "Trebuchet MS", sans-serif;
    width: 176px;
    padding: 0;
    margin: 0;
    height: 480px;
    vertical-align: top;
    border-right: 1px solid #3a9126;
}

table#content.meet td#sidebar {
    width: 200px;
}

table#content td#sidebar img.title {
    border-bottom: 1px solid #3a9126;
}

table#content td#sidebar img.contact {
    border: 0;
}

table#content td#sidebar p#photocaption {
    position: absolute;
    top: 304px;
    left: 0px;
    width: 190px;
    font-size: 85%;
    color: #111869;
    padding: 5px;
    margin: 0;
    line-height: 1em;
}

table#content td#sidebar p#contact {
    margin: 10px 0 0 0;
}

/*
table#content.meet td#sidebar p#contact {
    margin: 29px 0 0 0;
}
*/

table#content td#main {
    font-family: "Trebuchet MS", sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff;
    vertical-align: top;
    width: 99%;
    /*
    border-top: 1px solid #8bc064;
    border-left: 1px solid #3a9126;
    top: 0px;
    left: 176px;
    min-height: 480px;
    */
}

table#content td#main img.logo {
    float: right;
    margin: 5px 5px 0 0;
}

table#content td#footer {
    font-family: "Trebuchet MS", sans-serif;
    background-color: #111869;
}

table#content td#main div#pagetext {
    padding: 0 50px 1em;
}

table#content td#main h1 {
    font: bold 170% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin-top: 80px;
}

table#content td#main h2 {
    font: normal 150% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin: 2em 0 0 0;
}

table#content td#main h3 {
    font: bold 110% "Trebuchet MS", sans-serif;
    color: #3a9126;
    margin: 3em 180px 0 0;
    vertical-align: baseline;
}

table#content td#main a {
    color: #3a9126;
}

table#content td#main h3 a {
    font: bold italic 80% "Trebuchet MS", sans-serif;
}

table#content td#main p {
    text-align: left;
    margin: 1em 0;
}

table#content td#main img.plogo {
    float: right;
    margin: 0 2em 1em 0;
    padding: 0;
    border: 0;
    /*
    */
}

table#content td#main p.pdesc {
    /*
    clear: both;
    margin: 2em 2em 0 0;
    padding: 0;
    border: 0;
    */
}