﻿
html, body {
    height:100%;
}
body {
    position: relative;    
    margin:0;
    padding:0;
    font: small Georgia, serif; 
    color:#333;
    background:#fff url(images/bg.gif) top left;
}

/*-----------------------------------------------------
                    COMMON FONTS
-------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

}
h3 {
    margin-top:0;
    padding-top:0;
}
h4 {
    margin:0;
    padding:0;
}
p {
    line-height:1.5em;
    margin:0;
    padding:0 0 15px 0;
    letter-spacing:.1px;
}
blockquote {
    line-height:1.5em; 
}
ul, ol {
    margin:0;
    padding:5px 0 0 3em;
}
li {
    margin-bottom:10px;
    line-height:1.5em;
}

/*-----------------------------------------------------
                    COMMON TABLES
-------------------------------------------------------*/

table {
    border-collapse:collapse;
    border:0;
    width:100%;
}
td {
    text-align:left;
    vertical-align:top;
}
table#footerTable td {
    text-align:center;
    vertical-align:top;
}
table#maintable {
    width:875px;
}

/*-----------------------------------------------------
                    LAYOUT
-------------------------------------------------------*/

#header {

}
#header table {
    border-collapse:collapse;
    border:0;
}
#header table td {
    padding:0;
    vertical-align:top;
}
#header table td.logo h1 {
    padding:0 0 3px 0;
    margin:0 0 0 0;
    font-family: Arial, sans-serif;
    font-size:23px;
    line-height:1em;
}
#header table td.logo {
    width:150px;   
}
#header div.sublogo {
    position:absolute;
    width:275px;
    top:6.2em;
    left:9.5em;
    padding-bottom:5px;
    width:300px;
    font-size:12px;
    color:#666;
    font-style:italic;
    text-transform:lowercase;
}
#header div.sublogo a {
    text-transform:capitalize;
}
#header table td.logo h1 span {
    color:#b7d04f;
}
#header table td.desc div {
    padding:5px 15px 5px 15px;
    margin:0 15px 0 0;
    background:#f7f7f7;
    border:1px solid #d6d6d6;
    width:425px;
    text-align:left;
    float:right;
    font-size:11px;
    font-family:Arial, sans-serif;
}
#header table td.desc div p {
    padding:0;
    margin:0;
}
#container {
    width:913px;
    margin:0 auto;
    padding:20px 15px 0 15px;
    position:relative;
    background:#fff;
    border-right:1px solid #d6d6d6; 
    border-left:1px solid #d6d6d6; 
    border-bottom:1px solid #d6d6d6; 
    min-height:90%; 
}
/* Hides from non-IE \*/
* html #container {
    height:90%; 
}
/* End hide from non-IE */

#footer {
    margin:0 auto;
    position:relative;
    width:915px;
    padding:5px 0 35px 0;
    text-align:center;  
    background:transparent;
    font-family: Arial, sans-serif;    
}
#footer h4 {
    margin:20px 0 0 0;
    padding:0;
}
#footer div.disclaimer {
    font-size:12px;
    text-align:center;
    margin-top:15px;
}

/*-----------------------------------------------------
                    NAVIGATION
-------------------------------------------------------*/

#nav1 {

}
#mainnav {
    width:915px;
    margin:10px 0 25px 0;
    border-bottom:2px solid #d6d6d6;
    border-top:2px solid #d6d6d6;
}
#mainnav table td {
    line-height:normal;
    text-align:center;
    text-transform:uppercase;
    font-size:x-small; 
    border:0;
    border-right:1px solid #d6d6d6;
    padding:0;
}
#mainnav table td.lastchild {
    border:0;
}

/*-----------------------------------------------------
                    CONTENT
-------------------------------------------------------*/

.titlebox {
    padding:0 0 10px 0;
    margin:0 0 20px 0;
    background:#fff url('images/dot.gif') bottom left repeat-x;
}
.titlebox h1 {
    font-size:large;
    margin:0;
    padding:0;
}
.titlebox h2 {
    font-size:medium;
    margin:0;
    padding:4px 0;
    font-weight:normal;
}
.browse {
    margin:0 0 20px 0;
}
.browse span {
    padding:0 8px;
    border-right:1px solid #999;
}
p.dateline {
    font-size:11px;
    color:#a6a6a6;
    margin:0;
    padding:0 0 5px 0;
}
p.byline {
    font-size:11px;
    color:#666;
    margin:0;
    padding:5px 0 10px 0;
}
p.byline span {
    width:auto;
    float:right;
}
#leftColumn {
    width:585px;
    padding-bottom:15px;
}
#rightColumn {
    width:250px;
    padding:0 0 0 35px;
}
.references {
    padding:10px 10px 10px 15px;
    background:#fff url('images/dot.gif') top left repeat-x; 
    clear:both;
}
.references ol {
    list-style-type:lower-roman; 
    margin:0;
    padding:15px 0 15px 2em;
}
.content_callout {
    padding:15px 15px 0 15px;
    margin:10px 0;
    background:#f7f7f7;
    border:1px solid #d6d6d6;
}
.strategy {
    margin:0;
    padding:5px 0 10px 0;
    color:#ff9900;
}
.sectionHead {
    border:1px solid #d6d6d6;
    padding:5px;
    margin:0;
}
.section {
    background:#f8f8f8;
    padding:15px 5px 5px 5px;
}
.imview {
    border:1px solid #d6d6d6;
    padding:10px;
    margin:15px 0;
}
.imview h3 {
    text-align:center;
}
h3.sectionHead {
    margin:0 0 0 0; 
    background:#b7d04f;
}
h4.insight {
    font-weight:normal;
}
h4.insight span {
    color:#ff9900;
    font-weight:bold;
}
.bulb {
    background:#fff url('images/bulb.gif') 15px 5px no-repeat; 
}

/*--------- Sidebar ---------*/

.toolsList {
    margin:30px 0 20px 0;
    padding:0 0 0 1.5em;
    list-style-type:none;
}
.toolsList li {
    line-height:normal;
    padding-left:21px;
    font-size:11px;
    margin-bottom:5px;
}
.forward_tool {
    background:#fff url('images/tellafriend.gif') top left no-repeat;
}
.print_tool {
    background:#fff url('images/print.gif') top left no-repeat;
}
.pdf_tool {
    background:#fff url('images/pdfwhite.gif') top left no-repeat;
}
.graph_tool {
    background:#fff url('images/graph.gif') top left no-repeat;
}
.contact_tool {
    background:#fff url('images/contact.gif') top left no-repeat;
}
.sidebar {
    border:1px solid #d6d6d6;
    padding:10px;
    font-size:11px;
    margin:10px 0;
}
.sidebar h4 {
    margin:0 0 0 0;
    padding:0;
    font-size:12px;   
}
.sidebar h4.header {
    color:#ff9900;
    text-align:center;    
}
.sidebar p {
    margin:0;
    padding:0 0 10px 0;
}
p.archive, p.blog {
    padding:6px 0 0 40px;
    margin:0;
    background:#fff url('images/document-open.png') top left no-repeat;
    height:27px;
}
p.blog {
    background:#fff url('images/blog.gif') top left no-repeat;
    font-weight:bold;
}
p.chime {
    text-align:center;
    color:#ff9900;
    margin:0;
    padding:0;
}
.goto {
    background:#fff url('images/gotoBG.gif') top left repeat-x; 
}

/*-----------------------------------------------------
                    LINKS
-------------------------------------------------------*/

a, a:link, a:visited, a:active {
    text-decoration:none;
    color:blue;
}
a:hover {
    text-decoration:underline;
    color:blue;
}
a img {
    border:0;
}
a.tablink, a.tablink:link, a.tablink:visited, a.tablink:active {
    display:block;
    color:#333;
    padding:5px 0 0 0;
    height:34px;
}
a.tablink:hover {
    background:#b7d04f;
    text-decoration:none;
}
 #mainnav td.selected a.tablink,  #mainnav td.selected a:link,  #mainnav td.selected a:visited,  #mainnav td.selected a:active {
    background:#b7d04f;
}
a.logolink, a.logolink:link, a.logolink:visited, a.logolink:hover, a.logolink:active {
    color:#333;
    text-decoration:none;
}
a.logospanlink, a.logospanlink:link, a.logospanlink:visited, a.logospanlink:hover, a.logospanlink:active {
    color:#b7d04f;
    text-decoration:none;
}

/*-----------------------------------------------------
                    MISC.
-------------------------------------------------------*/

.clearfix:after,
#container:after,
#nav2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix,
#container,
#nav2 {
    display:inline-block;
}

/* Hide from non-IE6 \*/
* html .clearfix,
* html #nav2 
{height:1%;}

.clearfix, 
#nav1,
#container, 
#nav2 
{display:block;}
/* End hide from non-IE6 */
