/* CSS RESET
 *******************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

/* For Printing url footnotes, the rest is in print.css
 ******************************************************************************************/
.printOnly { display: none; }
sup { font-size: xx-small; vertical-align: top; }
sub { font-size: xx-small; vertical-align: bottom; }

/* DEFAULTS
 *******************************************************************************************/

html, body { height: 100%; }
body {
    background: #f5f5f6 url(/images/template/bg.png) repeat-x scroll 0 0;
    font: 12px/1.5 Verdana,Helvetica,sans-serif; color: #444;
}

a		  { color: #006ca8; text-decoration: none; }
a:visited { color: #4c93bb; }
a:hover	  { text-decoration: underline; }

p { margin: 0.7em 0; }
.p { margin: 0.7em 0; } /* Any element that wants to be treated like a paragraph. */

em { font-style: italic; }
strong { font-weight: bold; }

code { font-family: 'Courier New', Courier; line-height: 1em; }


/* TEMPLATE
 *******************************************************************************************/

#frame {
    margin: 0 auto;
    width: 1038px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background: transparent url(/images/template/glow.png) repeat-y scroll 0 0;
}

#wrapper { margin: 0 15px 0 15px; }

#header {
    font: 12px/140% "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    position: relative; /* So we can position the children relative to their parent (this). */
    /* Replaced with image tag in header markup.
    background: transparent url(/images/banners/field.jpg) no-repeat scroll 2px 0;
    */
    background: transparent none;
    height: 162px;
}
#header > img.banner { position: absolute; top: 0; left: 2px; }

#tagline {
    position: absolute;
    top: 300px; left: -355px;
    border-radius: 10px;
    color: #333;
    font-style: italic;
    font-size: 13px;
    padding: 3px 50px;
    z-index: 100;
    text-align: right;
    /*
	box-shadow: 0 0 20px #333;
	*/
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	/* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#crumbs {
    position: absolute;
    bottom: -20px;
    left: 21px;
    width: 800px;
    font-size: 85%;
}
#crumbs > a { background: transparent url(/images/template/crumb.png) no-repeat right center; padding: 0 15px 0 0; margin: 0 5px 0 0; }

#main h1 { color:#16325a; font: 20px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px solid #7cb1d3; }
#main h2 { color:#16325a; font: 16px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px dotted #7cb1d3; }
#main h3 { color:#16325a; font: 14px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; }

#main h2.block { background-color: #efefef; border: 1px solid #ccc; padding: 2px 8px 0 8px; }

#main h1, #main h2 { margin-top: 10px; }
#main h1:first-child, #main h2:first-child { margin-top: 0; }

#main h1 + * { margin-top: 10px; }
#main h2 + p, #main h2 + ul, #main h2 + ol, #main h2 + table { margin-top: 0.2em; }
#main h3 + p, #main h3 + ul, #main h3 + ol, #main h3 + table { margin-top: 0.2em; }
#main h1 + h2, #main h1 + h3, #main h2 + h3 { margin-top: 0.5em; }

#main caption { text-align: left; }

#main ol,
#main ol > li { list-style-type: decimal; }

#main ol > li { margin: 0 0 3px 20px; }
#main ul > li { padding: 0 0 3px 20px; }

#main ul { list-style-type: none; }
#main ul > li { background: transparent url(/images/template/bullet.png) no-repeat 0 0.5em; }

#content ul,
#content ol { margin: 0.7em 0; }
#content li > ul, #content li > ol { margin-top: 3px; margin-bottom: 0; }

#content dt { font-weight: bold; }
#content dd { margin-left: 15px; }

input[type=checkbox] {  }
input[type=text], textarea {
    padding: 2px;
    border: 1px solid #9f9b9b;
    font: 10px/1.2 Verdana,Helvetica,sans-serif; color: #111;
}
input[type=text].default, textarea.default { color: #777; }

#main .title { color: #111; }

#footer { font: 9px/150% Verdana,Helvetica,sans-serif; color: #aea9aa; }

/* LOGOS, etc.
 */

#logo-main { position: absolute; left: 47px;  top: 25px; }
#logo-doe  { position: absolute; left: 760px; top: 60px; }

/* UPPER NAVIGATION.
 */

#nav-top {
    position: absolute;
    top: 16px;
    left: 462px;
    height: 27px;
    width: 522px;
}

#nav-top .links { padding: 6px; width: 205px; float: left; }
#nav-top .links img { float: left; }

#nav-top .links a { margin: 0 3px 0 3px; color: #444; text-decoration: none; }
#nav-top .links a:hover { color: #000; text-decoration: underline; }

#nav-top a.cart { font-weight: bold; text-transform: uppercase; }

/* A bit more generic so it can be leveraged elsewhere...
 */
div.search { width: 303px; float: left; padding: 1px; }
div.search input[type=text],
div.ed-search input[type=text] {
    margin: 1px 0 0 0;
    height: 16px;
    width: 269px;
    float: left;
    font-size: 12px;
}
div.search img, div.search input[type=image] { margin: 0; float: right; cursor: pointer; }

/* MAIN NAVIGATION.
 */

#nav-main {
    clear: both;
    position: absolute;
    top: 124px;
    left: 0px;
    margin: 0 20px 0 20px;
}

#nav-main .upper > div {
    background: transparent url(/images/template/bg-menu.png) repeat-x scroll 0 0;
    float: left;
    border-bottom: 2px solid #fff;
    margin-right: 2px;
}

#nav-main .upper > div .tr {
    height: 22px;
    font-size: 10pt;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
    overflow: hidden;
}

#nav-main .upper a       { text-decoration: none; color: #fff; border: none; }
#nav-main .upper a:hover { text-decoration: underline; color: #efefef; border: none; }

#nav-main .upper .disabled { text-decoration: line-through; color: #aaa; font-weight: normal; border: none; }

#nav-main .upper > .first .tl { background: transparent url(/images/template/m-tl.png) no-repeat scroll 0 0; }
#nav-main .upper > .last  .tr { background: transparent url(/images/template/m-tr.png) no-repeat scroll 100% 0; }

#nav-main .upper > .last { margin-right: 0; }

#nav-main .upper > .about        .tr { width:  76px; }
#nav-main .upper > .science      .tr { width:  91px; }
#nav-main .upper > .campaigns    .tr { width: 106px; }
#nav-main .upper > .sites        .tr { width:  76px; }
#nav-main .upper > .instruments  .tr { width: 113px; }
#nav-main .upper > .measurements .tr { width: 126px; }
#nav-main .upper > .data         .tr { width:  67px; }
#nav-main .upper > .news         .tr { width:  67px; }
#nav-main .upper > .publications .tr { width: 121px; }
#nav-main .upper > .education    .tr { width: 106px; }

#nav-main .upper > .sel     { border-bottom-width: 0; background-image: url(/images/template/bg-msel.png); }
#nav-main .upper > .hover   { border-bottom-width: 0; background: #d1d1d1 none; }

#nav-main .upper > .sel   .tl { background: transparent url(/images/template/ms-tl.png) no-repeat scroll 0 0; }
#nav-main .upper > .hover .tl { background: transparent url(/images/template/mh-tl.png) no-repeat scroll 0 0; }

#nav-main .upper > .sel   .tr { background: transparent url(/images/template/ms-tr.png) no-repeat scroll 100% 0; height: 24px; /* Increase because of removed border */ }
#nav-main .upper > .hover .tr { background: transparent url(/images/template/mh-tr.png) no-repeat scroll 100% 0; height: 24px; /* Increase because of removed border */ }

#nav-main .upper > .sel   a,
#nav-main .upper > .hover a        { color: #333; font-weight: bold; }
#nav-main .upper > .sel   a:hover,
#nav-main .upper > .hover a:hover  { color: #000; }

#nav-main .lower {
    clear: left;
    height: 8px; /* Was 22px to accommodate contents. */
    /*padding-top: 6px;*/
    background: transparent url(/images/template/bg-smenu.png) repeat-x scroll 0 0;
}

#nav-main .lower > .about        { width: 210px; }
#nav-main .lower > .science      { width: 250px; }
#nav-main .lower > .campaigns    { width: 250px; }
#nav-main .lower > .sites        { width: 210px; }
#nav-main .lower > .instruments  { width: 150px; }
#nav-main .lower > .measurements { width: 210px; }
#nav-main .lower > .data         { width: 330px; }
#nav-main .lower > .news         { width: 210px; }
#nav-main .lower > .publications { width: 210px; }
#nav-main .lower > .education    { width: 160px; }

#nav-main .lower > div {
    display: none;
    position: absolute;
    background: #d1d1d1;
    border: 2px solid #fff;
    border-top-width: 0;
    z-index: 100;
    padding: 5px 0 5px 0;
}
#nav-main .lower > div.hover { display: block; }
#nav-main .lower > div > .clear { clear: both; }

#nav-main .lower ul { float: left; border-left: 1px solid #fff; font-size: 90%; line-height: 100%; }
#nav-main .lower div.right ul { }
#nav-main .lower ul:first-child { border-left: none; font-size: 100%; line-height: 120%; }

#nav-main .lower ul li { display: block; padding: 5px 10px 5px 10px; }
#nav-main .lower ul li.sub { padding-left: 25px; padding-top: 0; font-size: 90%; background: transparent url(/images/template/crumb.png) no-repeat 10px 3px; }
#nav-main .lower ul a {
    color: #444;
    text-decoration: none;
}
#nav-main .lower ul a:hover { text-decoration: underline; color: #000; }

/* HOME 3-COL LAYOUT.
 */

/*
#col-main { float: left; width: 670px; margin: 25px 20px 20px 20px; overflow: visible; }
#col-1    { float: left; width: 325px; margin: 0 10px 0 0; overflow: visible; }
#col-2    { float: left; width: 325px; margin: 0 0 0 10px; min-height: 100px; }
#col-3    { float: left; width: 276px; margin: 25px 0 20px 0; }
*/

#col-1    { float: left; width: 300px; margin: 25px 20px 20px 20px; overflow: visible; }
#col-main { float: left; width: 350px; margin: 25px 20px 20px 0; min-height: 100px; }
#col-3    { float: left; width: 276px; margin: 25px 0 20px 0; }

/* Home page layout */
#colm-1    { float: left; width: 325px; margin: 0 10px 0 0; overflow: visible; }
#colm-2    { float: left; width: 325px; margin: 0 0 0 10px; min-height: 100px; }
#colm-main { float: left; width: 670px; margin: 25px 20px 20px 20px; overflow: visible; }
#colm-3    { float: left; width: 276px; margin: 25px 0 20px 0; }

/* COMMON LAYOUT (content + sidebar).
 */

#sidebar { width: 220px; float: right; margin: 15px 21px 20px 0; }

#sidebar > h2,
#sidebar > .title,
.side-box-title {
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    background: transparent url(/images/template/bg-g.png) repeat-x;
    color: #fff;
    font-size: 115%;
    padding: 8px 10px 5px 10px;
    margin-top: 15px;
    line-height: 100%;
    border-bottom: 2px solid #fff;
    display: block;
    cursor: default;
}
#sidebar > .blue { background: transparent url(/images/template/bg-b.png) repeat-x; }
#sidebar > .light { background: transparent url(/images/template/bg-lb.png) repeat-x; }

#sidebar > div,
.side-box-body { background-color: #ededee; padding: 10px; line-height: 150%; }
#sidebar > div.small { font-size: 90%; }

/* Original...
#sidebar > div.primary:first-child {
    border: 1px solid #dfdfdf;
    border-width: 0 1px 1px 1px;
    background-color: #fafafa;
    padding: 25px 10px 15px 10px;
    margin: 0 0 20px 0;
}
*/
#sidebar > div.g-head:first-child,
#sidebar > div.b-head:first-child,
#sidebar > div.lb-head:first-child,
#sidebar > div:first-child > div.g-head:first-child,
#sidebar > div:first-child > div.b-head:first-child,
#sidebar > div:first-child > div.lb-head:first-child { margin-top: 15px; }

/* I'm changing this in hopes that it helps our issue when "clear" happens inside #content
 * and forces it below the sidebar.
 * 1008 - 241 (sidebar) - 45 (padding) = 722
 */
#content { padding: 35px 15px 20px 30px; /*margin: 0 241px 0 0;*/ float: left; width: 722px; overflow: auto; }
#content.full { width: 942px; }

/* ROUNDED BOXES.
 */

.g-head              { background: transparent url(/images/template/bg-g.png) repeat-x; }
.g-head > div        { background: transparent url(/images/template/tl-g.png) no-repeat top left; }
.g-head > div > div  { background: transparent url(/images/template/tr-g.png) no-repeat top right; }

.b-head              { background: transparent url(/images/template/bg-b.png) repeat-x; }
.b-head > div        { background: transparent url(/images/template/tl-b.png) no-repeat top left; }
.b-head > div > div  { background: transparent url(/images/template/tr-b.png) no-repeat top right; }

.lb-head             { background: transparent url(/images/template/bg-lb.png) repeat-x; }
.lb-head > div       { background: transparent url(/images/template/tl-lb.png) no-repeat top left; }
.lb-head > div > div { background: transparent url(/images/template/tr-lb.png) no-repeat top right; }

.g-head > div > div, .b-head > div > div, .lb-head > div > div {
    text-transform: uppercase;
    /*font-style: italic;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 115%;
    padding: 8px 10px 5px 15px;
    line-height: 100%;
    border-bottom: 2px solid #fff;
    cursor: default;
}

.g-head + div,
.b-head + div,
.lb-head + div { background-color: #e4e4e5; padding: 15px; margin-bottom: 15px; font-size: 85%; line-height: 150%; }

.g-head + div > :first-child,
.b-head + div > :first-child,
.lb-head + div > :first-child { padding-top: 0; margin-top: 0; }

/* BUTTON.
 */

a.button               { color: #336786; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold; }
a.button               { background: transparent url(/images/template/btn-l.png) no-repeat top left; padding: 7px 0 9px 0; line-height: 27px; }
a.button > span        { background: transparent url(/images/template/btn-r.png) no-repeat top right; padding: 7px 0 9px 0;}
a.button > span > span { background: transparent url(/images/template/btn-c.png) repeat-x; margin: 0 5px 0 25px; padding: 7px 8px 9px 5px; }

/* FOOTER.
 */

#footer { clear: both; margin: 0 20px 0px 20px; border-top: 2px solid #e4e4e5; }
#footer img { float: right; margin: 15px 0 0 10px; }
#footer .disclaimer { width: 150px; margin: 10px 0 20px 0; float: left; }
#footer a { color: #3493c2; text-decoration: none; border: none; }
#footer a:hover { text-decoration: underline; border: none; }


/* MISC.
 *******************************************************************************************/

#main .error { color: red; }

/* For widgets that show row summaries of "posts" or "pages" from WP.
 */
.p-row { border-bottom: 1px solid #fff; padding: 5px 0 5px 0; margin: 5px 0 5px 0; }
.p-row img { float: right; margin-left: 5px; border: 1px solid #aaa; padding: 2px; }
.p-row .date { color: #999; }
.p-row .title { }
.p-row .clear { clear: right; }
/**/

/* For widgets that show announcements (e.g. /about/recovery-act).
 */
#content .update {
    border-bottom: 1px solid #ccc;
    padding: 3px 0 5px 0;
    margin: 0 0 3px 0;
}
#content .update .date { color: #999; width: 150px; float: left; }
#content .update .body { width: 500px; float: left; }
#content .update .clear { clear: left; }
/**/

#main a.more { background: transparent url(/images/template/bullet.png) no-repeat left center; padding-left: 15px; }

/* For news posts - footer at the end with navigation
 */
.post-footer     { padding: 10px; margin-top: 20px; background-color: #efefef;  }
.post-footer-mod { padding: 0px 10px; margin-top: -10px; margin-bottom: -5px; }

.side-form, #order-form { font-size: 90%; }
div.ddorder { width: 100px; height: 40px; float: left; padding-left: 30px; padding-top: 3px; font-size: 120%; background: url("/images/icon-magnify-24.png") no-repeat scroll 0 0 transparent; }

/* Overwrite some table properties for Location table in instrument, datastreams, VAPs pages for "Browse Data"
 */
#main table.static tr td.browse  { width: 16%; /*margin-left: 20px; padding-left: 20px; background: url("/images/icon-magnify.gif") no-repeat scroll left 80% transparent;*/ }
#main table.static tr td.topsp   { padding-top: 15px; }
#main table.static tr td.site    { width: 5%; }
#main table.static tr td.fac     { width: 5%; }

.side-form input[type=text],
.side-form textarea { width: 196px; } /* width - padding - input padding */

#feedback-form textarea { height: 100px; }
#faq-form textarea { height: 100px; }

.box-right, .floatRight, .alignright { float: right; padding: 2px 0 2px 18px; background-color: #fff; } /* Made to match .alignright in WP plugin's ic.css, floatRight is for backward compatibility */
.box-right > div, .floatRight > div { margin: 5px 0; }

.box-left, .floatLeft, .alignleft { float: left; padding: 2px 18px 2px 0; background-color: #fff; } /* Made to match .alignleft in WP plugin's ic.css, floatLeft is for backward compatibility */
.box-left > div, .floatLeft > div { margin: 5px 0; }

.box-right, .box-left,
.floatRight, .floatLeft,
.alignright, .alignleft { color: #777; font-size: 90%; }

/* From WP plugin's ic.css (which no longer exists)
 * (included here in order to accommodate whole site drawing on WP content.
 */

img.center, div.center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

div.img div {
  color: #666;
  font-size: 90%;
  margin: 5px 0 5px 0;
  line-height: 120%;
}

div.img img { border: 1px solid #999; }
div.borderless img { border: none; }

/* END ic.css */

.space { margin: 5px 0 5px 0; height: 1px; }

.sep { margin: 5px 0 5px 0; border-top: 1px solid #cdcdcd; height: 1px; }
#sidebar .sep, #header .sep { border-top-color: #fff; }

.clear-l { clear: left; }
.clear-r { clear: right; }
.clear { clear: both; }

#main li.new { background-image: url(/images/icon-star.png:10w) }
#main li.lock { background-image: url(/images/icon-lock.png); background-position: 0 0; }
#main li.recovery { background-image: url(/images/tiny-r.png:16); background-position: 0 2px; }


/* SIDEBAR FILTER CONTROLS (for /instruments and /data/datastreams at least...).
 *******************************************************************************************/

#sidebar ul.tbl-filter > li { background-image: none; margin: 0 0 2px 0; padding: 0; }
#sidebar ul.tbl-filter > li > input[type=checkbox] { float: left; width: 15px; }
#sidebar ul.tbl-filter > li > a { display: block; float: left; width: 175px; }
#sidebar ul.tbl-filter > li .clear { clear: left; height: 0; }
#sidebar ul.tbl-filter > p { font-size: 85%; color: #555; display: none; }
#sidebar ul.tbl-filter + .controls {
    clear: left;
    background-color: transparent;
    border-top: 1px solid #ddd;
    font-size: 85%;
    text-transform: capitalize;
    padding: 5px;
    margin: 5px 0 0 0;
}


/* TREES.
 *******************************************************************************************/

#main ul.tree { margin-left: 10px; }
#main #content > ul.tree { margin-left: 0; }

#main ul.tree > li { background: transparent url(/images/icon-folder-open.png) no-repeat 0.1em 0.4em; cursor: pointer; }
#main ul.tree > li.closed { background-image: url(/images/icon-folder-closed.png); }
#main ul.tree > li.closed > ul { display: none; }
#main ul.tree > li.hover { color: #000; }


/* TOGGLES.
 *******************************************************************************************/

ol.toggles > li,
ul.toggles > li { list-style-type: none; }

.toggles { }

#content .toggles .parent {
    border: 1px solid #b2cfd5;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 5px 10px;
    background: #e5f7ff url(/images/template/toggle-top.png) repeat-x scroll bottom left;
}

.toggles .hover { border-bottom-color: #000; }
.toggles .expanded { }

.toggles .child {
    padding: 10px;
    border: 1px solid #b2cfd5;
    border-top-width: 0;
    margin-bottom: 15px;
}

.section-collapse {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 0px 10px 0px 10px;
    margin: 10px 0px 10px 0px;
    clear: both;
}


/* TABLES (sortable and static).
 *******************************************************************************************/

#main table.static,
#main table.sortable {
    border: none;
    width: 100%;
    font-size: 95%;
}

#main table.static th,
#main table.static th,
#main table.sortable thead th,
#main table.sortable tfoot th {
    background-color: #999;
    color: #fff;
    padding: 4px;
    font-weight: normal;
    border: 1px solid #fff;
    text-align: left;
    line-height: 1.2;
    vertical-align: top;
    cursor: default;
}

#main table.static td,
#main table.sortable tbody td {
    color: #3d3d3d;
    padding: 4px;
    border: none;
    border-bottom: 1px solid transparent;
    cursor: default;
    background-color: #fff;
    vertical-align: top;
    line-height: 1.2;
}

#main table.static th,
#main table.static td {
    border-bottom: 1px solid #aaa;
}

#main table.sortable th.sort {
    /*background-image: url(/images/icon-sort.gif);*/
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    margin-right: -1px;
}

#main table.sortable th.sort-down {
    background-image: url(/images/icon-sort-desc.gif);
    background-color: #84b9dc;
}

#main table.sortable th.sort-up {
    background-image: url(/images/icon-sort-asc.gif);
    background-color: #84b9dc;
}

#main table.static tr.odd td,
#main table.sortable tr.odd td { background-color: #fff; }

#main table.static tr.even td,
#main table.sortable tr.even td { background-color: #f6f6f6; }

#main table.static tr.hover td,
#main table.sortable tr.hover td { background-color: #f6e1a1; }
 
/* TABS.
 *******************************************************************************************/

#main ul.navigator {
    text-align: left;
    margin: 2em 0 0 0;
    border-bottom: 1px solid #ababab;
    list-style-type: none;
    padding: 3px 10px 3px 10px;
    line-height: 1;
}

#main ul.navigator > li { display: inline; background-image: none; padding: 0; line-height: normal; }
#main ul.navigator > li.selected {
    border-bottom: 1px solid #fff;
    background-color: #e6eeee;
}

#main ul.navigator > li a {
    padding: 3px 10px 3px 10px;
    border: 1px solid #cdcdcd;
    background-color: #d1d1d1;
    color: #666;
    margin-right: 0px;
    text-decoration: none;
    border-bottom: none;
    font-size: 110%;
}

#main ul.navigator > li.selected a {
    background-color: #fff;
    border-color: #ababab;
    color: #000;
    text-decoration: none;
    padding-bottom: 4px; /* WAS: padding-top */
    position: relative;
    bottom: 0px; /* WAS: top */
}

#main ul.navigator > li > a:hover { color: #000; }
#content .sections {
    background-color: #fff;
    padding: 10px;
    /*border: 1px solid #ababab;*/
    border-top-width: 0px;
    clear: left;
}