/* --- Structural CSS --- */


/* debug styles */
.main_both .debug_left_only, .main_right .debug_left_only {
    display: none;
}

.main_left .debug_wide_only, .main_right .debug_wide_only, .main_both .debug_wide_only {
    display: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 10pt;
    color: #636363;
    background-color: #eeeeee;
}

#wrapper {
    margin: 0px auto 0px auto;
    padding: 0px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #ffffff;
    width: 1024px;
    position: relative;
    top: 0px;
    left: 0px;
}

/* reset all lists and headers */
ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    list-style: none;
    font-weight: normal;
}


/* basic content styles */

a, a:active {
   /* color: #40c8f4;*/
color: #509dd8;
}

a:visited {
    color: #9f9e9d;
}

p {
    margin: 0px;
    padding: 5px 0px 5px 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #00567e;
}

h2 a:visited {
    color: #00567e;
    text-decoration:none;
}
h2 a:active {
    color: #00567e;
    text-decoration:none;
}
h2 a {
    color: #00567e;
    text-decoration:none;
}


h1 {
    font-size: 18pt;
}

h2 {
    font-size: 16pt;
    padding: 15px 0px 10px 0px;
}

h3 {
    font-size: 14pt;
    padding: 13px 0px 10px 0px;
}

h4 {
    font-size: 12pt;
    padding: 12px 0px 10px 0px;
}

h5 {
    font-size: 11pt;
    padding: 10px 0px 8px 0px;
}

h6 {
    font-size: 10pt;
}   
 
ul {
    padding: 5px 0px 0px 0px;
}

li {
    padding: 5px 0px 10px 30px;
    background-image: url("/images/interface/list_bullet.png");
    background-repeat: no-repeat;
    background-position: 0px 7px;
    list-style-position: outside;
}

ul.dots li {
    padding: 0px 0px 0px 40px;
    background-image: url("/images/interface/panel_bullet.png");
    background-repeat: no-repeat;
    background-position: 1px 6px;
}


hr {
    height: 1px;
    border: none;
    border-bottom: dashed 1px #9f9e9d;
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

hr.clear {
    clear: both;
}


/* all primary page elements sharing internal width/margin layout */

#header, #seo-bar, #footer {
    width: 950px;
    position: relative;
    top: 0px;
    left: 37px;
    overflow: visible;
    margin: 0px;
    padding: 0px;
}


/* main/content column layouts */

/*
fixed: 950px; basic content fixed width
loverflow: 37px; distance outside of fixed that left col hangs to the left
roverflow: 37px; distance outside of fixed that right col hangs to the right
colwidth: 185px; width of left and right columns
lgutter: 32px; gutter distance between left column and content area
rgutter: 32px; gutter distance between right column and content area
*/

#content {
    position: relative;
    overflow: visible;
    padding: 0px;
}

#leftcol, #rightcol {
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0px;
    width: 185px;
}    

.main_wide #content {
    width: 950px; /* fixed */
    top: 0px;
    left: 37px; /* loverflow */
    float: left;
}

.main_wide #content h1 {
    padding-top: 17px;
}

.main_wide #leftcol, .main_wide #rightcol, .main_left #rightcol, .main_right #leftcol {
    display: none;
}

.main_left {
    padding-top: 17px;
    width: 987px; /* fixed + loverflow */
}

.main_right {
    padding-top: 17px;
    width: 987px; /* fixed + roverflow */
}

.main_both {
    padding-top: 17px;
    width: 1024px; /* fixed + loverflow + roverflow */
}

.main_left #content {
    width: 770px; /* fixed + loverflow - colwidth - lgutter */
    float: left;
    left: 217px; /* colwidth + lgutter */
}

.main_right #content {
    width: 670px; /* fixed + roverflow - wcolwidth - rgutter */
    float: left;
    left: 37px; /* loverflow */
}

.main_left #leftcol {
    left: -770px; /* -(fixed + loverfow - colwidth - lgutter) */
}

.main_right #rightcol {
    left: 69px; /* loverflow + rgutter */
    width: 285px; /* wcolwidth */
}

.main_both #content {
    width: 590px; /* fixed + loverflow + roverflow - 2*colwidth - lgutter - rgutter */
    float: left;
    left: 217px; /* colwidth + lgutter */
}

.main_both #leftcol {
    left: -590px; /* -(fixed + loverflow + roverflow - 2*colwidth - lgutter - rgutter) */
}

.main_both #rightcol {
    left: 64px; /* lgutter + rgutter */
}


/* header/logo/tagline panels */

#header {
    height: 160px;
    /*z-index: 50;*/
}

#logo-panel {
    height: 153px;
}

#logo-panel img {
    width: 150px;
    height: 82px;
    padding: 27px 0px 0px 13px;
    margin: 0px;
    display: block;
}

#logo-panel img.phone {
    width: 175px;
    height: 23px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 80px;
    left: 185px;
}

#logo-panel h1 {
    font-size: 9pt;
    color: #00567e;
    font-weight: bold;
    margin: 5px 0px 0px 150px;
    padding: 0px;
}


/* quick link/contact/search panel */

#link-panel {
    position: absolute;
    top: 0px;
    right: 0px;
}

#link-panel ul {
    float: right;
    padding: 13px 0px 0px 0px;
    font-size: 7pt;
    overflow: hidden;
    margin: 0px;
}

#link-panel li {
    display: block;
    float: left;
    border-right: solid 1px #00567e;
    padding: 0px 4px 0px 5px;
    margin: 0px -1px 0px 0px;
    background-image: none;
}

#link-panel li a {
    color: #00567e;
    text-decoration: none;
}

#link-panel li a:focus {
    outline: none;
}

#link-panel li a:visited {
    color: #9f9e9d;
}


/* search/contact us box */

#link-box {
    float: right;
    clear: right;
    margin: 12px 0px 0px 0px;
    width: 240px;
    overflow: visible;
    position: relative;
}

#link-box label {
    font-size: 9pt;
    font-weight: bold;
    margin: 0px;
    padding: 5px 7px 0px 7px;
    color: #00567e;
    display: block;
}


/* search form */

#search-form {
    display: block;
    background-color: #40c8f4;
    margin: 0px;
    padding: 0px;
    height: 24px;
    text-align: right;
}

#search-form label, #search-form input {
    float: right;
    background: none;
}

#search-form #search {
    border: none;
    background-color: #ffffff;
    font-size: 10pt;
    height: 16px;
    width: 160px;
    margin: 3px 0px 0px 0px;    
}

#search-form #search-submit {
    border: none;
    background-color: #ffffff;
    background-image: url("/images/interface/search_submit.png");
    background-position: top left;
    background-repeat: no-repeat;    
    width: 20px;
    height: 24px;
    cursor: pointer;
}


/* contact frame beneath search form */

#contact-frame {
    height: 28px;
    border-bottom: solid 1px #40c8f4;
    border-left: solid 1px #40c8f4;
    border-right: solid 1px #40c8f4;
    position: relative;
    clear: both;
}

#contactLabel {
  float:left; 
  padding:6px 7px 0px; 
  color: #00567E; 
  font-size: 9pt; 
  font-weight: bold; 
  margin: 0;
}

#contact-frame label {
  padding: 6px 7px 0px 7px;
  float: left;
}

#contact-frame img {
    width: 23px;
    height: 19px;
    display: block;
    float: left;
    border: none;
    padding: 0px 10px 0px 10px;
    margin: 4px 0px 0px 0px;
}

#contact-frame-hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 0px -15px;
    background-repeat: no-repeat;
    z-index: 10;
    margin: 0px;
    padding: 0px 0px 0px 7px;
}

#contact-frame-hover div {
    background-position: top right;
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
    padding: 0px 7px 0px 0px;
}

#contact-frame-hover, #contact-frame-hover div {
    background-image: url("/images/interface/contact_hover_sides.png");
}

#contact-frame-hover div div {
    height: 15px;
    background-color: #40c8f4;
    background-image: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    font-size: 9pt;
}


/* Login Section below Contact Frame */
#user-panel {
    height: 56px;
    position: relative;
    padding-top:10px;
    clear: both;
}
#user-panel label, #user_msg, #user_options {
  float: right;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  clear: both;
}
#user-panel label a, #user_msg a, #user_options a {
    text-decoration:none;
}
/* top tab navigation, first level items (tabs) */

#tab-nav {
    height: 42px;
    position: absolute;
    left: 37px;
    top: 125px;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    background-image: url("/images/interface/tab_head_1000.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 50;
}

#tab-nav li {
    display: block;
    float: left;
    height: 35px;
    width: 135px;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
    position: relative;
    overflow: visible;
    background-image: url("/images/interface/tab_mid_drop.png");
    background-position: top left;
    background-repeat: no-repeat;
}

#tab-nav li a.active {
    background-image: url("/images/interface/tab_active_mid.png");
    color: #ffffff;
}


#tab-nav li a {
    background-image: url("/images/interface/tabg_mid.png");
    background-position: 0px 10px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 118px;
    color: #00567e;
    padding: 15px 0px 0px 17px;
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none; 
}

#tab-nav li a:focus {
    outline: none;
}

#tab-nav li:first-child {
    background-image: url("/images/interface/tab_first_drop.png");
}

#tab-nav li:first-child a {
    background-image: url("/images/interface/tabg_first.png");
}

#tab-nav li:first-child a.active {
    background-image: url("/images/interface/tab_active_first.png");
    color: #ffffff;
}

#tab-nav li.last {
    width: 16px;
    height: 35px;
    background-image: url("/images/interface/tab_last_drop.png");
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#tab-nav li:hover a, #tab-nav li.hover a, #tab-nav li:hover a.active, #tab-nav li.hover a.active {
    background-image: url("/images/interface/tab_hover.png");
    color: #00567e;
}


/* top tab navigation, popups with drop shadows */

#tab-nav .dropbox {
    display: none;
    position: absolute;
    top: 35px;
    left: 0px;
    padding-top: 27px;
    padding-left: 20px;
    background-image: url("/images/interface/trans_1000.png"); /* force IE7 to li:hover on internal div contents */
}

#tab-nav li.hover .dropbox, #tab-nav li:hover .dropbox {
    display: block;
}

#tab-nav .dropbox_tr {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 27px;
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
}

#tab-nav .dropbox_bl {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 20px;
    height: 27px;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
}

#tab-nav .dropbox_br {
    background-position: right bottom;
    background-repeat: no-repeat;
}

#tab-nav .dropbox_tl {
    position: relative;
    left: -20px;
    top: -27px;
    background-color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
    border-left: solid 1px #c9dce3;
}

#tab-nav .dropbox_bl, #tab-nav .dropbox_br {
    background-image: url("/images/interface/nav_popup_drop_1000.png");
}

#tab-nav .dropbox_tl, #tab-nav .dropbox_tr {
    background-image: url("/images/interface/nav_popup_head_1000.png");
}

#tab-nav .dropbox_inner {
    position: relative;
    left: 10px;
    top: 17px;
    padding-left: 5px;
    padding-bottom: 15px;
    border-right: solid 1px #c9dce3;
    border-bottom: solid 1px #c9dce3;
    background-color: #ffffff;
    min-width: 155px;
}

#tab-nav table {
    border: none;
    margin: 0px;
    padding: 0px;
}

#tab-nav td {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}


/* top tab navigation, second level items (main bullets in tab popups) */

#tab-nav .dropbox ul {
    padding: 0px 15px 0px 0px;
}

#tab-nav .dropbox li {
    display: block;
    float: none;
    height: auto;
    width: auto;
    font-size: 9pt;
    background-image: url("/images/interface/nav_bullet.png");
    background-position: 0px 15px;
    background-repeat: no-repeat;
    padding: 12px 0px 0px 10px;
    white-space: nowrap;
}

#tab-nav .dropbox li:first-child {
    padding-top: 0px;
    background-position: 0px 3px;
}

#tab-nav .dropbox li a {
    background-image: none;
    display: inline; 
    height: auto;
    width: auto;
    color: #11316c;
    padding: 0px;
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none; 
}

#tab-nav .dropbox li a:hover {
/*    color: #40c8f4;    */
color: #509dd8;
}


/* top tab navigation, third level items (secondary items in tab popup) */

#tab-nav .dropbox li ul {
    padding: 0px 0px 0px 5px;
}

#tab-nav .dropbox li li, #tab-nav .dropbox li li:first-child {
    background-image: none;
    white-space: nowrap;
    padding: 5px 0px 0px 0px;
}

#tab-nav .dropbox li li a {
    background-image: none;
    font-weight: normal;
}

#hairline {
    background-color: #c9dce3;
    height: 1px;
    width: 100%;
    clear: both;
    overflow: hidden;
}


/* seo bar */

#seo-bar {
    display: none;
    min-height: 17px;
    background-color: #e1e2e2;
    color: #7a7a7a;
    font-size: 7pt;    
}

#seo-bar a {
    color: #7a7a7a;
    text-decoration: none;
}

#seo-menu {
    padding: 3px 0px 0px 0px;
    margin: 0px;
    overflow: hidden;
}

#seo-menu li {
    display: block;
    float: left;
    border-left: solid 1px #7a7a7a;
    padding: 0px 5px 0px 4px;
    margin: 0px 0px 0px -1px;
    background-image: none;
}

#seo-menu li a {
    background-image: url("/images/interface/seo_bullet.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 13px;
}

#seo-menu li a:focus {
    outline: none;
}

#seo-menu li.active a {
    background-image: url("/images/interface/seo_active_bullet.png");
}

.seo_links {
    display: none;
    padding: 0.5em 0.5em 1em 0.5em;
    clear: both;
}

.seo_link {
    display: none;
}

#seo-bar .active {
    display: block;    
}

.seo_link li {
    width: 200px;
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    background-image: none;
}

ul.seo_link {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}


/* footer */

#footer ul {
    float: right;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    font-size: 7pt;
    overflow: hidden;
}

#footer li {
    display: block;
    float: left;
    border-right: solid 1px #00567e;
    padding: 0px 4px 0px 5px;
    margin: 0px -1px 0px 0px;
    color: #00567e;
    background-image: none;
}

#footer li a {
    color: #00567e;
    text-decoration: none;
}


/* breadcrumb list */

#bread {
    overflow: hidden;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

#bread li {
    display: inline;
    /*float: left;*/
    padding: 0px 2px 0px 0px;
    margin: 0px 10px 0px -11px;
    background: none;
}

#bread li span {
    background-image: url("/images/interface/bread_bullet.png");
    background-repeat: no-repeat;
    background-position: 0px 6px;
    margin-right: 7px;
}

#bread a, #bread a:visited {
    font-size: 8pt;
    color: #9f9e9d;
    text-decoration: none;
}

/* generic white tabs and tabset container */

div.tabset {
    position: relative;
}

ul.tabs {
    height: 42px;
    white-space: nowrap;
    background-image: url("/images/interface/tab_head_1000.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 3;
    margin: 0px;
    padding: 0px;
}

ul.tabs li {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 42px;
    width: 135px;
    font-size: 9pt;
    position: relative;
    overflow: visible;
    background-image: url("/images/interface/tab_mid_drop.png");
    background-position: top left;
    background-repeat: no-repeat;
}

ul.tabs li:first-child {
    background-image: url("/images/interface/tab_first_drop.png");
}

ul.tabs li a {
    background-image: url("/images/interface/tabw_mid.png");
    background-position: 0px 10px;
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    width: 118px;
    color: #00567e;
    padding: 15px 0px 0px 17px;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
}

ul.tabs li:first-child a {
    background-image: url("/images/interface/tabw_first.png");
}    

ul.tabs li.color1 a {
    background-image: url("/images/interface/tabw_mid.png");
}

ul.tabs li.color1:first-child a {
    background-image: url("/images/interface/tabw_first.png");
}

ul.tabs li.color2 a {
    background-image: url("/images/interface/tabw_mid.png");
}

ul.tabs li.color2:first-child a {
    background-image: url("/images/interface/tabw_first.png");
}

ul.tabs li.color3 a {
    background-image: url("/images/interface/tabw_mid.png");
}

ul.tabs li.color3:first-child a {
    background-image: url("/images/interface/tabw_first.png");
}

ul.tabs li a:focus {
    outline: none;
}

ul.tabs li a:visited, ul.tabs li a:active {
    color: #00567e;
}

ul.tabs li a.white {
    color: #ffffff;
}

ul.tabs li a.dark {
    color: #00567e;
}

ul.tabs li.last {
    width: 16px;
    height: 35px;
    background-image: url("/images/interface/tab_last_drop.png");
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}

ul.tabs li.active a, ul.tabs li.active:first-child a {
    font-weight: bold;
    background-image: url("/images/interface/tabw_active.png");
    color: #00567e;
}

div.panels {
    position: relative;
    top: -8px;
    left: 0px;
    border: solid 1px #c9dce3;
    min-height: 15px;
    padding-top: 8px;
}

div.panel {
    display: none;
}

div.panels div.active {
    display: block;
}

.tabset_br {
    background-image: url("/images/interface/tabset_br.png");
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 8px;
    width: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 1;
}

.tabset_bl {
    background-image: url("/images/interface/tabset_bl.png");
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    bottom: 8px;
    width: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 1;
}


/* generic drop shadow box */

.dropbox {
    position: relative;
    top: -5px;
    left: -5px;
    padding-top: 16px;
    padding-left: 16px;
}

.dropbox_tr {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
}

.dropbox_bl {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 16px;
    height: 16px;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
}

.dropbox_br {
    background-position: right bottom;
    background-repeat: no-repeat;
}

.dropbox_tl {
    position: relative;
    left: -16px;
    top: -16px;
    background-color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
}

.dropbox_bl, .dropbox_br, .dropbox_tl, .dropbox_tr {
    background-image: url("/images/interface/box_drop_1000.png");
}

.dropbox_inner {
    position: relative;
    left: 8px;
    top: 5px;
}


/* asset line/tout styles */

#asset-line {
    position: relative;
    top: -15px;
    left: 0px;
    width: 972px; /* bust out of the fixed with confine for the drop shadows */
}

#asset-line .dropbox {
    float: left;
    margin-right: 5px;
    border-left: 1px solid #c9dce3; /*#00567e;*/
}

#asset-line .firstDropbox {
    border-left: none;
}

#asset-line .dropbox_bl, #asset-line .dropbox_br, #asset-line .dropbox_tl, #asset-line .dropbox_tr {
    background-image: none; /*url("/images/interface/box_drop_1000.png");*/
}

#asset-line .dropbox_inner {
    width: 221px;
    height: 120px;
    background-color: #ffffff;
}

#asset-line img.bg {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

#asset-line img.bg2 {
    display: block;
    position: absolute;
    top: 20px;
    left: 5px;
}

#asset-line a {
    text-decoration: none;
}

#asset-line a.imageOnly {
    text-decoration: none;
    position: absolute;
    top: 112px;
    left: 8px;
    z-index: 3;
}

#asset-line a.readmore {
    position: absolute;
    top: 10px;
    left: 192px;
    z-index: 2;
}

#asset-line a.imgLink img {
    border: none;
}

#asset-line .dropbox_inner h2 {
    font-size: 11pt;
    padding: 5px 35px 0px 5px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

#asset-line .dropbox_inner h3 {
    font-size: 10pt;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

#asset-line .dropbox_inner h4 {
    font-size: 8pt;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

#asset-line .dropbox_inner h5 {
    font-size: 7pt;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

#asset-line .dropbox_inner p {
    padding: 0px 0px 0px 5px;
    position: relative;
    z-index: 1;
}

#asset-line .dropbox_inner p a {
    text-decoration: none;
    font-size: 9pt;
}


/* i need to widget */

.ineedto {
    padding-bottom: 15px;
}

.ineedto h2 {
    float: left;
    width: 350px;
    font-size: 13.5pt;
    margin: 0px;
    padding: 15px 10px 10px 10px;
}

.ineedto img {
    display: block;
    float: left;
    margin-right: 15px;
}

.ineedto ul {
    float: left;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.ineedto li {
    background-image: none;
    padding: 20px 0px 0px 0px;
    margin: 0px;
}

.ineedto li a {
    font-size: 10.5pt;
    text-decoration: none;
   /* color: #40c8f4;*/
color: #509dd8;
    font-weight: bold;
}


/* side column widgets */

.widget {
    border: solid 1px #40c8f4;
    font-size: 9pt;
    color: #00567e;
    margin-bottom: 12px;
    position: relative;
    padding: 0px;
    top: 0px;
    left: 0px;
}

#leftcol .widget {
    border-left: none;
}

#rightcol .widget {
    border-right: none;    
}

.widget_br, .widget_tr, .widget_bl, .widget_tl {
    position: absolute;
    width: 6px;
    height: 6px;
    overflow: hidden;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url("/images/interface/widget_corners.png");
}

.widget_br {
    background-position: 0px 0px;
    right: -1px;
    bottom: -1px;
}

.widget_tr {
    background-position: 0px -6px;
    right: -1px;
    top: -1px;
}

.widget_bl {
    background-position: -6px 0px;
    left: -1px;
    bottom: -1px;
}

.widget_tl {
    background-position: -6px -6px;
    left: -1px;
    top: -1px;
}

.widget h3 {
    font-size: 9pt;
    border-bottom: solid 1px #40c8f4;
    display: block;
    position: relative;
    width: 175px;
    padding: 0px 0px 2px 12px;
    left: -10px;
    top: -2px;
}


/* left-nav menu widget */

#left-nav {
    padding: 8px 8px 20px 17px;
}

#left-nav ul {
    margin: 0px;
    padding: 0px;
}

#left-nav li {
    display: block;
    min-height: 9pt;
    margin: 0px;
    padding: 0px;
    background-image: none;
}

#left-nav a {
    text-decoration: none;
    outline: none;
    color: #00567e;
}

#left-nav a:visited {
  color: #9f9e9d;

}

#left-nav li.active > a, #left-nav li.active > a:visited {
   /* color: #40c8f4;*/
color: #509dd8;
}

#left-nav li li {
    padding: 3px 0px 0px 10px;
}


/* social widget */

#social-widget {
    padding: 10px 25px  10px 12px;
}

#social-widget h3 {
    border-bottom: none;
    top: 0px;
    left: 0px;
    float: left;
    padding: 0px;
    width: auto;
    margin: 0px 9px 0px 0px;
}

#social-widget a {
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    background-image: url("/images/interface/social_icons.png");
    background-repeat: no-repeat;
    margin-right: 7px;
}

#social-widget a.youtube {
    background-position: 0px 0px;
}

#social-widget a.twitter {
    background-position: 0px -21px;
}

#social-widget a.facebook {
    background-position: 0px -42px;
}

#social-widget a.linkedin {
    background-position: 0px -63px;
}


/* multiple interaction widget */

#multi-widget {
    padding: 8px 0px 4px 9px;
}

.multi_thumb {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    margin: 2px 9px 0px 0px;
}

.multi_thumb a, .multi_thumb img.multi_thumbb {
    display: block;
    width: 78px;
   /* height: 58px;*/
    border: none;
    overflow: hidden;
}

.multi_thumb a.mThumbb2 {
    display: inline;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 12px;
    text-decoration: none;
}

.multi_thumb p.mThumbb2 {
    font-size: 10px;
    margin: 5px 5px 5px 0;
    padding: 0;
}

.multi_thumb img.multi_thumbb2 {
    display: block;
    width: 156px;
    height: 116px;
    border: none;
    overflow: hidden;
}

.multi_thumb img.multi_thumbb2 {
    display: block;
    width: 156px;
    height: 116px;
    border: none;
    overflow: hidden;
}

.multi_thumb div.multi_thumbb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 78px;
    height: 58px;
    z-index: 1;
    background-image: url("/images/interface/multi_overlay.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.multi_thumb div.multi_thumbb2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 156px;
    height: 116px;
    margin-bottom: 5px;
    z-index: 1;
    background-image: url("/images/interface/multi_overlay2.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.multi_thumb:hover div.multi_thumbb {
    background-position: 0px -58px;
}

.multi_thumb:hover div.multi_thumbb2 {
    background-position: 0px -116px;
}

#multi-widget h3 {
    margin-bottom: 6px;
    padding-left: 10px;
}


/* related information widget */

#related-widget {
    padding: 8px 17px 20px 8px;
    margin-top: 50px;
}

#related-widget dt {
    font-size: 8pt;
    color: #636363;
    margin-top: 11px;
}

#related-widget dt.keyword {
    font-size: 8pt;
    color: #00567e;
    font-weight: bold;
    margin-top: 11px;
}

#related-widget a {
    text-decoration: none;
    font-size: 8pt;
}


/* next steps widget */

#steps-widget {
    margin: 0px;
    padding: 0px;
}

#steps-widget li {
    display: block;
    height: 19px;
    width: 130px;
    background-color: #4db848;
    background-image: url("/images/interface/steps_round.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

#banner-steps-widget li {
    display: block;
    height: 19px;
    width: 140px;
    background-color: #4db848;
    background-image: url("/images/interface/steps_round.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

#steps-widget a, #banner-steps-widget a {
    display: block;
    height: 17px;
    background-image: url("/images/interface/steps_arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-size: 8pt;
    padding: 2px 0px 0px 0px;
}

#steps-widget a:active, #steps-widget a:visited {
    color: #ffffff;
}

.main_both .widget_horz #steps-widget, .main_both .widget_vert #steps-widget {
    padding-left: 70px;
}

.main_left .widget_horz #steps-widget, .main_left .widget_vert #steps-widget {
    padding-left: 150px;
}

.main_right .widget_horz #steps-widget, .main_right .widget_vert #steps-widget {
    padding-left: 100px;
}

.main_wide .widget_horz #steps-widget, .main_wide .widget_vert #steps-widget {
    padding-left: 250px;
}

.widget_horz #steps-widget li {
    margin: 0px 15px 0px 0px;
    float: left;
}

.widget_vert #steps-widget li {
    margin: 10px 15px 0px 0px;
    float: right;
    clear: both;
}


/* Banner Green Buttons /
.main_both .widget_horz_banner #steps-widget, .main_both .widget_vert_banner #steps-widget {
    padding-left: 70px;
}
.main_left .widget_horz_banner #steps-widget, .main_left .widget_vert_banner #steps-widget {
    padding-left: 150px;
}
.main_right .widget_horz_banner #steps-widget, .main_right .widget_vert_banner #steps-widget {
    padding-left: 100px;
}
.main_wide .widget_horz_banner #steps-widget, .main_wide .widget_vert_banner #steps-widget {
    padding-left: 250px;
}
.widget_horz_banner #steps-widget li {
    margin: 0px 15px 0px 0px;
    float: left;
}
.widget_vert_banner #steps-widget li {
    margin: 10px 15px 0px 0px;
    float: right;
    clear: both;
}
/* image gallery widget */

.gallery {
    overflow: hidden;
}

.main_both .gallery {
    width: 570px;
}

.main_left .gallery {
    width: 760px;
}

.main_right .gallery {
    width: 660px;
}

.main_wide .gallery {
    width: 950px;
}

.gallery_row {
    margin: -1px 0px 0px 0px;
    padding: 13px 0px 7px 0px;
    border-top: dashed 1px #9f9e9d;
    /*height: 155px;*/
}
.gallery_row2 {
    margin: -1px 0px 0px 0px;
    padding: 13px 0px 7px 0px;
    /*height: 155px;*/
}

.gallery_row div.iGallery, .gallery_row2 div.iGallery {
    width: 165px;
    /*height: 155px;*/
    float: left;
    margin: 0px;
    padding: 5px 25px 0px 0px;
}

.gallery_row div.iGallery2, .gallery_row2 div.iGallery2 {
    width: 165px;
    float: left;
    margin: 0px;
    padding: 5px 14px 0px 10px; 
    border-left:1px solid #C9DCE3;
}

.gallery_row div.iGallery a.iGallery, .gallery_row div.iGallery2 a.iGallery, .gallery_row2 div.iGallery a.iGallery, .gallery_row2 div.iGallery2 a.iGallery {
    color: #00567e;
    outline: none;
    text-decoration: none;    
}

.gallery_row div.iGallery img.iGallery, .gallery_row div.iGallery2 img.iGallery, .gallery_row2 div.iGallery img.iGallery, .gallery_row2 div.iGallery2 img.iGallery {
    border: none;
    display: block;
    max-width: 165px;
    max-height: 100px;
}

.gallery_row div.iGallery img.iGallery, .gallery_row div.iGallery2 img.iGallery, .gallery_row2 div.iGallery h2, .gallery_row2 div.iGallery2 h2, .gallery_row div.iGallery h2, .gallery_row div.iGallery2 h2 {
    color: #00567e;
    font-size: 10pt;
    padding: 3px 0px 0px 0px;
    margin: 0px;
}

.gallery_row div.iGallery p, .gallery_row div.iGallery2 p, .gallery_row2 div.iGallery p, .gallery_row2 div.iGallery2 p {
    font-size: 8pt;
    /*
      height: 24px;
      overflow: hidden;
     */
}

.gallery_row div.iGallery li, .gallery_row2 div.iGallery li, .gallery_row div.iGallery2 li, .gallery_row2 div.iGallery2 li  {
    font-size: 8pt;
    padding:2px 0 5px 15px;
    /*
      height: 24px;
      overflow: hidden;
     */
}


/* pricing boxes widget */

.pricing {
    overflow: hidden;
    width: 585px;
    padding: 10px 0px 10px 0px;
}

.main_both .pricing {
    width: 570px;
}

.main_left .pricing {
    width: 760px;
}

.main_right .pricing {
    width: 660px;
}

.main_wide .pricing {
    width: 950px;
}

.pricing div.pricingItem {
    width: 165px;
    /* height: 255px; */
    float: left;
    margin: 0px 0px 0px -1px;
    padding: 0px 17px 0px 8px;
    border-left: dashed 1px #9f9e9d;
}

.pricing div.pricingItem a.pricing {
    color: #00567e;
    outline: none;
    text-decoration: none;    
}

.pricing div.pricingItem img.pricing {
    border: none;
    display: block;
    width: 165px;
    height: 100px;
}

.pricing div.pricingItem h2 {
    color: #00567e;
    font-size: 10pt;
    padding: 3px 0px 0px 0px;
    margin: 0px;
}

.pricing div.pricingItem p {
    font-size: 8pt;
    height: 100px;
    overflow: hidden;
    margin: 0px 0px 15px 0px;
}

.pricing a.price {
/*    color: #40c8f4;*/
color: #509dd8;
    font-weight: bold;
}


/* resource library widget */

.library {
    width: 812px;
    overflow: hidden;    
}

.libcol {
    width: 406px;
    float: left;
    border-right: dashed 1px #9f9e9d;
    margin: 0px -1px 0px 0px;
    padding: 0px;
}

.libcol div.libItem {
    height: 205px;
    width: 370px;
    padding: 0px 0px 30px 25px;
    margin: 20px 0px -1px 5px;
    border-bottom: dashed 1px #9f9e9d;
    position: relative;
}

.libcol a {
    text-decoration: none;
}

.libcol h2 {
    padding: 25px 0px 0px 0px;
    margin: 0px;
}

.libcol h2 img {
    border: none;
    height: 50px;
    width: 50px;
    float: left;
    margin: -27px 20px 0px 0px;
    padding: 0px;
    vertical-align: text-bottom;
}

.libcol h2 a {
    font-size: 10pt;
    font-weight: bold;
    color: #00567e;    
}

.libcol ul {
    margin: 0px;
    padding: 0px 0px 12px 0px;
}

.libcol li {
    margin: 0px;
    padding: 0px 0px 8px 0px;
    background-image: none;
}

.libcol li a {
    /*color: #636363;*/
    /*color: #40c8f4;*/
color: #509dd8;
    font-size: 8pt;
    font-weight: bold;
}

.libcol a.rss {
    display: block;
    height: 19px;
    width: 19px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 3px;
    background-image: url("/images/interface/rss.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    outline: none;
}

.libcol a.seeall {
    font-size: 10pt;
/*    color: #40c8f4;*/
color: #509dd8;
    font-weight: bold;
}


/* contact blocks */

ul.contact {
    display: block;
    float: left;
    width: 200px;
    height: 100px;
    overflow: hidden;
    margin: 0px;
    padding: 5px 15px 0px 15px;
}

ul.contact li {
    background-image: none;
    padding: 0px;
    margin: 0px;
}

ul.contact h2 {
    padding: 0px;
    margin: 0px;
    font-size: 100%;
}

ul.contact a {
    color: #636363;
    text-decoration: none;
}


/* related info list */

ul.related {
    margin: 0px;
    padding: 0px;
}

ul.related li {
    background-image: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    clear: both;
    min-height: 60px;
    display: block;
}

ul.related img.riImg {
    width: 50px;
    height: 50px;
    display: block;
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

ul.related a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

ul.related h2 {
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

ul.related h2 a {
  /*  color: #000000;*/
}

ul.related h2 .tag {
    color: #00567e;
}

ul.related p {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    font-size: 9pt;
}

ul.related div {
    padding: 0px 0px 0px 70px;
    margin: 0px;
}

ul.related_noicon div {
    padding-left: 0px;
}

ul.related_noicon img.riImg {
    display: none;
}

/* Banner Section specific styles */
.main_both #other-banners {
    position: relative;
    top: 0px;
    left: 0px;
    width: 570px;
    height: 205px;
}
.main_left #other-banners {
    position: relative;
    top: 0px;
    left: 0px;
    width: 760px;
    height: 205px;
}
.main_both div.other_banner {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 570px;
    height: 205px;
}
.main_left div.other_banner {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 760px;
    height: 205px;
}
div.other_banner:first-child {
    display: block;
}
#other-banners div.active {
    display: block;
}
.main_both div.other_banner img {
    width: 570px;
    height: 205px;
    border: none;
    display: block;
}
.main_left div.other_banner img {
    width: 760px;
    height: 205px;
    border: none;
    display: block;
}
#other-banners div.other_overlay h1, #other-banners div.other_overlay2 h1 {
    font-size: 16pt;
    padding: 0px 0px 10px 0px;
}
div.other_video {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.main_both div.other_overlay {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 400px;
    height: 200px;
    width: 240px;
    padding: 0px 50px 0px 0px;
}
.main_left div.other_overlay {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 390px;
    height: 200px;
    width: 360px;
    padding: 0px 50px 0px 0px;
}
.main_both div.other_overlay2 {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 0;
    height: 299px;
    width: 100%;
    padding: 0px 50px 0px 0px;
}
.main_left div.other_overlay2 {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 0;
    height: 299px;
    width: 100%;
    padding: 0px 50px 0px 0px;
}
div.other_overlay p, div.other_overlay2 p {
    color: #00567e;
}
.main_both div.other_overlay .readmore, .main_both div.other_overlay2 .readmore {
    margin-top: 10px;
}
.main_left div.other_overlay .readmore, .main_left div.other_overlay2 .readmore {
    margin-top: 10px;
}

/* home page specific styles */

#home-banners {
    position: relative;
    top: 0px;
    left: 0px;
    width: 950px;
    height: 321px;
}

div.home_banner {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 950px;
    height: 321px;
}

div.home_banner:first-child {
    display: block;
}

#home-banners div.active {
    display: block;
}

div.home_banner img {
    width: 950px;
    height: 321px;
    border: none;
    display: block;
}

#home-banners div.home_overlay h1, #home-banners div.home_overlay2 h1 {
    font-size: 16pt;
    padding: 0px 0px 10px 0px;
}

div.home_video {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

div.home_overlay {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 660px;
    height: 299px;
    width: 240px;
    padding: 0px 50px 0px 0px;
}

div.home_overlay2 {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 0;
    height: 299px;
    width: 100%;
    padding: 0px 50px 0px 0px;
}

div.home_overlay p, div.home_overlay2 p {
    color: #00567e;
}

div.home_overlay .readmore, div.home_overlay2 .readmore {
    margin-top: 10px;
}

#home-bullets {
    display: block;
    margin: 0px 15px -3px 0px;
    padding: 0px;
    position: absolute;
    bottom: 5px;
    right: 0px;
    z-index: 2;
}

#home-bullets li {
    background-image: none;
    margin: 0px;
    padding: 0px;
    float: left;
}

#home-bullets button {
    border: none;
    display: block;
    width: 21px;
    height: 21px;
    background-color: transparent;
    background-image: url("/images/interface/home_bullet.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

#home-bullets button::-moz-focus-inner {
    border: none;
}

#home-bullets li.active button {
    background-position: 0px -21px;
}


/* misc styles for main content/repeated items */

a.readmore {
    width: 29px;
    height: 29px;
    display: block;
    background-image: url("/images/interface/readmore.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    overflow: hidden;
    outline: none;
}

div.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

div.leadtext {
    /*max-height: 200px;*/
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.main_both div.leadtext {
    width: 592px;
}

.main_left div.leadtext {
    width: 765px;
}

.main_right div.leadtext {
    width: 665px;
}

div.leadtext h2 {
    padding-top: 0px;
}

div.leadtext img.left {
    float: left;
    margin: 0px 12px 2px 0px;
}

div.leadtext div.left {
    float: left;
    margin: 0px 12px 2px 0px;
}

div.leadtext p {
    padding-top: 5px;
    color: #00567e;
}

.widget_horz {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

.leadtext .widget_vert {
    float: right;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content_panels .panels {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.content_panels .panel {
    padding: 0px 15px 15px 15px;
}

.panel .sharethis {
    float: right;
    overflow: visible;
}

.panel .sidemain {
    float: left;
    margin-right: 10px;
}

.main_both .panel .sidemain {
    width: 350px;
}

.main_left .panel .sidemain {
    width: 525px;
}

.main_right .panel .sidemain {
    width: 425px;
}

.main_wide .panel .sidemain {
    width: 710px;
}

.panel .sidebar {
    float: left;
    width: 170px;
    border-left: solid 1px #c9dce3;
    height: 100%;
    margin-top: 100px;
    padding-left: 10px;
}

.panel .sidebar h4 {
    padding-top: 0px;
}

.asset_filter h2 {
    font-size: 10pt;
    padding: 0px;
/*    color: #40C8F4;*/
color: #509dd8;
    font-weight: bold;
}

#dockWrap h3 {
    font-size: 12pt;
    padding: 0 0 5px 0;

}

#dockLink {
    margin: 10px;
    float: right;
    clear: both;
    z-index: 2;
}

#dockLink a {
    text-decoration: none;
}

#dockLink a img {
    border: none;
    margin-bottom: -3px;
    margin-left: 3px;
    width: 14px;
    height: 14px;
}
i