body {
 margin: 0;
 padding: 0;
 background-color: #ccc;
 font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
 color: black;
}

body, th, td, caption {
 font-size: 70%;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td {
 font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: bold;
 padding: 0.25ex 0;
 margin: 0;
}

h1 {
 font-size: 150%;
}

.fake_h1 {
 font-size: 150%;
 font-weight: bold;
}

h2 {
 font-size: 125%;
}

h3 {
 font-size: 105%;
}

h4 {
 font-size: 95%;
}

h5 {
 font-size: 85%;
}

h6 {
 font-size: 80%;
}

p {
 /* margin: 0 0 1ex; */
 /* padding: 0; */
 font-size: 105%;
}

ul, ol {
 margin-top: 1ex;
 margin-bottom: 1ex;
}

table {
 margin: 1ex 0;
}

table.full_width {
 width: 100%;
}

table, tr, td, th {
 border-collapse: collapse;
 margin: 1ex 0;
}

caption {
 padding: 0.5em;
 border: 1px solid black;
 font-style: italic;
 font-weight: bold;
 line-height: 115%;
}

table.with_caption,
table.with_top_caption {
 margin: 0 0 1ex;
}

table.with_bottom_caption {
 margin: 1ex 0 0;
}

/* note that Firefox and Opera both refuse to top-caption a table inside another table that's bottom-captioned, and vice-versa */
table.with_caption caption,
table.with_top_caption caption,
caption.top_caption,
caption.top {
 caption-side: top;
 margin: 0 0 -1px;
}

table.with_bottom_caption caption,
caption.bottom_caption,
caption_bottom {
 caption-side: bottom; /* note that IE/Win ignores this and requires an align='bottom' attribute to be included in the HTML caption tag if bottom-captioning is desired */
 margin: -1px 0 0;
}

table.with_smaller_caption caption,
table.with_small_caption caption,
caption.smaller,
caption.small {
 font-size: 65%;
}

table.with_caption_centered caption,
caption.centered,
caption.center {
}

table.with_caption_left_aligned caption,
caption.left_aligned,
caption.left {
 text-align: left;
}

table.with_caption_right_aligned caption,
caption.right_aligned,
caption.right {
 text-align: right;
}

table.with_no_caption_border caption,
caption.with_no_border,
caption.no_border {
 padding: 0.5em 0;
 border: none;
}

td, th {
 padding: 0.5ex;
}

a {
 text-decoration: none;
 color: #03c;
}

.fake_a {
  text-decoration: none;
  color: #03c;
}

a:visited {
 color: #939;
}

a:hover {
 color: red;
}

/*
 * #centerContentBeginSpacing {
 *  padding-top: 4px;
 *  float: left;
 * }
 */

/* Beware! Lists to the right of left-side pull-outs misbehave in many browsers! */
.left_pull_out {
 float: left;
 margin: 1ex 1em 1ex 0;
}

.right_pull_out {
 float: right;
 margin: 1ex 0 1ex 1em;
}

.padded {
 padding: 1ex;
}

.vertical_padded {
 padding-top: 1ex;
 padding-bottom: 1ex;
}

.horizontal_padded {
 padding-left: 1ex;
 padding-right: 1ex;
}

.centered {
 text-align: center;
}

.smaller {
 font-size: 90%;
}
.very_small {
 font-size: 60%;
}

.bold {
 font-weight: bold;
}

.italic,
.emphasized {
 font-style: italic;
}

strong,
.strong,
.super_emphasized,
.extra_emphasized,
.double_emphasized {
 font-weight: bold;
}

.with_border {
 border: 1px solid black;
}

div.image_frame {
 text-align: center;
 font-style: italic;
 font-weight: bold;
 line-height: 115%;
}

div.image_frame.padded {
 padding: 1ex;
}

div.image_frame.with_image_border img {
 border: 1px solid black;
}

/* this rule keeps the Stellent edit control image from picking up a border */
div.image_frame.with_image_border span img {
 border: none;
}

div.image_frame p,
div.image_frame.with_caption p,
div.image_frame.with_bottom_caption p {
 margin: 1ex 0 0 0;
}

div.image_frame.with_top_caption p {
 margin-top: 0;
 margin-bottom: 1ex;
}

div.image_frame.with_caption_centered p,
div.image_frame p.centered,
div.image_frame p.center {
}

div.image_frame.with_caption_left_aligned p,
div.image_frame p.right_aligned,
div.image_frame p.right {
 text-align: left;
}

div.image_frame.with_caption_right_aligned p,
div.image_frame p.right_aligned,
div.image_frame p.right {
 text-align: right;
}

div.image_frame.with_small_caption p,
div.image_frame p.small {
 font-size: 85%;
}

div.wide_element_frame {
 width: 100%;
 max-width: 100%; /* IE/Win ignores this, harmlessly */
 margin-bottom: 1ex;
 overflow-x: scroll;
}

div.wide_element_frame table {
 margin-bottom: 0;
}

div.out_of_view {
 position: absolute;
 left: -1000px;
}

div#master {
 margin: 1ex; /* IE6/Win doesn't always render the bottom margin on this div, but the effect is fairly unobtrusive */
 padding: 0;
 border: 1px solid black;
 background-color: white;
}

div#masthead {
 margin: 0;
 padding: 0;
 background-color: #d7d7d7;
 border-bottom: 1px solid black;
}

div#masthead_top_band {
 margin: 0;
 padding: 0 0 0 90px;
 overflow: hidden;
 color: black;
}

div#masthead_search_bar {
 float: right;
 margin: 0;
 padding: 1ex 1ex 0 2ex;
 text-align: right;
}

div#masthead_search_bar form {
 margin: 0;
}

div#masthead_search_bar input {
 font-size: 90%;
}

p#masthead_site_name {
 margin: 0;
 padding: 1ex 0 0;
 font-size: 85%;
}

p#masthead_site_name a,
p#masthead_site_name a:hover,
p#masthead_site_name a:visited {
 text-decoration: none;
 color: black;
}

p#masthead_subsite_name {
 margin: 0;
 padding: 0 0 0.5ex;
 font-size: 130%;
 font-weight: bolder;
 font-variant: small-caps;
}

p#masthead_subsite_name a,
p#masthead_subsite_name a:hover,
p#masthead_subsite_name a:visited {
 text-decoration: none;
 color: black;
}

div#masthead_middle_band {
 position: relative;
 height: 42px;
 border-top: 1px black solid;
 border-bottom: 1px black solid;
 background-image: url(/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/ocio_masthead_graphic.jpg); /* need to be sure this file exists in both document root and css root directories, to accomodate broken browsers that will incorrectly look for it in the document root directory */
 background-repeat: no-repeat;
 background-color: #000033;
 /* ideally the following two lines would correct Firefox's decision to let the masterhead_banner foreground image overflow the masthead div, but unfortunately, when Firefox sees these it interprets them as "overflow: hidden;" even though it should completely ignore them -- interestingly, both IE/Win and Opera seem to behave as intended by these two lines by default, so they aren't even necessary */
 /* overflow-y: visible; */
 /* overflow-x: hidden; */
}

img#masthead_seal {
 position: absolute;
 bottom: -2ex;
 left: 1ex;
 border: none;
}

img#masthead_banner {
 display: none; /* this is overridden below for print */
 height: 42px; /* make sure this stays in sync with the actual size of the image */
}

div#masthead_bottom_band {
 padding: 0 0 0 90px; /* IE/Win doesn't respect this, but what can you do? */
}

/* this is required by IE/win -- helps ensure the its containing div grows as tall as the floated elements it contains, and that in IE/Win this does not result in unwanted side-effects on the left-padding of the container */
div#top_menu_bar_kludge {
 width: 100%;
}

ul#top_menu {
 float: right;
 margin: -1px 0 0;
 padding: 0;
}

ul#top_menu li {
 float: left;
 display: block;
 margin: 0 -1px -1px 0; /* Opera ignores the negative bottom margin, but the effect is farily unobtrusive */
 padding: 0;
 border: 1px solid black;
 font-size: 105%;
}

ul#top_menu li.menu_label {
 border-left: none;
 white-space: nowrap;
 padding-left: 1.5ex;
 padding-right: 1.5ex;
 line-height: 3.9ex; /* this doesn't perfectly match the height of the container, but gets very close at most font sizes, window sizes, and screen resolutions, in most browsers */
 font-weight: bold;
 color: black;
}

ul#top_menu li a {
 white-space: nowrap;
 padding: 0.9ex 1.5ex;
 line-height: 3.9ex; /* this doesn't perfectly match the height of the container, but gets very close at most font sizes, window sizes, and screen resolutions, in most browsers */
 color: #03c;
}

ul#top_menu li a:visited {
 color: #03c;
}

ul#top_menu li a:hover {
 background-color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 color: red;
}

/* this also helps ensure that its containing div grows as tall as the floated elements it contains */
div.vertical_sizer_kludge {
 clear: both;
 margin: 0;
 padding: 0;
 line-height: 0px;  /* must be 0px or W3C CSS Validator complains */
}

div#main {
 margin: 0;
 padding: 0;
 width: 100%;
}

div#left_sidebar {
 float: left;
 margin: 0;
 width: 20%;
 max-width: 20%; /* IE/Win ignores this, harmlessly */
 text-overflow: ellipsis;
 overflow: hidden;
}

div.nested_vertical_menu {
 margin: 1ex;
 padding: 0;
 border: 1px solid black;
 background-color: #e3eaeb;
 /* font-size: 111%; */
}

div.nested_vertical_menu div.title {
 margin: 0;
 padding: 1ex;
 border-bottom: 1px solid black;
 background-color: #36c;
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 font-weight: bold;
 text-align: center;
}

div.nested_vertical_menu div.title a,
div.nested_vertical_menu div.title a:visited {
 color: white;
}

div.nested_vertical_menu div.title a:hover {
 color: red;
}

div.nested_vertical_menu div.list {
 margin: 0;
 padding: 0;
 text-align: left; /* IE6/Win needs this, otherwise the menu items are incorrectly center-aligned */
}

div.nested_vertical_menu div.list ul {
 margin: 0;
 padding: 0;
}

div.nested_vertical_menu div.list ul ul {
 margin: 0 0 0 1ex; /* this indents each nested list, starting with the second level */
 font-size: 90%; /* this reduces the font size of each nested list (if any), starting with the second level */
}

div.nested_vertical_menu div.list ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 1px solid #e3eaeb; /* this border corrects IE/Win spacing trouble when there is whitespace between list items and/or nested lists in the HTML */
}

div.nested_vertical_menu div.list a {
 display: block;
 padding: 0.5ex 1ex;
 border-left: 1ex solid #36c;
 border-bottom: 1px solid #36c;
 text-overflow: ellipsis;
 overflow: hidden;
}

/* this hacks IE/Win to keep any ellipsised content from overshooting the parent element's natural right boundary */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.nested_vertical_menu div.title,
* html div.nested_vertical_menu div.list a {
 width: 100%;
}
/* end IE5/Mac hack */

div.nested_vertical_menu div.list a:hover {
 background-color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 border-color: red;
}

div.nested_vertical_menu div.list li.current {
}

div.nested_vertical_menu div.list li.current.deepest a {
 background-color: #ccc;
}

div.nested_vertical_menu div.list li.current.deepest ul li a {
 background-color: #e3eaeb;
}

/* Use flat_vertical_menu when all your list items are anchors with no extraneous text. Use flat_vertical_list when some of your list items contain non-anchor text, or possibly no anchors at all. */

/* Place non-list content in non_list_item divs within the main div or in a list div inside the main div. Typically, you will want to add the horizontal_padded attribute to these non-list divs, too. */

div.flat_vertical_menu,
div.flat_vertical_list {
 margin: 1ex;
 padding: 0;
 border: 1px solid black;
 background-color: #e3eaeb;
 /* font-size: 111%; */
}

div.flat_vertical_menu div.title,
div.flat_vertical_list div.title {
 margin: 0;
 padding: 1ex;
 border-bottom: 1px solid black;
 background-color: #36c;
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 font-weight: bold;
 text-align: center;
}

div.flat_vertical_menu div.title a,
div.flat_vertical_menu div.title a:visited {
 color: white;
}

div.nested_vertical_menu div.title a:hover {
 color: red;
}

div.flat_vertical_menu div.list,
div.flat_vertical_list div.list {
 margin: 0;
 padding: 0 0.25ex;
}

div.flat_vertical_menu div.list ul,
div.flat_vertical_list div.list ul {
 margin: 0.25ex 0;
 padding: 0;
}

div.flat_vertical_menu div.list ul ul {
 font-size: 90%; /* this reduces the font size of each nested list (if any), starting with the second level */
}

div.flat_vertical_menu div.list ul li,
div.flat_vertical_list div.list ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 1px solid #e3eaeb; /* this border corrects IE/Win spacing trouble when there is whitespace between list items and/or nested lists in the HTML */
}

div.flat_vertical_list div.list ul li {
/*
 text-overflow: ellipsis;
 overflow: hidden;
*/
}

div.flat_vertical_menu div.list a {
 display: block;
 padding: 0.5ex 1ex;
 text-overflow: ellipsis;
 overflow: hidden;
}

div.flat_vertical_menu div.list a:hover {
}

div.flat_vertical_menu div.list li.current,
div.flat_vertical_list div.list li.current {
}

div.flat_vertical_menu div.list li.current.deepest a,
div.flat_vertical_list div.list li.current.deepest a {
 background-color: #ccc;
}

div.flat_vertical_menu div.list li.current.deepest ul li a,
div.flat_vertical_list div.list li.current.deepest ul li a {
 background-color: #e3eaeb;
}

div.flat_vertical_menu.smaller_items div.list li,
div.flat_vertical_list.smaller_items div.list li,
div.flat_vertical_menu div.list.smaller_items li,
div.flat_vertical_list div.list.smaller_items li,
div.flat_vertical_menu div.list ul.smaller_items li,
div.flat_vertical_list div.list ul.smaller_items li,
div.flat_vertical_menu div.list.smaller_items div.non_list_item,
div.flat_vertical_list div.list.smaller_items div.non_list_item {
 font-size: 90%;
}

div.flat_vertical_menu.centered_items div.list li,
div.flat_vertical_list.centered_items div.list li,
div.flat_vertical_menu div.list.centered_items li,
div.flat_vertical_list div.list.centered_items li,
div.flat_vertical_menu div.list ul.centered_items li,
div.flat_vertical_list div.list ul.centered_items li,
div.flat_vertical_menu.centered_items div.non_list_item,
div.flat_vertical_list.centered_items div.non_list_item,
div.flat_vertical_menu div.list.centered_items div.non_list_item,
div.flat_vertical_list div.list.centered_items div.non_list_item,
div.flat_vertical_menu.centered_list_items div.list li,
div.flat_vertical_list.centered_list_items div.list li,
div.flat_vertical_menu div.list.centered_list_items li,
div.flat_vertical_list div.list.centered_list_items li,
div.flat_vertical_menu div.list ul.centered_list_items li,
div.flat_vertical_list div.list ul.centered_list_items li,
div.flat_vertical_menu.centered_non_list_items div.non_list_item,
div.flat_vertical_list.centered_non_list_items div.non_list_item,
div.flat_vertical_menu div.list.centered_non_list_items div.non_list_item,
div.flat_vertical_list div.list.centered_non_list_items div.non_list_item {
 text-align: center;
 text-overflow: ellipsis;
 overflow: hidden;
}

/* this hacks IE/Win to keep any ellipsised content from overshooting the parent element's natural right boundary */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.flat_vertical_list div.title,
* html div.flat_vertical_menu div.title,
* html div.flat_vertical_list div.list li,
* html div.flat_vertical_menu div.list a,
* html div.flat_vertical_menu div.list div.non_list_item {
 width: 100%;
}
/* end IE5/Mac hack */

/* Warning! Be very careful not to allow whitespace between bulleted_vertical_menu and bulleted_vertical_list list items and nested lists in your HTML, as this will cause IE/Win to incorrectly add vertical space between and after items in such a way that even adding a border will not correct the problem! */

/* Use bulleted_vertical_menu when all your list items are anchors with no extraneous text. Use bulleted_vertical_list when some of your list items contain non-anchor text, or possibly no anchors at all. */

/* Place non-list content in non_list_item divs within the main div or in a list div inside the main div. Typically, you will want to add the horizontal_padded attribute to these non-list divs, too. */

div.bulleted_vertical_menu,
div.bulleted_vertical_list {
 margin: 1ex;
 padding: 0;
 border: 1px solid black;
 background-color: #e3eaeb;
 /* font-size: 111%; */
}

div.bulleted_vertical_menu div.title,
div.bulleted_vertical_list div.title {
 overflow: hidden;  /* RNFix: added */
 text-overflow: ellipsis;  /* RNFix: added */
 margin: 0;
 padding: 1ex;
 border-bottom: 1px solid black;
 background-color: #36c;
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 font-weight: bold;
 text-align: center;
}

div.bulleted_vertical_menu div.title a,
div.bulleted_vertical_menu div.title a:visited {
 color: white;
}

div.nested_vertical_menu div.title a:hover {
 color: red;
}

div.bulleted_vertical_menu div.list,
div.bulleted_vertical_list div.list {
 width: 100%;  /* RNFix: added */
 overflow: hidden;  /* RNFix: added */
 text-overflow: ellipsis;  /* RNFix: added */
 margin: 0;
 padding: 0 0.25ex;
}

div.bulleted_vertical_menu div.list ul,
div.bulleted_vertical_list div.list ul {
 margin: 0.25ex 0 0.25ex 1.75em;
 padding: 0;
}

div.bulleted_vertical_menu div.list ul ul,
div.bulleted_vertical_list div.list ul ul {
 margin: 0 0 0 1.25ex; /* this indents each nested list (if any), starting with the second level */
 font-size: 90%; /* this reduces the font size of each nested list (if any), starting with the second level */
}

div.bulleted_vertical_menu div.list ul li {
 list-style: none;
}

div.bulleted_vertical_list div.list ul li {
 margin: 0;
 padding: 0.5ex 1ex 0.5ex 0;
 list-style: disc;
 text-overflow: ellipsis;
}

/* this hacks IE/Win to keep any ellipsised content from overshooting the parent element's natural right boundary, without having the side-effect in Firefox of suppressing display of the list bullet */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.bulleted_vertical_list div.list ul li {
 overflow: hidden;
}
/* end IE5/Mac hack */

div.bulleted_vertical_menu div.list a {
 margin: 0;
 padding: 0.5ex 1ex 0.5ex 0;
 display: list-item;
 list-style: disc;
 text-overflow: ellipsis;
 overflow: hidden;
}

/* this hacks IE/Win to keep any ellipsised content from overshooting the parent element's natural right boundary */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
/* * html div.bulleted_vertical_list div.title, */  /* RNFix: added */
* html div.bulleted_vertical_menu div.title,
/* * html div.bulleted_vertical_list div.list li, */  /* RNFix: added */
* html div.bulleted_vertical_menu div.list a,
* html div.bulleted_vertical_menu div.list div.non_list_item {
 width: 100%;
}
/* end IE5/Mac hack */

div.bulleted_vertical_list div.list a {
}

div.bulleted_vertical_menu div.list a:hover,
div.bulleted_vertical_list div.list a:hover {
}

div.bulleted_vertical_menu div.list li.current,
div.bulleted_vertical_list div.list li.current {
}

div.bulleted_vertical_menu div.list li.current.deepest a,
div.bulleted_vertical_list div.list li.current.deepest a {
 background-color: #ccc;
}

div.bulleted_vertical_menu div.list li.current.deepest ul li a,
div.bulleted_vertical_list div.list li.current.deepest ul li a {
 background-color: #e3eaeb;
}

div.bulleted_vertical_menu.smaller_items div.list li,
div.bulleted_vertical_list.smaller_items div.list li,
div.bulleted_vertical_menu div.list.smaller_items li,
div.bulleted_vertical_list div.list.smaller_items li,
div.bulleted_vertical_menu div.list ul.smaller_items li,
div.bulleted_vertical_list div.list ul.smaller_items li,
div.bulleted_vertical_menu div.list.smaller_items div.non_list_item,
div.bulleted_vertical_list div.list.smaller_items div.non_list_item {
 font-size: 90%;
}

div.bulleted_vertical_menu.centered_non_list_items div.non_list_item,
div.bulleted_vertical_list.centered_non_list_items div.non_list_item,
div.bulleted_vertical_menu div.list.centered_non_list_items div.non_list_item,
div.bulleted_vertical_list div.list.centered_non_list_items div.non_list_item {
 text-align: center;
 text-overflow: ellipsis;
 overflow: hidden;
}

/* this div is used when there is a left sidebar */
div#content_column {
 float: right;
 width: 79%; /* this is as big as IE/Win can handle, and fortunately only looks a little bit off in other browsers */
 margin: 1ex 0 1ex 0; /* adding horizontal margins to this div causes problems in IE/Win and Firefox */
 padding: 0;
}

/* this hacks IE/Win to recover from its mistaken decision to cut off the left edge of the content column */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content_column {
 padding-left: 0.5ex;
}
/* end IE5/Mac hack */

/* this div is used when there is no left sidebar */
div#wide_content_column {
 width: 99.25%; /* this is as big as IE/Win can handle, and fortunately only looks a little bit off in other browsers */
 margin: 1ex 0 0;
 padding: 0 0 0 1ex;
}

/* this is needed in order to pad the contents of the content column on the right (only partially successfully, in the case of IE/Win, but close enough) */
div#right_padding_kludge {
 float: right;
 width: 1ex;
 margin: 0;
 padding: 0;
}

/* this div is used when there are both left and right sidebars */
div#right_sidebar {
 float: right;
 margin: -1ex -1ex 1ex 0;
 width: 25%;
 max-width: 25%; /* IE/Win ignores this, harmlessly */
 text-overflow: ellipsis;
 overflow: hidden;
 background-color: white;
}

/* this div is used when there is a right sidebar but no left sidebar */
div#narrow_right_sidebar {
 float: right;
 margin: -1ex -1ex 1ex 0;
 width: 20%;
 max-width: 20%; /* IE/Win ignores this, harmlessly */
 text-overflow: ellipsis;
 overflow: hidden;
 background-color: white;
}

/* this div is used when there are both left and right sidebars */
div#content_header {
 float: left;
 width: 74%; /* Firefox can't handle this being the full 75% that it should be */
 background-color: #e3eaeb;
 border: 1px solid black;
 margin: 0 0 1ex;
 padding: 1ex 0; /* adding any horizontal padding to this div causes Firefox to incorrectly expand the width of the div */
}

/* this div is used when there are both left and right sidebars */
div#coop_red_box {
 float: left;
 width: 74%; /* Firefox can't handle this being the full 75% that it should be */
 background-color: #FFFFCC;
 border: 1px solid red;
 font-weight: bold;
 color: red;
 text-align: left;
 text-decoration: none;
 margin: 0 0 1ex;
 padding: 1ex 0; /* adding any horizontal padding to this div causes Firefox to incorrectly expand the width of the div */
}

/* this div is used when there is a right sidebar but no left sidebar */
div#midsize_content_header {
 float: left;
 width: 79.25%; /* Firefox can't handle this being the full 80% that it should be */
 background-color: #e3eaeb;
 border: 1px solid black;
 margin: 0 0 1ex;
 padding: 1ex 0; /* adding any horizontal padding to this div causes Firefox to incorrectly expand the width of the div */
}

/* this div is used when there is a left sidebar but no right sidebar */
div#wide_content_header {
 background-color: #e3eaeb;
 border: 1px solid black;
 margin: 0 1ex 1ex 0;
 padding: 1ex 0;
}

/* this div is used when there is a left sidebar but no right sidebar */
div#wide_coop_red_box {
 background-color: #FFFFCC;
 border: 1px solid red;
 font-weight: bold;
 color: red;
 text-align: left;
 text-decoration: none;
 margin: 0 1ex 1ex 0;
 padding: 1ex 0;
}

div.coop_alert {
  margin-left: 1ex;
}

h1.coop_red_box_header {
  margin-left: 1ex;
  text-decoration: underline;
}


/* this is needed in order to pad the contents of the content header on the left and right */
div#content_header_padding_kludge {
 padding: 0 0.5ex;
}

/* this hacks IE/Win to fix the offset of the content header caused by the earlier hack to recover from its mistaken decision to cut off the left edge of the content column */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content_header {
 position: relative;
 left: -0.5ex;
}
/* end IE5/Mac hack */

/* this hacks IE/Win to fix the offset of the content header caused by the earlier hack to recover from its mistaken decision to cut off the left edge of the content column */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#coop_red_box {
 position: relative;
 left: -0.5ex;
}
/* end IE5/Mac hack */

div#breadcrumbs {
 margin: 0 0 1.25ex;
 padding: 0 1ex;
 line-height: 130%;
}

div#breadcrumbs ol {
 margin: 0;
 padding: 0;
 display: inline;
}

div#breadcrumbs ol li {
 display: inline;
}

div#content_header_divider_line {
 margin: 1ex;
 line-height: 0; /* needed to keep IE/Win from making this div taller than its 1-pixel-high top border */
 border-top: 1px dashed black;
}

div#content_title {
 padding: 0 1ex;
}

div#content_title h2,
div#content_title h3,
div#content_title h4,
div#content_title h5,
div#content_title h6 {
 padding-bottom: 0.5ex;
}

span#intro_content p {
 /* margin: 0 0 1ex; */
 /* padding: 0; */
}

div.subtle_divider_line,
div#content_intro_divider_line,
div#post_intro_content {
 clear: left;
 margin: 1ex 0;
 line-height: 0; /* needed to keep IE/Win from making this div taller than its 1-pixel-high top border */
 border-top: 1px dashed #ccc;
}

div#content_body {
 font-size: 111%;
 line-height: 150%;
 margin: 0 1ex 0 0;
 clear: left;
}

span#main_content p {
 width: 97%;
}

span#main_content div.top_story p {
  width: auto;
}

span#main_content p img {
 /* width: 73%; */
 /* height: 73%; */
 /* display: block; */
 /* overflow: scroll; */
 /* zoom: 30%; */
 /* position: absolute; */
 /* left: 0; */
 /* z-index: 5; */
}

/* 6/9/2006 commented out as this causes improper breaking and makes table content very hard to read */
/* word-break is only available in IE, but just in case Mozilla implements it at a later date...*/
/* this hacks ONLY IE/Win to break all words in table -> tr elements when their container is too big, needed because of the problem IE has with wide table content. */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html span#main_content p table tbody tr {
 /* word-break: break-all; */
 /* word-wrap: break-word; */
}
/* end IE5/Mac hack */

span#main_content p table tbody tr td p {
 /* background-color: yellow; */
 /* text-overflow: ellipsis; */
 /* overflow-x: hidden; */
}

div.contentMetadataNotices {
 clear: left;
 margin-bottom: 1ex;
 font-size: 83%;
 color: gray;
}

div.contentMetadataNotices dl {
 margin: 0;
 width: 100%;
}

div.contentMetadataNotices dl dt {
 float: left;
 padding-right: 1ex;
 position: relative;
}

/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.contentMetadataNotices dl dd {
 display: inline-block;
}
/* end IE5/Mac hack */

/* used to add scroll bars around tables */
div.table_container {
 width: 100%;
 max-width: 100%;
}

div#footer {
 margin: 0;
 padding: 1em;
 border-top: 1px dashed white; /* this is overridden below for print */
 background-color: #000033;
 text-align: center;
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 clear: both;
}

ul.footer_menu {
 margin: 0;
 padding: 0;
 line-height: 135%;
}

ul.footer_menu li {
 display: inline;
 margin: 0;
 padding: 0 1ex;
 background-color: #000033;
 border-right: 1px solid white; /* this is overridden to black for print, on the assumption that most people willl print with background colors and images suppressed */
}

/* li.first is used instead of the :first-child pseudo-class because IE/Win doesn't support this pseudo-class */
ul.footer_menu li.first {
 padding-left: 0;
}

/* li.last is used instead of the :last-child pseudo-class because IE/Win doesn't support this pseudo-class */
ul.footer_menu li.last {
 padding-right: 0;
 border-right: none;
}

ul.footer_menu li a {
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
}

ul.footer_menu li a:visited {
 color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
}

ul.footer_menu li a:hover {
 color: red; /* for some reason, the generic a:hover selector above doesn't work, so this is needed */
}

ul.extra_footer_menu {
 margin-bottom: 2ex;
}

/* The two classes below are for the contributor dialog */
#ContributorDialogContainer {
 padding: 1.5ex;
 background-color: #eee;
 border: 2px solid black; 
 position: absolute;
 z-index: 999;
 left: 33%;
 right: 33%;
 top: 33%;
 bottom: 33%;
 min-width: 32%; 
 height: 60px;
 text-align: center;
}
#ContributorDialogBackground{
 background-image: url(/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_004111.png); 
 z-index: 998;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
* html #ContributorDialogBackground, #PrintingDialogBackground {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_004111.png", sizingMethod="scale"); background-image: none;
}

#PrintingDialogBackground {
 background-image: url(/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_004111.png); 
 z-index: 998;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#PrintingDialogContainer, #PrintingDialogContainerJavascript {
 padding: 1.5ex;
 background-color: #eee;
 border: 2px solid black; 
 position: absolute;
 z-index: 999;
 left: 33%;
 right: 33%;
 top: 33%;
 bottom: 33%;
 min-width: 32%; 
 max-height: 70px;
 text-align: center;
}
#PrintingDialogContainerJavascript {
  display: none;
  max-height: 90px;
}
* html #PrintingDialogBackground {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_004111.png", sizingMethod="scale"); background-image: none;
}
                   
#AvailableImagesBox {
 padding: 1.5ex;
 background-color: #eee;
 border: 2px solid black;
 position: absolute;
 z-index: 100;
 right: 20%;
 left: 40%;
 top: 33%;
 bottom: 33%;
 height: 50%;
 min-height: 32%;
 width: 50%;
 min-width: 32%;
 overflow: auto;
}

.AvailableImagesResultBox {
 border: 1px solid #000000;
 margin-bottom: 10px;
}

/* DOC/OPA Site styles */

.top_story {
  /* padding-bottom: 1ex; */
/*  border-bottom: 1px solid #666666; */
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .top_story {
  margin: auto auto -2.5ex auto;
}
/* end IE5/Mac hack */

.top_story img.wide_content {
  /* float: left; */
  margin: 1ex 1ex 0 0;
  border: 1px #000000 solid;
}

.top_story p {
  margin: 0 auto auto auto;
  font-size: 92%;
  line-height: 150%;
}

.top_story h3 {
  font-size: 120%;
  color: #03c;
}

hr.simple {
  color: #666666;
  background-color: #666666;
  height: 1px;
  border: none;
  clear: left;
  width: 100%;
}

.top_story div.captionContainer {
  float: left;
  margin: auto 0.4ex 1ex auto;
  text-align: center;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .top_story div.captionContainer {
  margin: auto auto -2ex auto;
  width: 225px;
}
/* end IE5/Mac hack */

.top_story div.captionContainer p.captionText {
  font-size: 70%;
  font-weight: normal;
  color: gray;
  line-height: 150%;
  margin: auto auto -0.3ex auto;
  width: 80%;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .top_story div.captionContainer p.captionText {
  margin: -3ex auto 2.8ex auto;
  border: 1px solid white;
}
/* end IE5/Mac hack */

/* .top_news {
  color: red;
} */

div.newsroom_list {
  margin-bottom: 2ex;
}

.newsroom_list p {
  margin-top: .5ex;
}

.newsroom_list h2 {
  border-bottom: 1px solid #000000;
  width: 100%;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
/* html .newsroom_list h2 {
  width: 70%;
} */
/* end IE5/Mac hack */

.newsroom_list div.newsroom_list_label {
  float: left;
  clear: left;
  width: 10ex;
  margin-bottom: 0.5ex;
  margin-left: 1ex;
}

.newsroom_list div.newsroom_list_content {
  margin-left: 13ex;
  margin-bottom: 0.5ex;
}

.newsroom_list div.newsroom_list_images {
  float: left;
  margin-top: 0.5ex;
}
.newsroom_list div.newsroom_list_images img {
  margin: 1ex;
  width: 225px;
  height: 160px;
  border: 1px #000000 solid;
}
.newsroom_list div.newsroom_list_images p.captionText {
  font-size: 70%;
  font-weight: normal;
  color: gray;
}

div#newsroom_dynamic_lists {
  width: 97%;
}

div.trip_box {
  text-align: center;
}

div.trip_box div.title {
  background-color: #000033;
}

div.trip_box_content {
  padding: 1ex;
}

div.trip_box_content p {
  padding: 0;
  margin: 0.5ex;
}

div.trip_box_content img {
  border: 1px #000000 solid;
}

/* the following Table-related style ensures that for OCIO, DOC or other sites that may use Forms or other Table that requires Borders = ON.  */
.formsTable th {
	background: silver;
	border: 1px black solid; 
}

.formsTable tr td {
	border: 1px black solid;
}

/* use the following for headings style for landing page to dilineate page sections */
.headingTextBlock {
	display: block; 
	padding: 0px; 
	margin-bottom: 1px; 
	font-size: 17px; 
	font-weight: bold; 
	color: #666666; 
	border-bottom:1px solid #666666; 
	width: 500px;
}

#newsContainer {
	padding: 0;
	margin-left: -0.5ex;
	/* width: 98%; */
}
ul#navMonthList {
	padding: 0.17ex 1ex;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 100% Verdana, sans-serif;
	border: collapse;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html ul#navMonthList {
  padding: 0.3ex 1ex;
}
/* end IE5/Mac hack */

ul#navMonthList li {
	list-style: none;
	margin-bottom: 0;
	display: inline;
	margin-right: 0;
	padding: 0.5ex 1ex;
	border: 1px solid #778;
	background-color: #e3eaeb;
	text-decoration: none;
	text-align: center;
}	
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html ul#navMonthList li {
  margin-right: 0.7ex;
}

ul#navMonthList li a {
	line-height: 2.8ex;
	color: #000;
}
ul#navMonthList li a:hover {
	color: red;
	/* ENABLING the style below causes a major rendering issue in IE, disabled for now */
	/* background-color: #ffffff; */
}
ul#navMonthList li.active {
	background-color: #c0c0c0;
}
ul#navMonthList li.first {
	margin-left: 1.5ex;
}

ul#navYearList {
	padding: 0.17ex 1ex;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 110% Verdana, sans-serif;
	border: collapse;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html ul#navYearList {
  padding: 0.3ex 1ex;
}
/* end IE5/Mac hack */

ul#navYearList li {
	list-style: none;
	margin-bottom: 0;
	display: inline;
	margin-right: 0;
	padding: 0.5ex 1ex;
	border: 1px solid #778;
	background-color: #e3eaeb;
	text-decoration: none;
	text-align: center;
	line-height: 2.8ex;
}	
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html ul#navYearList li {
  margin-right: 0.7ex;
}

ul#navYearList li a {
	color: #000;
}
ul#navYearlist li a:hover {
	color: red;
	/* ENABLING the style below causes a major rendering issue in IE, disabled for now */
	/* background-color: #ffffff; */
}
ul#navYearList li.active {
	background-color: #c0c0c0;
}
ul#navYearList li.first {
	margin-left: 3ex;
}

/* Fix contact table in OPA content so that there is less spacing around it, ONLY IN IE */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html span.opa_contact_table_fix div.table_container {
  margin: -5ex auto -5ex auto;
}
/* end IE5/Mac hack */

/* Fix contact table in OPA content so that it's width is always 100% */
span.opa_contact_table_fix div.table_container table {
  width: 100%;
}
span.opa_contact_table_fix div.table_container td {
  width: 50%;
}

.state_page div.captionContainer {
  margin: auto auto 1.5ex auto;
  text-align: left;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .state_page div.captionContainer {
  margin: auto auto -1ex auto;
}
/* end IE5/Mac hack */

.state_page div.captionContainer p.captionText {
  font-size: 70%;
  font-weight: normal;
  color: gray;
  margin-top: -1ex;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .state_page div.captionContainer p.captionText {
  margin: -3ex auto 2.8ex auto;
}
/* end IE5/Mac hack */

.state_page img.wide_content {
  border: 1px #000000 solid;
}

.state_page h2 {
  font-style: none;
  margin-bottom: -0.5ex;
}
/* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html .state_page h2 {
  margin-bottom: -1ex;
}
/* end IE5/Mac hack */


.TOC p {
  margin: 0.5ex 0.5ex;
}

div#economicrecoveryblurb {
 margin: 0;
 padding: 0 1ex;
}
* html div#economicrecoveryblurb {
 margin: 0 1.25ex;
}

div#economicrecoveryblurb p {
  margin: 1ex 1ex 2ex 1ex;
  padding: 0.5ex 0 0 0;
  line-height: 130%;
}
* html div#economicrecoveryblurb p {
  margin: 2ex 0 2ex 0;
  line-height: 150%;
}

ul.flat_list {
 margin: 0.5ex 0;
 padding: 0;
 list-style: none;
}

ul.flat_list li {
 display: inline;
 border-right: 1px solid #3C3C3C;
 margin: 0;
 padding: 0 1ex;
}

ul.flat_list li.first {
 padding-left: 0;
}
ul.flat_list li.last {
 padding-right: 0;
 border-right: none;
}

#dtv_banner {
 position: absolute;
 top: 0;
 left: 49%;
 border: none;
 z-index: 995;
}

#dtv_banner img {
  border: none;
}

#dtv_text {
 position: absolute;
 top: 11.5ex;
 left: 0;
 color: #ffffff;
 font-weight: bolder;
 font-size: 200%;
 text-align: center;
 width: 100%;
}
* html #dtv_text {
 top: 12.5ex;
 left: 0.6ex;
}

#dtv_text p {
 margin: 1ex;
}
#dtv_text a {
 text-decoration: underline;
 color: #fff;
}

#dtv_text a:visited {
 color: #fff;
}
#dtv_text a:hover {
 color: #fff;
 text-decoration: none;
}

#dtv_ad {
 z-index: -1;
 text-align: center;
}
#dtv_ad a {
 color: #fff;
 cursor: pointer;
}

#dtv_ad img {
  border: none;
}

.dtv_yellow {
 color: #ffd24f;
}

#DTVDialogContainer {
 padding: 1.5ex;
 position: absolute;
 z-index: 999;
 top: 5ex;
 width: 97%;
 height: 400px;
}
* html #DTVDialogContainer {
 width: 99.25%
}

#DTVDialogBackground{
 background-image: url(/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_006974.png);
 z-index: 998;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
* html #DTVDialogBackground {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/s/groups/public/@doc/@os/@ocio/@osds/documents/web_assets/dev01_006974.png", sizingMethod="scale"); background-image: none;
}

#recovery_banner {
 position: absolute;
 top: 2.5ex;
 left: 40%;
 border: none;
 z-index: 995;
}

#recovery_banner img {
  border: none;
}

@media print {

 body {
   background-color: white;
 }

 /* the following rule ensures that the banner montage appears when pages are printed, even when background images are suppressed */

 img#masthead_banner {
  display: inline;
 }

 /* the following rules help when pages are printed without background images (which is how most people print, as it's the default for most browsers), but does completely the opposite when backgound images *are* printed -- oh, well, at least the only thing lost are the fancy border between the content area and the footer, and the borders between the menu items! */

 div#footer {
  border-top: 1px dashed black;
 }

 ul.footer_menu li {
  border-right: 1px solid black;
 }

 /* this hacks IE/Win to behave the way Firefox and Opera do when display: table-cell is used */
 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html .top_story div.captionContainer {
  margin: auto auto -2.0ex auto;
 }
 /* end IE5/Mac hack */
 
 #PrintingDialogContainer, #PrintingDialogContainerJavascript, #PrintingDialogBackground {
  visibility: hidden;
 }

}