/* Some generic defaults; heads set to 4px bottom margin and 1.2 line height, others 12px; h3 was 18px */
body{font:13px/1.5 Arial, Helvetica,'Helvetica Neue','Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:27px}h2{font-size:21px}h3{font-size:17px}h4{font-size:15px}h5{font-size:13px}h6{font-size:12px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:20px}p,dl,hr,ol,ul,pre,table,address,fieldset,figure{margin-bottom:12px}h1,h2,h3,h4,h5,h6{margin-bottom:4px;color: #036;}h1,h2,h3,h4{line-height: 1.2;}h5,h6{line-height: 1.3;}

h1, h2, h3, h4, h5, ol, ul { margin-top: 12px; }
.more_headspace h3, .more_headspace h4 { margin-top: 16px; }

/* Lists */
li { margin-bottom: 4px; }
ul.compactlist, ol.compactlist { margin-top:0; }
ul li ul { list-style-type: circle; }  /* Nested lists*/
.compactlist li { margin-bottom: 2px; }
li:last-child { margin-bottom: 0 } /* Not in IE */
dd { margin: 0 0 .5em 1.5em; }
dl.italicDD dd {  font-style:italic; }
ul.noindent, ol.noindent { margin: 0 0 0 .5em; padding: 0; }
ul.noindent li, ol.noindent li { margin-left: 1em; padding-left: 0; margin-bottom: 2px; }

/* Sidebar, plus all heads with backgrounds */
.bghead, .sidebar_head { background: #D7EAE7 url(/assets/images/misc/gradient-bg.gif) repeat-x bottom; color: #036; margin-bottom: 4px;  }
.bgsubhead { background: #F9F8E4 url(/assets/images/misc/subhead-bg.gif) repeat-x bottom; margin-bottom: 4px; }
.bghead h2, .bghead h3, .bghead h4, .bgsubhead h3 { margin: 5px 15px 5px 15px; }
.sidebar_head h2, .sidebar_head h3, .sidebar_head h4 { margin: 5px 15px 5px 14px; }
/* Small text in sidebars except for index and maybe other main pages */
#sidebar { font-size: 12px !important; line-height: 1.4 !important; }
#sidebar-main { font-size: 12px !important; }
.sidebarImage { margin: 0 0 6px 5px; float: right; } /* For book covers in sidebar pub lists, etc. */
.sidebarImageSA { margin: 3px 0 0px 5px; float: right; } /* For free-standing images needing space above */
.cleared { clear: both; }

/* jQuery Ui elements */
.jquery-tabs { margin-bottom: 1em; }
.jquery-tabs ul { margin-bottom: 0; }

/* Header at top with logo, tagline, and search box. */
#header { 
	font-size: 13px;
	margin: 0; 
	padding: 10px 15px 5px 15px !important;
	width: 930px; 
	color: #036; 
  position:relative; 
  background: #D7EAE7;
}
#header #logo { margin-bottom: 2px; }
#logodiv { float:left; width:500px; }
#header #tagline { font-style:italic; color:#036; font-size:12px; position:absolute; left:222px; bottom: 6px; } 
/* Shopping cart link in header*/
#cart-header { position:relative; top:20px; float:right; clear: both; }
#cart-header a.cartlink {font-weight:bold; font-size:20px; text-decoration:none; color: #333; vertical-align: middle;  }

#footer { background: #D7EAE7 url(/assets/images/misc/gradient-bg.gif) repeat-x top;  border-top: 3px solid #036; }
#footer h4 { color: #036; margin: 8px 0 2px 0; }
#footer p, #footer li { font-size: 11px; line-height: 1.4; }

/* Blue-background sections at the top of main pages; uses default body text size */
.bluediv { background:#036; color: white; }
.bluediv a, .bluediv h1, .bluediv h2, .bluediv h3, .bluediv h4 { color: white; }
.bluediv a:hover { color: #fd6; text-decoration: none; }
.bluediv div.grid_4 { padding-top: 15px; }

/* Search box at top */
#searchdiv {
	font-weight: bold;
	float: right;
  position:relative;
}
#headerSearchInput {
	height: 22px; padding: 2px 2px 2px 23px; border: none; margin: 0; 
	background: #fff url(/assets/images/misc/search-mag-glass.gif) no-repeat 0 0;
}
#headerSearchSubmit {
	height:26px; width:29px; padding: 0; border: none; 	
	background: #fff url(/assets/images/misc/go-sprite.png) no-repeat 0 0;
	text-indent:-9999px; 
	text-transform: capitalize; /* Makes negative text-indent work on IE 6&7 */
}
#headerSearchSubmit:hover {background-position: 0 -26px; }
#cartlink { position:absolute; top:20px; right:0; }

/* Two-column lists in tabs. For pubs, .pub needs .clearfix or equivalent (from 960 Grid CSS file) 
or else cover will "poke through" .pub div and there will be no spacing between book covers 
NB = no-border version */
div.tablist div.tabs-left { float: left; padding-right: 10px; border-right: 1px dashed #999; width: 48%;}
div.tablist div.tabs-leftNB { float: left; padding-right: 10px; width: 48%;} 
div.tablist div.tabs-right { float:left; padding-left: 15px; width: 48%;}
div.tablist div.tabs-full { padding: 0 10px;}
.tablist ul { margin-top: 0; padding-top: 0; }
.tablist .pub { clear: left; margin-bottom: 10px; }
.tablist .pub div { margin: 0.25em 0 0 53px; }
.tablist .pub h5 { margin-top: 0; }
.tablist .pub img { display: block; float: left; margin-right: 10px; }

/* Divs at bottom of pubs page splitting it in half, etc. */
div.halfdiv { width:48%; float:left; }
.halfdiv h5 { margin-top: 0; }
.halfdiv div { margin-left: 132px; }

/* Promo area in tabs, as for the issue briefs in the issue briefs tabs on the publications page
Rounded bottom corners in FF and Chrome, etc. (5px as in jQuery UI tabs). Margin-top -1px to zap blue line at top */
div.tab-promo {
	color: #fff; background: #1C4977; padding: 10px 10px; margin-bottom: 10px; margin-top: -1px;
	-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
}
div.tab-promo h3 { color: #f9d02a; }
div.tab-promo a { color: #fff; }
div.tab-promo a:hover { color: #fd6; text-decoration: none;  }
div.tab-promo div { margin-left: 105px; }

/* OTHER */
span.new { font: bold 10px verdana, arial, helvetica; text-align: center; color: #fff; background-color: #c00; padding: 0 6px 1px 6px; white-space: nowrap; }
a:hover { color: #f00; }
blockquote { margin: 1em 0 1em 1em; }

/* Bios and the show/hide links for them */ 
.bio { margin-top: 6px; }
.show_div, .hide_div { display: none; color: #00c; text-decoration: underline; cursor: pointer;}
span.show_div, span.hide_div { font-weight: normal; }

/* For staff page and any other listings of people with images */
div.person { clear: left; float: left;  margin: 0 0 12px 0; width: 100%; 
	border-top: 1px dashed #999; padding-top: 12px; }
.person .name { font-weight: bold; }
.person .title { font-style: italic; }
.person img { float: left; border: 1px solid black; margin: 0 6px 0 0; }

/* Floats, etc. */
.left { float: left; }
.leftmargin { margin-left: 100px; }
.right { float: right; }
.block { display: block; }
.block-left {display: block; float: left; }
img.right { margin: 0 0 6px 8px; float: right; }
.centered { text-align: center; }
.block { display: block; }

/* Home page categories */
.category { font-size: 12px; padding-top: 3px; border-top: 1px solid #ccc; margin-bottom: 12px; }
.category p { margin: 0 0 0 130px; }
.category img { float: left; margin-top: 4px; }
.category h3 { margin: 0; }
.category h3 a { text-decoration: none; color: #036; }
.noborder { border: none !important; }
.category1 h3 { text-align: center; } .category1 h3 a { text-decoration: none; color: #036;}
/* Pad bottom of main content area */
#main.grid_8 { padding-bottom: 1em; } 

/* Meeting programs: all cells, left and right, cell with date !important overrides padding setting */
.program { border-spacing: 0; border-collapse: collapse; }
.program td { font-size: .85em; vertical-align: top; padding: 2px; }
.programLeft { text-align: right; padding-right: 4px !important; white-space:nowrap; }
.programRight { text-align: left; }
td.programDay { text-align: left; padding-top: 8px; 
	font-size: 120%; font-weight: bold; }
/* Continuing education credits */
img.IRS-CE-logo { margin: 4px 7px 10px 30px; float: right; }
	
/* Tags and clearfix added for meeting program bios 12-2011 */
div.presenter { margin: 0 0 10px 20px; }
div.presenterImages { float: right; margin-left: 10px; width: 102px; text-align:center;}
div.presenter img { margin-bottom: 6px;}
div.presenter img.photo { border: 1px solid black; }
div.presenter p, .presenterName  { margin: 0; }
p.presenterOrg { margin: 2px 0 !important; }

/* Conference programs. Replaced 007dc3 with 3372B1 to match menus */
dl.program { margin-top: 0; }
dl.program dd { font-style: italic; }
dl.program dd div, div.program { font-style: normal; font-size: 10px; padding-top: 2px; }
.e1, .e2, .eq, .cc, .lg { text-align: center; font-size:.8em; color: #fff; padding: 2px 2px 2px 2px; margin-right: 3px; font-weight: bold; height: 16px; width: 16px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
div.e1, div.e2, div.eq, div.cc, div.lg { float: left; }
.e1 { background-color: #c00; }
.e2 { background-color: #933; }
.eq { background-color: #693; }
.cc { background-color: #f60; }
.lg { background-color: #09c; }
.key { overflow: auto; }
.key .i { float: left; white-space: nowrap; padding: 3px 6px 3px 0; } 
.mdate { color:#fff; background-color:#036; padding: 2px 2px 4px 4px; margin-bottom:0;}
.mtime { color:#fff; background-color:#3372B1; padding: 2px; margin: 0; }
.mtime a  { color:#fff; }
.mitem+.mtime, .mspeakers+.mtime, .mdescription+.mtime { margin-top: 4px; }
.mitem { font-weight: bold; padding-top: 4px; }
.mspeakers { font-style: italic; font-size: 11px; line-height: 1.3em; margin-left:16px; }
.mdescription { font-style: normal; font-size: 11px; padding-top: 2px; margin-bottom: 2px; }
.caption { margin-top: 2px; font-size: 10px; text-align: center; }

/* Meeting sponsor logos in sidebar (as for live equity Webinars) */
.sidebar-logos img { margin: 10px 0; }

/* Misc. inherited styles from old site (NB: .tophead not needed any more) */
.rhImage { padding: 18px 0 0 12px; margin-bottom: 6px; float: right; }
.rhImage .largeImageLink { margin-top: 2px; clear: both; text-align: center; font-size: 10px; } 
p.digiprint { font-weight: normal; font-size: 22px; white-space: nowrap; margin: 0 0 6px 0; } 
.itemBlurb { margin-top: 12px; }
/* Bold the dt's in a dl list */
dl.dtbold dt { font-weight: bold; }
dl.board dd { padding-bottom: 6px;} dl.board img { border: 1px solid black; }
.error { color: #c00; background-color: inherit; }
.errorbox { padding: 0 4px 2px 4px; border: 1px solid #ccc; background-color: #EDF2F2; margin: 6px 0; }
/* Rule above (a paragraph or head, etc.) */
.ra { border-top: 1px dashed #999; padding-top: 8px; margin-top: 12px; }

/* Conference programs */
dl.program { margin-top: 0; }
dl.program dd { font-style: italic; }
dl.program dd div, div.program { font-style: normal; font-size: 10px; padding-top: 2px; }
.e1, .e2, .eq, .cc, .lg { text-align: center; font-size:.8em; color: #fff; padding: 2px 2px 2px 2px; margin-right: 3px; font-weight: bold; height: 16px; width: 16px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
div.e1, div.e2, div.eq, div.cc, div.lg { float: left; }

/* Misc. text styles */
.sa { margin-top: 12px !important; }
.ssa { margin-top: 6px !important; }
.msa { margin-top: 18px !important; }
.sb { margin-bottom: 12px !important; }
.ssb { margin-bottom: 6px !important; }
.ssab { margin-top: 6px; margin-bottom: 6px; }
.sasb { margin-top: 1em; margin-bottom: 1em; }
.nsa { margin-top: 0 !important; }
.nsb { margin-bottom: 0 !important; }
.nsasb { margin: 0 0 6px 0 !important; }
.lsa { margin-top: 10px !important; }
.small { font-size: 11px; line-height: 1.4;}
.medium { font-size: 14px !important; }
.indent-6 { margin-left: 6px; }
.indented { margin-left: 1em; }
.mr { margin-right: 6px !important; }
.black { color: black !important; }
.allCaps { text-transform: uppercase; }

/* Digital download notices */
.dl-notice {
	border: 1px dotted #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	padding: 5px 8px; background-color: #eef; margin: 10px 0 0 0; 
}

/* Large numbers with text (.numtxt) above them */
.bignum {float: left; width: 50px; margin: 17px 12px 0 0; padding: 10px 5px 5px; background: #336699; text-align: center; color: #fff; font-size: 30px; font-weight: bold; font-family: Georgia;
	-moz-box-shadow:  0 1px 10px #888; -webkit-box-shadow:  0 1px 10px #888); box-shadow:  0 1px 10px #888;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
.bignum .numtxt { display: block; font: 15px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .5px; border: none; margin-bottom:-12px;}

/* Main category pages get 12px */
.container_12.category-page { font-size: 12px !important; }

/* For images, etc. */
.ml { margin-left: 6px; }
img.keylineblack { border: 1px solid black; }
img.keylinegray { border: 1px solid #ccc; }
img.logo { margin: 10px; }

/* RSS feed */
.feed { padding: 0 0 0 18px; background: url(/assets/images/icons/rss14x14.png) no-repeat 0 50%; } 

/***********************************************
 Tables used for tabular material in articles, etc. */
table.tabular { color: black; background-color: #ffe; border-collapse: collapse; margin: 12px 0; font-size: 11px; }
table.tabular th, table.tabular td {  border: 1px solid #999; padding: 2px; }
table.tabular th { vertical-align: bottom; background-color: #ffcc66; font-weight: bold; }
/* For tabular tables with header cells that are clicked to be sorted */
table.sortTable th { cursor: pointer; }
/* For alternating rows in tabular tables */
table.tabular tr.odd { color: #000; background-color: #feb; }
table.tabular tr.even { color: #000; background-color: #ffe; }
/* Make all the td's align right */
table.align-right td { text-align: right; }
/* Make the first or last td's (only) align right */
table.align-first-right td:first-child  { text-align: right; padding-right:3px; }
table.align-last-right td:last-child  { text-align: right; }
/* Table with regular text and background */
table.regtext {  border-collapse: collapse; font-size: 11px; margin: 12px 0; } 
table.regtext th, table.regtext td {  padding: 3px; }
table.cep { line-height: 1.3em !important; }
table.topalign td {vertical-align: top;}
table.bottomalign td {vertical-align: bottom;}

/*********************************************************************
 Shopping cart table and name/address and credit card table */
table.cart { width: 100%; border-collapse: collapse; border-bottom: 1px solid #ccc; }
table.cart th { border-top: 1px solid #ccc; padding: 4px 3px; text-align: center; color: black; background-color: #EDF2F2; 
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
table.cart td { border-top: 1px solid #ccc; padding: 4px 3px; text-align: right; }
table.cart tr#subtotal td { border-top: 1px solid black; }
table.cart td.al, table.cart th.al { text-align: left; }
table.cart tr.footnote td { border: 0; text-align: left; }
table.cart tr.update td { border: 0; } 
table.cart tr.nobborder td { border-bottom: 0; } table.cart tr.notborder td { border-top: 0; } 
p.cart-text { } /* Not presently used */
table.cart-totals { border-collapse: collapse; margin: 12px 0 8px 0; width:100%; }
table.cart-totals th { font-size: 13px; background-color: #036; color: #fc0; text-align: center; border: 1px solid #036; padding: 3px; }
table.cart-totals td { background-color: #EDF2F2; color: black; text-align: center; border: 1px solid #ccc; padding: 3px; }
table.address { margin: 0; padding: 2px 0; }
table.address td, table.cc td { font-size: 11px; padding: 2px 0;}
table.address input[type=text], textarea { border: 1px solid #bbb; }
/* "Step 1..." heads in checkout */
.checkoutHead { margin: 0 0 10px 0; }
/* Override borders when nesting tables inside the above */
table.noborders td { border: none !important; }

/* Some misc. stuff that might be pared down in the future */
span.address { font-size: 11px; }
.button-nav { padding: 11px 0 15px 0; }
table.mem-options { border: 0; } table.mem-options td { text-align: left; } table.mem-options td.desc { vertical-align: middle; }
/* Shipping options in shopping cart */
fieldset.checkout { padding: 4px 2px; border: 1px #ccc solid; margin-bottom: 10px;}
fieldset.checkout legend { font-weight: bold; font-size: 12px; padding: 2px 4px; color: #000; background-color: #EDF2F2; 
	border: 1px solid #333; }
.discount-form { background-color: #EDF2F2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 5px 0 5px; margin: 5px 0; }
/* Alert box for emptying cart, etc.*/
.notice-box { border:1px dashed #ccc; padding:0 8px 4px 8px; color: #000; background-color: #EDF2F2; }
/* Table with borders */
.borderedtable { border-collapse: collapse; } 
.borderedtable td { border: 1px solid black; padding: 4px 3px; }
/* Quantity div in add-to-cart */
.quantity { font-weight: bold; margin-bottom: 5px; }
/* Add-to-cart button, also with less space above and below */
.addToCart { margin: 10px 0 !important; display:block; }
.addToCart-lsab { margin: 2px 0 !important; display:block; }
/* No wrapping*/
.nowrap  { white-space:nowrap; }
/* Count characters button*/
.countChars {background-color: #ccc; color: black; font-size: 11px; }

/* Submit buttons (#027bf3 is end of bg image gradient in case height expands; ditto for hover below); called .submit in old site */
.blue-submit {
	background: #027bf3 url(/assets/images/misc/submit-blue_bg.png) repeat-x;
	border: 1px solid #003; color: #fc0; font-weight: bold; font-size: 13px; margin-left: 5px; padding: 0 7px;
}
.blue-submit:hover, .blue-submit:active {
	background: #3595f7 url(/assets/images/misc/submit-blue_bg-hover.png) repeat-x;
	border: 1px solid #036;
}
.yellow-submit {
	background: #fc3 url(/assets/images/misc/menu-bg.png) repeat-x bottom;
	border: 1px solid #ccc; color: #036; font-weight: bold; font-size: 13px; margin-left: 5px; padding: 0 7px;
}
.yellow-submit:hover, .yellow-submit:active {
	background: #fc6 url(/assets/images/misc/menu-bg.png) repeat-x top;
	border: 1px solid #fc6;
}

/* Related to shopping cart */
.small-submit { font-weight: bold; font-size: 10px !important; padding: 2px 7px; }
/* Messages in shopping cart, "sold out" notice on meeting pages, etc. */
.alert { border: 1px solid #ccc; background-color: #EDF2F2; color: inherit; font-weight: bold; font-size: 11px;
	padding: 3px 6px; text-decoration: none; margin: 0 0 10px 0; }
.alert h4 {margin-top: 0;}
.centeredBigButton { text-align: center; margin: 14px 0 20px 0; }
/* was color: #000; background-color: #f5f5f5; borders #999, #ccc, #ccc; submitover #026, #fc0, #036 #fb0 */
.centeredBigButton input { 
	font: bold 16px verdana, geneva, arial, helvetica, sans-serif; 
	color: #ff9; background-color: #c00;
	border: 3px solid #600; border-top-color: #f00; border-left-color: #f00;
	padding: 0.25em;	
}
/* Rollover effects for buttons */
input.submitover { color: #036; background-color: #fc0; cursor: pointer; 
	border: 3px solid #f93; border-top-color: #ff6; border-left-color: #ff6;}
input.submitdown { color: #036; background-color: #fb0; cursor: pointer; 
border: 3px solid #f60; border-top-color: #fc6; border-left-color: #fc6;}
/* List with hanging indent (with manually placed substitutes for bullets) */
.hanging-list { list-style: none; margin-left: 0 !important; padding-left: 1em !important; text-indent: -1em; }

.submit {
	background: #027bf3 url('/assets/images/misc/submit_bg.png') repeat-x;
	border: 1px solid #003;
	color: #fc0; 
	cursor: pointer; 
	font-weight: bold; font-size: 13px; line-height: 20px; 
	margin-left: 5px;
	padding: 0 7px;
}
.submit:hover, .submit:active {
	background: #3595f7 url('/assets/images/misc/submit_bg-hover.png') repeat-x;
	border: 1px solid #036;
}

/************************************************************************************
SUCKERFISH DROPDOWN MENUS (http://www.htmldog.com/articles/suckerfish/dropdowns/) 
6x 135px wide + 1x 150px wide (.right) = 960px */
#menudiv { margin: 0; width: 960px; background: #fc3 url(/assets/images/misc/menu-bg.png) repeat-x; }

#nav, #nav ul {  /* all lists */
	font-size: 16px;
	float: left;
	width: 960px;
	list-style: none;
	line-height: 1.2;
	font-weight: bold;
	padding: 0;
	margin: 0;
	z-index: 500; /* Cover up slides on home page, etc. */
}
#nav a {
	display: block;
	text-decoration: none;
	color: black;
}
/* All list items in menu, inc. top bar. */
#nav li {
	float: left;
	margin: 0;
	text-align: left;
}
/* Borders are for top-level menu only (use #B7D4D1 for a pale green; #3372b1 to match highlight blue)
 NCEO addition of overflow: hidden and white-space:nowrap for menu bar (not dropdowns) prevents quirky resizing, etc., from breaking menu into 2 lines. */
#nav li a { padding: 8px 0px 7px; border-right: 1px solid #bbb; overflow: hidden !important; white-space: nowrap !important; text-align: center; }
 /* Highlight top menu pick if on that page (e.g., main Webinar page */
#nav li a.currentPage { background-color:#036; color: #fff; border-right: 1px solid #036;}
/* Uncomment the line below if border-right above isn't #3372b1 */
#nav li:hover a, #nav li.sfhover a { border-right: 1px solid #3372b1; }
#nav li#m_home a { padding-left: 5px; }
/* !important needed below to override #nav li:hover a border above */
#nav li li a { padding-top: 5px; padding-bottom: 5px; border-right: none !important; }
/* "Join button"; comes after above so R border can be eliminated */
#nav li#m_join { color: #fd3; background: #c00 url(/assets/images/misc/menu-join-bg.gif) repeat-x; float: left; }
#nav li#m_join a { color: #fd3; border-right: none; padding-right: 2px; }
#nav li#m_members a { border-right: none; }
/* Width needed for Opera; these = 960px; if changing these, also change drop-down widths below */
#nav li#m_home { width: 70px; }
#nav li#m_articles { width: 75px; }
#nav li#m_pubs { width: 110px; }
#nav li#m_webinars { width: 90px; }
#nav li#m_meetings { width: 85px; }
#nav li#m_training { width: 80px; }
#nav li#m_surveys { width: 80px; }
#nav li#m_talk { width: 94px; }
#nav li#m_about { width: 89px; }
#nav li#m_members { width: 128px; } 
#nav li#m_join { width: 59px; } 
/* Center the menu heads (see above) but  left-align text below */
#nav li ul li a { text-align: left !important; }
/* Second-level lists = first-level dropdowns; if changing widths, change items below
Example: if #nav li#m_members ul is increased, add the same # of px to #nav li#m_members ul li:hover (etc.)  */
#nav li ul { 
	font-size: 12px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: #3372b1;
	color: white;
}
/* Turn off overflow and white-space rules for dropdowns */
#nav li ul li a { overflow: visible !important; white-space: normal !important; }
#nav li#m_members ul { width: 188px; }
/* Items within first-level dropdowns; width is 20px less than ul due to padding 
NOTE: To be able to click links in padded areas, set it for li li a (see above), not li li  */
#nav li li {
	padding-left: 10px; padding-right: 10px;
	width: 230px; /* Needed for IE 6-7 */
	line-height: 1.3; /* A little more leading than the menu heads */
	border-bottom: 1px dotted #6f94b8;
}
#nav li li.nolink { padding: 5px 10px; }
#nav li li.bottom { border-bottom: none; }
#nav li#m_members li {width: 168px;}
/* Hovered (top-level) menu items (:hover pseudoclass vs. .sfhover class for IE) */
#nav li:hover, #nav li.sfhover, #nav li:hover a.currentPage, #nav li.sfhover a.currentPage { background: #3372b1; }
/* Hovered coler of top-level menu items */
#nav li:hover a, #nav li.sfhover a { color: white; }
/* Dropdown lists under hovered menu items (this unhides them) */
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}
#nav li#m_join:hover ul, #nav li#m_join.sfhover ul { margin-left: -191px; }
/* Hovered dropdown items; width is the amount minus padding (so 250-20=230, etc.) */
#nav li ul li:hover, #nav li ul li.sfhover { background: #7EAEAC; width: 230px; }
#nav li#m_members ul li:hover, #nav li#m_members ul li.sfhover { background: #7dbab8; width: 168px; }
/* Hovers for "Join" button rollover */
#nav li#m_join:hover, #nav li#m_join.sfhover { background: #f00; }
#nav li#m_join:hover a, #nav li#m_join.sfhover a { color: white; }
#nav li#m_join ul li:hover, #nav li#m_join ul li.sfhover { background: #3372b1;  }
/* This avoids "stuck" menus in MSIE when text on the page is selected 
(http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/)
Use conditional comments if it conflicts with other browsers 
Or use: #nav li:hover {background-position: 0 0;} (www.satzansatz.de/cssd/pseudocss.html) */
#nav li:hover, #nav li.sfhover { position: static; }
/* END SUCKERFISH *******************************************************************/

/* ---------- PRINTER-FRIENDLY PAGE ---------- 
Don't confuse with stylesheet used when printing (print.css) */
/* Div with NCEO logo */
#printbody #print_logo { width: 100%; text-align: center; padding: 12px 0; border-bottom: 1px solid #999; }
#printbody #print_logo img { margin-left: auto; margin-right: auto; }
#printbody #footer { width: auto; margin: 1em 0; border-top: 1px solid #999; border-bottom: 1px solid #999; color: black;  background-color: #ccc; background-image: none; }

/* ---------- POPUP PAGE ---------- */
#popupbody { padding: 10px; min-width: 0; font: 70%/1.4 verdana, arial, helvetica, serif; }