body {
    background-color: #d1d1d1;
    margin: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #0d182b;
    }

a {
    color: #00529C;
    text-decoration: underline;
    }

a:hover {
    color: #b727bf;
    }

img {
    border-width: 0px;
    }

img.picture {
    margin: 20px;
    }

img.picture.float-left {
    float: left;
    margin-left: 0px;
    }

img.picture.float-right {
    float: right;
    margin-right: 0px;
    }

button {
    cursor: pointer; 
    }

input.bluebutton {
    text-transform: uppercase;
    font-size: 10px;
    }

.layout
,table.layout td {
    border-width: 0;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    }

ul.layout {
    list-style-type: none;
    list-style-image: none;
    }

table.form-layout th {
    font-weight: normal;
    text-align: right;
    padding-right: 1em;
    }

div#outermost {
    height: 100%;
    width: 1020px;
    margin: 0px auto;
    background-color: white;
    background-image: url('/images/backgrounds/top_yellow_fade.gif');
    background-repeat: repeat-x;
    background-position: top;
    }

h1 /* always the ONB logo at the top left */ {
    margin: 0px 42px;
    padding: 13px 0px;
    }

h1, h1 a /* always the ONB logo at the top left */ {
    color: #003399;
    font-family: Garamond, Georgia, 'Times New Roman', Times, serif;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    }

h2 {
    /* page main heading */
    color: #0d182b;
    font-family: Garamond, Georgia, 'Times New Roman', Times, serif;
    font-size: 32px;
    font-weight: bold;
    margin: 0.4em 0px;
    line-height: 95%;
    }

h3 /* page-level subtitle */ {
    color: #003798;
    font-size: 18px;
    font-weight: bold;
    margin: 0.3em 0px;
    }

h4, /* page-level subtitle */
fieldset legend {
    color: #0D182B;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    }

h4 /* page-level subtitle */ {
    margin: 0.3em 0px;
    }

h4 a {
    color: #00529C;
    text-decoration: none;
    }

p {
    margin: 0px;
    margin-bottom: 1em;
    margin-top: 0.2em;
    }

em {
    font-weight: bold;
    font-style: normal;
    }

.req-marker {
    color: red;
    }


/* LISTS */


ul,
ol {
    padding-left: 0px;
    margin-left: 25px;
    }

ul li,
ol li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    }

ul.purpleArrow {
    margin-left: 25px;
    }

ul.purpleArrow
/* ,ul.purpleArrow li */ {
    list-style-type: square !important;
    list-style-image: url('/images/icons/bullet_arrow.gif') !important;
    }

/* ul.purpleArrow li, */
ul.purpleArrow li a {
    color: #002b7c;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
    }

.yellowfade-inner ul.purpleArrow li a {
    font-weight: normal;
    }

ul.purpleArrow li a:hover {
    color: #B727BF;
    }

ul.greenArrow {
    list-style-type: square !important;
    list-style-image: url('/images/icons/icon_green_sample.gif') !important;
    }

ul.greenArrow li a {
    color: #002b7c;
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
    }

.yellowfade-inner ul.greenArrow li a {
    font-weight: normal;
    }

ul.greenArrow li a:hover {
    color: #B727BF;
    }


ul,
ul.yellowCircle {
    list-style-type: disc;
    list-style-image: url('/images/icons/icon_yellowcircle.gif');
    }

ul.blueCircle,
yellowfade-inner ul {
    list-style-type: disc;
    list-style-image: url('/images/icons/icon_bluecircle.gif');
    }

ul.purpleCircle,
#inside_right_column ul {
    list-style-type: disc;
    list-style-image: url('/images/icons/icon_purplecircle.gif');
    margin: 6px 0px;
    }

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

div.float-contain { 
    clear: both; line-height: 0px; font-size: 0px; 
    }

#header-upperright {
    float: right;
    margin-right: 10px;
    }

#header-upperright a {
    text-decoration: none;
    font-size: 12px;
    }

#header-upperright img {
    vertical-align: middle;
    margin: 0px 4px;
    }

#toptabs {
    height: 23px;
    }

#toptabs ol,
#toptabs ol li {
    list-style-type: none;
    list-style-image: none;
    margin-top: 0px;
    margin-bottom: 0px;
    }

#toptabs ol {
    margin: 0px;
    padding: 0px;
    margin-left: 32px;
    }

#toptabs ol li {
    float: left;
    background-color: #fdbb2f;
    background-image: url('/images/backgrounds/toptabs_yellow_right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: 1px;
    }

#toptabs ol li a {
    display: block;
    width: 140px;
    text-decoration: none;
    height: 23px;
    line-height: 23px;
    color: #0D182B;
    background-image: url('/images/backgrounds/toptabs_yellow_left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 10px;
    }


#toptabs li span.downarrow {
    margin: 0px 0.3em;
    visibility: hidden;
    font-size: 0.8em;
    }

#toptabs li.current span.downarrow {
    visibility: visible;
    }

#toptabs ol li.current,
#toptabs ol li.current a {
    color: white;
    font-weight: bold;
    }

#toptabs ol li.current {
    background-color: #003798;
    background-image: url('/images/backgrounds/toptabs_blue_right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    }

#toptabs ol li.current a {
    background-image: url('/images/backgrounds/toptabs_blue_left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    }

.current,
.current > a {
    cursor: default;
    }




#header-upperright form {
    display: block;
    background-color: #fed253;
    padding: 4px 4px 6px 6px;
    background-image: url('/images/backgrounds/yellow-searchbox-bottomleft.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    }

#header-upperright form div * {
    vertical-align: middle;
    margin: 0px 3px;
    }

#header-upperright form button {
    background-color: transparent;
    border-width: 0px;
    color: #003399;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    }

#header-upperright form input.text {
    border: solid 1px #a7a6aa;
    width: 105px;
    font-size: 9px;
    }

.hfeed {
    padding-top: 1em;
    }

.hfeed ol,
.hfeed ol li {
    list-style-type: none;
    list-style-image: none;
    margin: 1em 0px;
    padding-left: 0px;
    }

#header a {
    color: #0d182b;
    text-decoration: none; 
    font-size: 11px;
    }

#header a:hover {
    color: #B727BF;
    }

fieldset {
    border: 1px solid #F5E883;
    margin: 24px 0px 24px 0px;
    padding: 14px 24px 0px 24px;
    }

fieldset p {
    padding-left: 2px;
    }

#centersection{
    vertical-align: top;
    padding: 10px;
    }

#main_content_area {
    padding: 0px 37px;
    }

.yellowfade-outer {
    clear: both;
    background-image: url('/images/backgrounds/yellowfade.gif');
    background-repeat: repeat-x;
    background-position: top;
    margin: 0.4em;
    }

.yellowfade-middle {
    background-image: url('/images/backgrounds/yellowfade-topright.gif');
    background-repeat: no-repeat;
    background-position: top right;
    }

.yellowfade-inner {
    background-image: url('/images/backgrounds/yellowfade-topleft.gif');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 15px 25px;
    }


/* LINKS */


#lefttabs {
    width: 258px;
    font-size: 11px;
    background-color: #f0f0f0;
    background-image: url('/images/backgrounds/lefttabs_bottomright.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    }

#lefttabs-tabs {
    height: 20px;
    background-color: white;
    text-align: center;
    }

#lefttabs-tabs ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px 20px;
    }

#lefttabs-tabs ul li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    height: 20px;
    margin: 0px 3px;
    }

#lefttabs-tabs ul li a {
    color: #0d182b;
    display: block;
    padding: 3px 7px;
    text-decoration: none;
    }

#lefttabs-tabs ul li.current {
    background-color: #f0f0f0;
    background-image: url('/images/backgrounds/lefttabs_topright.gif');
    background-position: top right;
    background-repeat: no-repeat;
    }

#lefttabs-tabs ul li.current a {
    background-image: url('/images/backgrounds/lefttabs_topleft.gif');
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #003399;
    }

#lefttabs-body {
    padding-left: 4px;
  /*
    background-color: #f0f0f0;
    background-image: url('/images/backgrounds/lefttabs_bottomright.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 54px;
  */ }

#lefttabs-body input,
#lefttabs-body select {
    font-size: 11px;
    }

#lefttabs-body form {
    margin: 0px;
    }

#lefttabs-body div.section {
    border-top: 1px solid #dddcdc;
    clear: both;
    padding: 20px 25px;
    }

#lefttabs-body div.section:first-child,
#lefttabs-body div.section.first-child {
    background-image: url('/images/backgrounds/lefttabs_topright.gif');
    background-position: top right;
    background-repeat: no-repeat; 
    border-width: 0px;
    }

#lefttabs-body h3 { 
    margin-top: 0px;
    margin-bottom: 8px;
    }

#lefttabs-body input {
    vertical-align: middle;
    }

#lefttabs-body label.left {
    float: left;
    text-align: right;
    width: 62px;
    margin-right: 0.3em;
    display: block;
    vertical-align: middle;
    padding-top: 3px;
    }

#lefttabs-body input[type="text"],
#lefttabs-body input[type="password"] {
    width: 120px;
    }

#lefttabs-body input.text,
#lefttabs-body input.password {
    width: 120px;
    }

#customer_service_home ul.purpleArrow li ul,
#customer_service_home ul.purpleArrow li ul li {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 12px;
    }

#customer_service_home ul.purpleArrow li {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: black;
    }

#customer_service_home ul.purpleArrow li ul li a {
    text-transform: none;
    font-weight: normal;
    }

.main-sections {
    margin: 5px;
    }

table.main-sections td {
    padding: 0px 10px;
    padding-bottom: 20px;
    }

table.main-sections td.marker {
    padding: 0px;
    padding-top: 2px;
    }

table.main-sections td.first-child {
    padding-left: 0px;
    }

.main-sections h4 {
    margin: 0px;
    padding: 0px;
    }

#bottom-disclaimer {
    border-top: solid 1px #fff3d0;
    margin-top: 6em;
    padding-top: 2em;
    clear: both;
    }    

.disclaimer {
    font-size: 11px; 
    color: #525252;
    }    

.disclaimer p {
    margin: 1em 0px;
    }


#inside_right_column {
    min-width: 205px;
    width: 205px;
    }

#inside_right_column ul {
    padding-left: 10px;
    }

.greenbox,
.greybox {
    width: 205px;
    }

.greenbox {
    background-image: url('/images/backgrounds/greenbox_bottomleft.gif');
    background-position: bottom left;
    background-repeat: no-repeat; 
    margin-bottom: 10px;
    }

.greenbox-outer {
    border-top-width: 0px;
    background-color: #f3f7b2;
    background-image: url('/images/backgrounds/greenbox_topleft.gif');
    background-position: top left;
    background-repeat: no-repeat; 
    }

.greenbox img {
    margin: 5px;
    margin-left: 0px;
    }

.greenbox a {
    text-decoration: none;
    }

.greybox {
    background-image: url('/images/backgrounds/greybox_bottomleft.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 100%;
    }

.greybox div {
    /*border-top: solid 1px #dddcdc;*/
    }

.greybox div:first-child,
.greybox div.first-child {
    border-width: 0px;
    }

.greybox-outer {
    background-color: #efefef;
    background-image: url('/images/backgrounds/greybox_topleft.gif');
    background-position: top left;
    background-repeat: no-repeat; 
    height: 100%;
    }

.greenbox div,
.greybox div {
    padding: 20px;
    }

ol.sitemap,
ol.sitemap li {
    list-style-type: none;
    list-style-image: none;
    }

.leftNavBody a {
    text-decoration: none;
    display: block;
    }

ol.level1 {
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    }

ol.level1 a {
    font-size: 14px;
    font-weight: bold;
    color: #0d182b;
    }

ol.level1 div {
    background-image: url('/images/icons/icon_bluecircle.gif');
    background-position: 12px 10px;
    background-repeat: no-repeat;
    }

ol.level1 div a {
    padding-left: 24px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-right: 14px;
    width: 205px;
    }

ol.level1 div.current {
    background-image: url('/images/backgrounds/nav_third_active_bottom.gif');
    background-position: bottom left;
    background-repeat: no-repeat; 
    }

ol.level1 div.current a,
ol.level1 div.current a:hover {
    background-image: url('/images/backgrounds/nav_third_active_top.gif');
    background-position: top left;
    background-repeat: no-repeat;
    color: #0d182b;
    }

ol.level1 a:hover {
    color: #00529c;
    }

ol.level2 {
    list-style-type: circle;
    list-style-image: url('/images/icons/icon_plus.gif');
    padding-left: 24px;
    }

ol.level2 a {
    font-size: 12px;
    font-weight: normal;
    color: #0d182b;
    width: 50px;
    display: inline;
    }

ol.level2 a:hover {
    color: #00529c;
    font-weight: bold;
    }

ol.level2 div, ol.level3 div,
ol.level2 div a, ol.level3 div a,
ol.level2 div.current a, ol.level3 div.current a,
ol.level2 div.current a:hover, ol.level3 div.current a:hover {
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

ol.level2 div.current {
    background-image: none;
    }

ol.level2 div.current a {
    color: #0d182b;
    font-weight: bold;
    }

ol.level3 {
    list-style-type: square;
    list-style-image: url('/images/icons/icon_arrow.gif');
    }

ol.level3 a {
    font-size: 11px;
    font-weight: normal;
    color: #00529c;
    }

ol.level3 a:hover {
    font-weight: bold;
    }

ol.level2 div.current {
    background-image: none;
    }

ol.level3 div.current a {
    color: #fdbd35;
    font-weight: bold;
    }

dl.faq dt {
    font-weight: bold;
    margin-top: 1em;
    }

dl.faq dd {
    padding-left: 0px;
    margin-left: 0px;
    }


/* LEFT NAVIGATION: =leftNavContainer
----------------------------------------------- */

div#leftNavContainer { 
    background: #ffffff;
    width: 256px;
    margin: 0px;
    padding: 0px;
    clear:none;
    background: url(/images/leftnav_bottom.jpg) no-repeat bottom left;
    }

div#leftNavContainer div.leftNavBody { 
    background: url(/images/leftnav_top.gif) no-repeat left top;
    /* color: #ffffff; */
    width: 242px;
    /* Change the above width if you need to adjust the right or left padding below */  
    padding: 14px 7px 155px 7px;
    margin: 0px;
    clear:none;
    }

div.leftNavTab { 
    background: #EAEAEA url(/images/leftnav_top_tab_left.gif) no-repeat left top;
    padding: 0px;
    margin: 0px 16px;
    width: 194px;
    }

div.leftNavTab h4{ 
    background: url(/images/leftnav_top_tab_right.gif) no-repeat right top;
    padding: 8px 8px 5px 8px;
    margin: 0px;
    text-transform: uppercase;
    color: #0D182B;
    font-size: 14px;
    line-height: 110%;
    }


/* ---------------------------- MARKETING AREAS --------------------------------------------- */


/* BLOCK MARKETING IMAGE
Class that fixes height of the marketing area divs.
------------------------------------------------------------------------------------- */

div.MarketingArea{
    width: 718px;
    margin: 0px;
    height: 286px;
    clear: none;
    }


/* BLOCK MARKETING IMAGE
Class for images that fill entire marketing areas. No test within marketing area.
------------------------------------------------------------------------------------- */

img.MarketingBlock{
    margin: 0;
    padding: 0;
    display: block;
    }


/* MARKETING TABS 2 and 3
Class that hides the second and third tabs until rotator changes display type.
------------------------------------------------------------------------------------- */

div#marketingHome-tab2-body {
    display:none;
    }

div#marketingHome-tab3-body {
    display:none;
    }


/* STYLE SETTINGS FOR MARKETING AREAS
Class that hides the second and third tabs until rotator changes display type.
------------------------------------------------------------------------------------- */

div#marketingHome h2{ 
    margin: 0px;
    padding-bottom: 15px;
    clear:none;
    font-family: 'Garamond', Georgia, 'Times New Roman', Times, Serif;
    line-height: 110%;
    }

div#marketingHome p{ 
    margin: 0px;
    clear:none;
    font-size: 115%;
    line-height: 120%;
    } 

#marketingHome ul { 
    list-style-type: square;
    list-style-image: url(/images/marketing/diamond.gif);    
    list-style-position: outside;
    margin: 4px 52px 8px 52px;
    font-size: 115%;     
    }

#marketingHome li { 
    margin: 0px;
    padding: 0px;
    }  

#marketingHome li a {     
    display: block; 
    margin: 0px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: bold;
    }

/* BUTTONS - MORE INFORMATION
Background images for more information hyperlinks
-------------------------------------------------------------------------------------- */

div.yellowbutton { 
    height: 22px;
    float: left; 
    padding: 0px;    
    line-height: 22px;
    background: url(/images/marketing/yellow_button_bg.gif) no-repeat left top;
    margin: 8px 72px 0px 0px;    
    }

div.yellowbutton a{ 
    height: 22px;
    float:left; 
    display:block;
    margin: 0px; 
    padding: 1px 14px;
    text-decoration: none;    
    text-transform: uppercase;
    margin: 0px; 
    color: #181E2A;
    font-weight: normal;
    font-size: 85%;
    background: url(/images/marketing/yellow_button_end.gif) no-repeat right top;
} 

div.greenbutton { 
    height: 22px;
    float: left; 
    padding: 0px;
    line-height: 22px;
    background: url(/images/marketing/green_button_bg.gif) no-repeat left top;
    margin: 8px 72px 0px 0px;    
    }

div.greenbutton a{ 
    height: 22px;
    float:left; 
    display:block;    
    margin: 0px; 
    padding: 1px 14px;
    text-decoration: none;    
    text-transform: uppercase;
    margin: 0px; 
    color: #181E2A;
    font-weight: normal;
    font-size: 85%;
    background: url(/images/marketing/green_button_end.gif) no-repeat right top;
    }

div.purplebutton { 
    height: 22px;
    float: left; 
    padding: 0px;    
    line-height: 22px;
    background: url(/images/marketing/purple_button_bg.gif) no-repeat left top;
    margin: 8px 72px 0px 0px;    
    }

div.purplebutton a{ 
    height: 22px;
    float:left; 
    display:block;
    margin: 0px;     
    padding: 1px 14px;
    text-decoration: none;    
    text-transform: uppercase;
    margin: 0px; 
    color: #181E2A;
    font-weight: normal;
    font-size: 85%;
    background: url(/images/marketing/purple_button_end.gif) no-repeat right top;
    }


/* HOME TABS FOR MARKETING AREA: =homeTabs
Tabs at the bottom of Marketing Areas.  Grayed Tabs - Colored Tabs Defined Below
-------------------------------------------------------------------------------------- */
div.homeTabs { 
    height: 20px; 
    overflow: hidden;     
    width:718px;     
    line-height:normal;
    margin: 0px;
    }

.homeTabs ul { 
    padding: 0 0 0 9px; 
    list-style-type: none;
    list-style-image: none;    
    float: right;
    margin: 0px;
    }

.homeTabs li { 
    height: 20px;
    background: url(/images/marketing/home_tab_bg.gif) no-repeat left top; 
    float:left; 
    margin: 0 0 0 2px; 
    padding: 0 0 0 9px; 
    list-style-type: none;
    list-style-image: none;
    }

.homeTabs a  { 
    height: 20px;
    background: url(/images/marketing/home_tab_end.gif) no-repeat right top; 
    float:left; 
    display:block; 
    margin: 0px;
    padding: 2px 10px 0px 2px; 
    text-decoration:none; 
    white-space: nowrap; 
    color: #0D182B;
    font-weight: normal;  
    font-size: 90%;
    }

.homeTabs > ul a { width:auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#homeTabs a  { float:none; }
/* End IE5-Mac hack */


.homeTabs li.current a { 
    color: #002A7C; 
    font-weight: bold; 
    }

.homeTabs a:link:hover,
.homeTabs a:visited:hover { 
    color: #012D4E; 
    }


/* COLOR TABS FOR MARKETING AREAS: =homeTabs
Tabs at the bottom of Marketing Areas.  Colored Tabs
-------------------------------------------------------------------------------------- */

div#greenTabs li.current { 
    background: url(/images/marketing/green_tab_bg-active.gif) no-repeat left top; 
    background-color: #D7E300;
    }

div#greenTabs li.current a  { 
    background: url(/images/marketing/green_tab_end-active.gif) no-repeat right top;
    }

div#purpleTabs li.current { 
    background: url(/images/marketing/purple_tab_bg-active.gif) no-repeat left top; 
    background-color: #CC67D2;
    }

div#purpleTabs li.current a  { 
    background: url(/images/marketing/purple_tab_end-active.gif) no-repeat right top;
    color: #ffffff;
    }

div#yellowTabs li.current { 
    background: url(/images/marketing/yellow_tab_bg-active.gif) no-repeat left top; 
    background-color: #FED253;
    }

div#yellowTabs li.current a  { 
    background: url(/images/marketing/yellow_tab_end-active.gif) no-repeat right top;
    }



/* --------------------------------- END OF MARKETING AREAS ---------------------------------------------- */


/* YELLOW HOME MARKETING AREA: =yellowHome
----------------------------------------------- */

div.yellowHome div.button { 
    background: url(/images/marketing/yellow_button_bg.gif) no-repeat left top;
    margin: 8px 72px 0px 0px;    
    }

div.yellowHome div.button a{ 
    background: url(/images/marketing/yellow_button_end.gif) no-repeat right top;
    }

div.yellowHome { 
    background: #ffffff url(/images/marketing/bottom_curve_yellow.jpg) no-repeat center bottom;
    padding: 0px 0px 56px 0px;       
    }

div.yellowHome h2{ 
    background: url(/images/marketing/home_photo_collage_01.jpg) no-repeat center top;
    padding: 130px 36px 0px 36px;
    } 

div#yellowTabs li.current { 
    background: url(/images/marketing/yellow_tab_bg-active.gif) no-repeat left top; 
    background-color: #FED253;
    }

div#yellowTabs li.current a  { 
    background: url(/images/marketing/yellow_tab_end-active.gif) no-repeat right top;
    }



/* HOME MARKETING AREA: =marketingHome
----------------------------------------------- */

div#marketingHome { 
    width: 718px;
    margin: 0px;
    clear:none;
    }

div#marketingHome h2{ 
    margin: 0px;
    clear:none;
    font-family: 'Garamond', Georgia, 'Times New Roman', Times, Serif;
    line-height: 110%;
    }

div#marketingHome p{ 
    margin: 0px;
    padding: 8px 230px 12px 36px;
    clear:none;
    font-size: 115%;
    line-height: 120%;
    } 

div#marketingHome img.single{ 
    float: right;
    margin: 0px;
    padding: 24px 10px 3px 0px;
    clear:none;
    } 

#marketingHome ul { 
    list-style-type: square;
    list-style-image: url(/images/marketing/diamond.gif);
    list-style-position: outside;
    margin: 4px 52px 8px 52px;
    font-size: 115%;     
    }

#marketingHome li { 
    margin: 0px;
    padding: 0px;
    }  

#marketingHome li a {     
    display: block; 
    margin: 0px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: bold;
    }

#marketingHome div.button { 
    height: 22px;
    float: right; 
    padding: 0px;
    line-height: 22px;
    }

#marketingHome div.button a{ 
    height: 22px;
    float:left; 
    display:block;
    margin: 0px; 
    padding: 1px 14px;
    text-decoration: none;    
    text-transform: uppercase;
    margin: 0px; 
    color: #181E2A;
    font-weight: normal;
    font-size: 85%;
    }


/* HOME TABS FOR MARKETING AREA: =homeTabs
----------------------------------------------- */
div.homeTabs { 
    height: 20px; 
    overflow: hidden;     
    width:718px; 
    line-height:normal;
    margin: 0px;
    }

.homeTabs ul { 
    padding: 0 0 0 9px; 
    list-style-type: none;
    list-style-image: none;
    float: right;
    margin: 0px;
    }

.homeTabs li { 
    height: 20px;
    background: url(/images/marketing/home_tab_bg.gif) no-repeat left top; 
    float:left; 
    margin: 0 0 0 2px; 
    padding: 0 0 0 9px; 
    list-style-type: none;
    list-style-image: none;
    }

.homeTabs a  { 
    height: 20px;
    background: url(/images/marketing/home_tab_end.gif) no-repeat right top; 
    float:left; 
    display:block; 
    margin: 0px;
    padding: 2px 10px 0px 2px; 
    text-decoration:none; 
    white-space: nowrap; 
    color: #0D182B;
    font-weight: normal;  
    font-size: 90%;
    }

.homeTabs > ul a { width:auto; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/

#homeTabs a  { float:none; }
    /* End IE5-Mac hack */


.homeTabs li.current a { 
    color: #002A7C; 
    font-weight: bold; 
    }

.homeTabs a:link:hover,
.homeTabs a:visited:hover { 
    color: #012D4E; 
    }    


/* GREEN HOME MARKETING AREA: =greenHome
----------------------------------------------- */

div.greenHome div.button { 
    background: url(/images/marketing/green_button_bg.gif) no-repeat left top;
    padding: 8px 0px 0px 0px;
    margin: 14px;
    }

div.greenHome div.button a{ 
    background: url(/images/marketing/green_button_end.gif) no-repeat right top;
    }

div.greenHome { 
    background: #ffffff url(/images/marketing/bottom_curve_green.jpg) no-repeat center bottom;
    padding: 0px 0px 84px 0px;       
    }

div.greenHome h2{ 
    background: url(/images/marketing/top_curve_green.gif) no-repeat center top;
    padding: 50px 242px 0px 36px;
    }

div#greenTabs li.current { 
    background: url(/images/marketing/green_tab_bg-active.gif) no-repeat left top; 
    background-color: #D7E300;
    }

div#greenTabs li.current a  { 
    background: url(/images/marketing/green_tab_end-active.gif) no-repeat right top;
    } 



/* PURPLE HOME MARKETING AREA: =purpleHome
----------------------------------------------- */

div.purpleHome div.button { 
    background: url(/images/marketing/purple_button_bg.gif) no-repeat left top;
    padding: 8px 0px 0px 0px;
    margin: 14px;    
    }

div.purpleHome div.button a{ 
    background: url(/images/marketing/purple_button_end.gif) no-repeat right top;
    }

div.purpleHome { 
    background: #ffffff url(/images/marketing/bottom_curve_purple.jpg) no-repeat center bottom;
    padding: 0px 0px 84px 0px;       
    }

div.purpleHome h2{ 
    background: url(/images/marketing/top_curve_purple.gif) no-repeat center top;
    padding: 50px 242px 0px 36px;
    }

div#purpleTabs li.current { 
    background: url(/images/marketing/purple_tab_bg-active.gif) no-repeat left top; 
    background-color: #CC67D2;
    }

div#purpleTabs li.current a  { 
    background: url(/images/marketing/purple_tab_end-active.gif) no-repeat right top;
    color: #ffffff;
    } 



/* SUBNAVIGATION: =subNavigation
----------------------------------------------- */
div.subNavigation { 
    height: 32px; 
    overflow: hidden;     
    width:1020px; 
    line-height:normal;
    margin: 0px;
    padding: 0px;
    background: #013694 url(/images/subnav_bg.jpg) repeat-x top left;
    }

.subNavigation ul { 
    height: 32px;
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    padding-left: 32px;
    float: left;
    }

.subNavigation li { 
    background: url(/images/subnav_divide.jpg) no-repeat left top; 
    float:left; 
    margin: 0px; 
    padding: 0px 10px 0px 9px; 
    list-style-type: none;
    list-style-image: none;
    }

.subNavigation li:first-child,
.subNavigation li.first-child {
    background-image: none;
    }

.subNavigation a { 
    height: 32px;
    float:left; 
    display:block; 
    width:.1em;
    margin: 0px;
    padding: 7px 0px 0px 0px; 
    text-decoration:none; 
    white-space: nowrap; 
    color: #ffffff;
    font-weight: normal;  
    font-size: 11px;
    }

.subNavigation > ul a { width:auto; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/

#subNavigation a  { float:none; }
    /* End IE5-Mac hack */


.subNavigation li.current a, 
.subNavigation li.current a:link:hover,
.subNavigation li.current a:visited:hover { 
    color: #ffffff; 
    font-weight: bold; 
    background: url(/images/subnav_active.gif) repeat-x top right;
    }

.subNavigation a:link:hover,
.subNavigation a:visited:hover { 
    color: #ffffff;
    background: url(/images/subnav_hover.gif) repeat-x top right;
    }


#departure_frame {
    background-color: white;
    width: 500px;
    padding: 30px;
    margin: 50px auto;
    }

#associate_bio {
    background-color: white;
    background-image: url(/images/backgrounds/top_yellow_fade.gif);
    background-repeat: repeat-x;
    background-position: top;
    width: 500px;
    padding: 30px;
    margin: 50px auto;
    }  

dl.list-index dt {
    margin-top: 2em;
    }

dl.list-index dt a {
    text-decoration: none;
    font-weight: bold;
    }

dl.list-index dd {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 1em;
    }

/* FOOTER: =footer
----------------------------------------------- */

#footer{
    border-top: 1px solid #f5f5f5;
    margin: 4px 10px 0px 10px;
    padding: 25px 19px;
    vertical-align: middle;
    font-size: 11px;
    }

/* added for Ethisphere Logo */    
#footer-alt{
    border-top: 1px solid #f5f5f5;
    margin: 4px 10px 0px 10px;
    padding-top: 25px;
    padding-bottom: 40px;
    padding-left: 19px;
    padding-right: 19px;
    vertical-align: middle;
    font-size: 11px;
}
/* end Ethisphere Logo */

#footer-logos {
    float: right;
    clear: both;
    padding: 0px;
    margin: 0px;
    }

#footer-logos img {
    margin: 0px 9px;
    padding: 0px;
    }

div.copyright-notice {
    color: #00529c;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    }

div#footer a {
    color: #525252;
    margin: 0em 1em;
    padding: 0px;
    text-decoration: underline;
    font-size: 11px;
    }

div#footer a:first-child,
div#footer a.first-child {
    margin-left: 0px;
    }

.error-message {
    color: red;
    border: solid 1px #003399;
    background-color: white;
    padding: 0.5em;
    margin: 0.5em;
    font-weight: bold;
    }

/* BEGIN CSS for DHTML WINDOW*/

.dhtmlwindow{
    position: absolute;
    border: 2px solid black;
    visibility: hidden;
    background-color: white;
    }

.drag-handle { /*CSS for Drag Handle*/
    padding: 1px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: #00519C;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    }

.drag-handle .drag-controls { /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
    }

* html .drag-handle { /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
    }


.drag-contentarea { /*CSS for Content Display Area div*/
    border-top: 1px solid brown;
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
    }

.drag-statusarea { /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid gray;
    background-color: #F8F8F8;
    height: 13px; /*height of resize image*/
    }


.drag-resizearea { /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
    }

/* END CSS for DHTML WINDOW*/