/* Basics 
-------------------------------------------------------------- */

table th {background: none; font-family: Georgia, serif;}

ul {list-style: none; margin: 0; padding: 0; overflow: auto;}

.accesslabel {position: absolute;left: -999px;width: 990px;}
.sectionmarker {display: none;}
acronym {border: none;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia; /* clear: both; */}
p.jumpback {display: none;}
	
#maincol ul, #maincol ol {clear: both; margin: 10px 10px 5px; padding: 10px;}

#maincol p {/* clear: both; */}
#maincol p img {float: none; margin: 0;}
 
.employergallery {border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;}
.employergallery img {margin: 0 30px;}
.employerlogo {margin: 5px auto 20px auto; display: block;}

.video {text-align: center;}

.mentionus {font-weight: bold;}

a.actionbutton {float: right; clear: both; border: 3px solid #900; background: url(../images/redblocklink-gradient.gif) bottom repeat-x; padding: 10px 30px;  margin: 10px 0 0 10px; font-family: Georgia, serif; font-size: 1.5em; color: #fff !important; text-decoration: none;-webkit-border-radius: 6px; -moz-border-radius: 6px;}
a.actionbutton:hover { background: url(../images/redblocklink-gradient.gif) top repeat-x; border-color: #5a1f1f; color: #5a1f1f;}
a.actionbutton.block {float: none; display: block; width: auto; margin: 10px 0 0 0; text-align: center;}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {font-family: Arial, sans-serif; font-size: 11px; padding: 0 10px 10px 10px; color: #52819b; margin: 0;}
	
.breadcrumbs ul {list-style: none;margin: 0;}
.breadcrumbs ul li {display: inline;}
	
.breadcrumbs a:link {color: #52819b;}
.breadcrumbs a:visited {color: #52819b;}
.breadcrumbs a:hover {color: #000;}
.breadcrumbs a:active {color: #52819b;}

/* Footer
-------------------------------------------------------------- */

#scifooter {padding: 20px 0; background: url(../images/bg.footer.gif)  #ad0016 bottom left repeat-x !important; clear: both; width: 1000px;}

#footerlogos {width: 200px; float: left; clear: right; text-align: right; padding-bottom: 20px;}
#footerlogos img {display: block; float: right; clear: both; margin: 0 20px 10px 0;}

#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer ul {margin-bottom: .5em;}	
#footer ul li {display: inline;}
#footer ul li a {color: #fff; padding: 0 5px; border-left: 1px solid #fff;}

#footer ul li.first a {border-left: none !important; padding-left: none !important;}
p#copyright {margin-bottom: 0;}
p#copyright, p#copyright a {color: #e97f82; line-height: 1.4em;}

/* Quick Links
-------------------------------------------------------------- */
#quicklinks {background: url(../images/980_rounded_top.gif) top right no-repeat; width: 990px !important; float: left;}
#quicklinks .qlgutter {background: url(../images/980_rounded_bottom.gif) #fff bottom right no-repeat; width: 980px !important; margin: 6px 0 10px 0; padding: 0px 0 0 0; float: right;}

#quicklinks h2 {font-size: 1em; font-weight: bold; color: #000; margin: 0 10px 5px 10px;}

#quicklinks dl {float: left; clear: right; font-size: 10px; border-right: 1px dotted #000; width: 136px; height: 100px;}
#quicklinks dl dt {margin: 0 0 3px 10px; font-weight: normal;font-family: Georgia, serif;}
#quicklinks dl dt a {color: #b41617;}
#quicklinks dl dd {margin: 0 0 3px 10px; font-family: Arial, sans-serif;}
#quicklinks dl dd a {color: #000;}
#quicklinks dl dd a:hover {color: #b41617;}

#ql_advertise {border-right: none !important;}

/* Basic content div - White box with rounded corners.
-------------------------------------------------------------- */
.contentblock {overflow: auto; float: left; clear: both;}

/* For each column */
.homepagecol .contentblock {background: url(../images/400_rounded_top.gif) top right no-repeat; margin-bottom: 10px; width: 410px; float: left; clear: both; overflow: auto;}
.homepagecol .contentblock .gutter {background: url(../images/400_rounded_bottom.gif) bottom right no-repeat #fff; padding: 6px 10px 10px 10px;	margin: 6px 0 0 10px; overflow: auto;}

#sidebar .contentblock {background: url(../images/270_rounded_top.gif) top left no-repeat #fff; margin-bottom: 10px; width: 270px; clear: both;}
#sidebar .contentblock .gutter {background: url(../images/270_rounded_bottom.gif) bottom right no-repeat !important; padding: 10px; overflow: auto;}

#maincol .contentblock {background: url(../images/530_rounded_top.gif) top left no-repeat #fff; margin-bottom: 10px; width: 530px; float: left; overflow: auto;}
#maincol .contentblock .gutter {background: url(../images/530_rounded_bottom.gif) bottom center no-repeat !important; padding: 10px; overflow: auto;}

.force-clip {overflow: hidden;}

#depcol {/* In structure.css */}
#depcol .depcolgutter {/* In structure.css */}

/* Items inside of .contentblock */

.contentblock dl dt {font-family: Georgia, serif;}
.contentblock dl dd {margin-left: 0;}

#maincol .contentblock ul li {margin-bottom: .5em;}
#sidebar .contentblock ul li {margin-bottom: .3em;}

.contentblock ul {list-style: none; padding: 0 0 0 5px !important; margin: 5px 0 5px 5px !important;}
.contentblock ul li {background: url(../images/doublearrowbullet.gif) no-repeat 0 3px ; margin-left: 0; padding-left: 15px;}

.contentblock ul.simple {margin: 0 !important; padding: 0 0 0 0 !important;}
.contentblock ul.simple li { margin-left: 0 !important; padding-left: 0px !important;}

.contentblock a:link {color: #680208;}
.contentblock a:visited {color: #666;}
.contentblock a:hover {color: #333;}
.contentblock a:active {color: #333;}

.contentblock h2 {font-weight: bold; border-bottom:4px double #000; margin: 0 0 1em 0;}
.contentblock h2 span {font-weight: normal;}

.contentblock h2 a:link, 
.contentblock h2 a:visited {color: #222 !important; text-decoration: none;}
	
.contentblock h3 {font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 1.3em; clear: both;}
.contentblock h3 {font-size: 14px; font-weight: bold; margin: 1em 0;}
.contentblock h4 {font-size: 12px; font-weight: bold; margin: 5px 0; height: auto;}

/* Alignment for inline items */
.align-center-full {display: block; clear: both; margin-bottom: 1em;}
.align-left {float: left !important; clear: left; margin: 0 1em 1em 0;}
.align-right {float: right !important;  clear: right; margin: 0 0 1em 1em;}

/* Thickbox photo galleries */
.gallery {margin-bottom: 15px;}
.gallery img {background: #fff; border: 1px solid #ccc; padding: 5px; margin: 0 6px 6px 0;}
img.gallery {background: #fff; border: 1px solid #ccc; padding: 5px;} /* For inline solo images. Also apply one of the above alignment classes. */
	
/* List block. Can go inside of .contentblock.
-------------------------------------------------------------- */
.contentblock .listblock {background: #f4f4f4; border: 1px solid #e5e5e5; padding: 10px; margin: 0;}
	
.contentblock .listblock h3 { font: 15px Georgia/bold; }

.contentblock .listblock h3 a:link {color: #2222;}
.contentblock .listblock h3 a:visited {color: #222;}
.contentblock .listblock h3 a:hover {color: #666;}
.contentblock .listblock h3 a:active {color: #666;}

.contentblock .listblock dt {font: 10px Arial; color: #590f0d; line-height: 1.5em; margin-top: .5em;}
.contentblock .listblock dd {font: 12px Georgia; color: #9a231e; margin-left: 0;}

.contentblock .listblock .extras {border-top: 1px dashed #000; padding-top: 5px; margin-bottom: 0;}
.contentblock .listblock .extras a {font: 12px Georgia; color: #000; line-height: 2em; padding-top: 5px; padding-bottom: 5px;}
.contentblock .listblock .extras a:hover {color: #666;}

.contentblock .listblock li,
.contentblock .pagetools li {list-style: none; padding-left: 0 !important;}

/* Article content - takes up the entire "backwards C"
-------------------------------------------------------------- */
#articletext {width: 630px; float: left; clear: right; overflow: auto;}

#articletext .kicker {color: #b41617; font-family: Georgia, serif; margin-top: 10px; float: left; clear: left; width: 100%;}
#articletext h1 {font-size: 2.7em !important; line-height: 1.2em !important; background: none !important; width: 620px !important; font-family: Georgia, serif !important; color: #000 !important; height: auto !important; margin-bottom: 10px; text-shadow: none !important;}
#articletext h2 {font-size: 1.4em; font-weight: normal; border: none;}
#articletext p {line-height: 1.4em;}
	
.articleinfo {clear: both; border-top: 1px dashed #000; border-bottom: 1px dashed #000; font-family: Georgia, serif; padding: 6px 0; margin: 0 0 10px 0;}
.articleinfo p {font-size: 10px; line-height: 1.2em; margin-bottom: 0;}
	
.articleinfo a:link {color: #4d4d4d; text-decoration: none;}
.articleinfo a:visited {color: #4d4d4d; text-decoration: none;}
.articleinfo a:hover {color: #000; text-decoration: underline;}
.articleinfo a:active {color: #000; text-decoration: underline;}

/* RSS bar and links
-------------------------------------------------------------- */
.rssbar {float: left; clear: both; font-family: Georgia, serif; font-size: .9em; margin: 10px 0 0 0; padding: 10px 0; background: url(../images/stripe-pattern.gif); border-bottom: 4px double #000; border-top: 1px dotted #000;}

#articlecol .rssbar {width: 790px;}

#maincol .rssbar {width: 510px;}

.rssbar a {margin: 0 10px; float: left;}	
	
.rssbar a:link {color: #b42025; text-decoration: underline;}
.rssbar a:visited {color: #b42025; text-decoration: underline;}
.rssbar a:hover {color: #000; text-decoration: underline;}
.rssbar a:active {color: #333; text-decoration: underline;}

a.rss {-webkit-border-radius: 3px; -moz-border-radius: 3px;}
a.rss:link, 
a.rss:visited, 
a.rss:hover, 
a.rss:active {color: white !important; background: #f7931e; font-family: Arial, sans-serif; font-size: 11px; padding: 2px 5px; text-transform: uppercase; text-decoration: none !important;}
a.rss:hover {background: #ccc !important;}

.rssbar a.bookmark {float: right;}

.rssbar a.bookmark img {vertical-align: middle;}

#sidebar div.rss {font-family: Georgia, serif;}
#sidebar div.rss a.rss {float: right;}

p.gobutton {text-align: right; margin-bottom: 5px;}
p.gobutton a {border: 1px solid #000; font-family: Georgia, serif; padding: 5px 8px; background: #666; color: #fff !important; text-decoration: none; font-weight: bold; font-size: 1.2em; clear: both;}
p.gobutton a:hover {background: #ccc; color: #000; border-color: #333;}

/* Article parts
-------------------------------------------------------------- */

/* Article sidebar - This is on the left of the article, not in the content itself */
#articlesidebar {width: 180px; float: left; clear: left; overflow: auto;}
#articlesidebar .gutter { padding: 0 10px 10px 10px; overflow-x: hidden;}
#articlesidebar p.caption {color: #808080; font-size: .8em; line-height: 1.1em;}
#articlesidebar img {width: 160px;}
#articlesidebar li img {width: auto;}

/* Sidebar image captions (inside of #articlesidebar) */
#leadphoto {margin-bottom: 10px; background: #efefef; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
#leadphoto div.photo-credit {color: #333; display: block; padding: 8px; font-size: .8em; text-align: right !important;}
#leadphoto div.image-caption p {padding: 0 3px 5px 3px;}

/* These control the alignment and spacing for images, pullquotes, and sidebars */
#articletext .align-center-full {display: block; clear: both; margin-bottom: 1em;}
#articletext .align-left {float: left; margin: 0 1em 1em 0;}
#articletext .align-right {float: right !important;  clear: left; margin: 0 0 1em 1em;}

/* In-article images and captions. The width of the captions is calculated in captions.js */
#articletext div.photo {background: #efefef; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;}
#articletext div.image-caption {color: #333; padding: 8px !important; text-align: left; font-size: 12px !important;}
#articletext div.image-caption p {margin-bottom: 0; line-height: 1em;}
#articletext div.photo-credit {color: #333; display: block; padding: 3px 8px 0 8px; font-size: .8em; text-align: right !important; float: right;}

/* In-article quotes and images */

.pullquote {width: 270px; color: #b42025; font-family: Georgia, serif; font-size: 1.25em; font-style: italic; padding: 0;}
.pullquote strong {font-weight: normal; }
.pullquote p {padding: 1em 0; margin: 10px 0 10px 0 !important; clear: both; border-top:4px double #000; border-bottom:4px double #000;}
/*
.pullquote {display:none;}

#article_summary {width: 270px; color: #b42025; font-family: Georgia, serif; font-size: 1.25em; font-style: italic; padding: 0;}
#article_summary strong {font-weight: normal; }
#article_summary {padding: 1em 0; clear: both; border-top:4px double #000; border-bottom:4px double #000;}
#article_summary {float: right;	margin: 10px 0 10px 15px;}
*/
#article_summary {display:none;}

/* In-article boxed-text sidebars */
#articletext .sidebar {background: #efefef; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 1px 0; overflow-x: hidden;}
#articletext .sidebar h2 {margin: 10px 7px 5px 7px; color: #333;}
#articletext .sidebar h3 {margin: 5px 7px; color: #333;}
#articletext .sidebar p {margin: 5px 7px; color: #333; text-indent: 0; padding: 1px;}
#articletext .sidebar p a {margin: 0!important padding: 0 !important;}
#articletext .sidebar ul li {margin: 5px 7px 5px; color: #333; padding-left: 7px;}
#articletext .sidebar dl {margin: 7px 7px;}
#articletext .sidebar dl dd {padding-left: 0 !important;}
#articletext .sidebar dl dd p {margin: 0;}
#articletext .sidebar.align-left, 
#articletext .sidebar.align-right {width: 207px;}

/* These apply to older articles. Articles from Oct. 16, 2008 and later use the common styles above. */
.quote_left {float: left; clear: left; margin: 15px 15px 15px 0;}
.quote_right {float: right;	margin: 10px 0 10px 15px;}
.imgblock p {margin: 5px 5px 1em 5px;}
.imgblock p.cutline {margin: 0 0 5px 5px !important; text-align: right; font-size: 9px; color: #333;}
.image_left {float: left; clear: left; margin: 10px 15px 15px 0;}
.image_right {float: right !important; clear: right; margin: 10px 0 15px 15px;}

/* Article Footer */
.articlefooter {border-top: 2px solid #000; border-bottom: 3px solid #000; background: #e6e6e6;	padding: 10px 0 2px 0; margin: 0 0 10px 0; clear: both;}
.articlefooter .gutter {border-bottom: 1px dashed #000;	padding: 0 10px 10px; overflow: auto; background: #e6e6e6 !important;}

.footerjobsearch {width: 295px; float: left;}
	
.relatedarticles {width: 295px; float: right; padding-top: 10px; background: url(../images/295_rounded_top.gif) top left no-repeat #fff;}

.relatedarticles h3 {background: url(../images/header_related.jpg) left top no-repeat; border-bottom: 4px double #000; text-indent: -9000px; height: 31px; margin: 0 10px; padding: 0;}

.relatedarticles a:link {color: #000; text-decoration: none;}
.relatedarticles a:visited {color: #666; text-decoration: none;}
.relatedarticles a:hover {color: #b41617; text-decoration: underline;}
.relatedarticles a:active {color: #b41617; text-decoration: underline;}
	
.relatedarticles ul {margin: 0 !important; padding: 0 10px 10px 10px; background: url(../images/295_rounded_bottom.gif) bottom left no-repeat;}
.relatedarticles ul li {font-family: Georgia, serif; margin: 5px 0 !important; padding: 0 !important; font-size: .9em; background: none !important;}
.relatedarticles ul li .relateddate { font-family: Arial, sans-serif; color: #b41617;}

/* Search bar
-------------------------------------------------------------- */
.searchbar a {padding: 0; font-size: .9em;}	
.searchbar a:link {color: #fff;}
.searchbar a:visited {color: #fff !important;}
.searchbar a:hover {color: #ccc !important;}
.searchbar a:active {color: #fff;}

.searchbar {font-family: Georgia, serif; overflow: visible; clear: both;}
.searchbar .searchbargutter {height: 42px; padding: 0 5px}

.searchbar .textinput {margin-top: 9px !important;}
.searchbar div.button {float: left; text-align: center; width: 70px; padding-top: 8px;}
.searchbar .submitbutton {width: 70px; height: 27px; margin: 0;}

/* These determine the width of the searchbar based on what type of column it appears in */

.homepagecol .contentblock .searchbar {width: 380px; height: 42px; background: url(../images/searchbar_red.gif) right no-repeat #fff;}
.homepagecol .searchbar div.text {float: left; width: 300px; margin: 0 !important; font-size: .9em;}
.homepagecol .contentblock .searchbar .textinput {width: 140px !important;} /* Uses a narrower input */

#maincol .contentblock .searchbar {width: 510px; height: 42px;}
#maincol .searchbar div.text {float: left; width: 430px; margin: 0 !important;}
#maincol .contentblock .searchbar .textinput {width: 200px !important;} /* Uses a narrower input */

#articlecol .searchbar {width: 620px; height: 42px;}
#articlecol .searchbar div.text {float: left; width: 540px; margin: 0 !important;}
#articlecol .searchbar .textinput {width: 340px !important;}
#articletext .contentblock .searchbar {width: 620px;}

/* These determine the background */
body.careermagazine .searchbar, 
body.issuesperspectives .searchbar, 
body.careeradvice .searchbar, 
body.jobmarket .searchbar, 
body.careerprofiles .searchbar, 
body.lifecareer .searchbar, 
body.diversityissues .searchbar {background: url(../images/searchbar_red.gif) right no-repeat #fff; margin-bottom: 10px;}
body.article .searchbar {background: url(../images/searchbar_red.gif) right no-repeat #fff;}
body.businessofficefeatures .searchbar {background: url(../images/searchbar_red.gif) right no-repeat #fff;}
body.grantsandfunding .searchbar {background: url(../images/searchbar_blue.gif) right no-repeat #fff;}
body.backissue .searchbar {background: url(../images/searchbar_red.gif) right no-repeat #fff; margin-bottom: 10px;}
body.meetingsevents .searchbar {background: url(../images/searchbar_brown.gif) right no-repeat #fff; margin-bottom: 0;}

/* Business Office Features */
.bofbox {text-align: center; background: #7c9fb3; color: #fff; padding: 10px; margin-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
		
.bofbox a:link, 
.bofbox a:visited {color: #fff !important;}
.bofbox a:hover {color: #222 !important;}
.bofbox a:active {color: #fff;}

.bofbox p.supportedby {font-size: .8em; margin-bottom: 0; color: #fff;}
.bofbox p {margin-bottom: 0;}
	
/* Page tools
-------------------------------------------------------------- */
.pagetools {border-top: 4px double #000; border-bottom: 4px double #000;}
	
.pagetools ul {margin: 0 0 5px 0;}
.pagetools li {padding: 5px 5px 7px 5px; font-family: Georgia, serif; list-style: none; border-bottom: 1px dashed #000; font-size: .9em; background: none !important;}
.pagetools li.last, 
.pagetools li.bookmarks {border-bottom: none !important;}	
.pagetools li a:link {color: #666; text-decoration: none;}
.pagetools li a:hover {color: #000; text-decoration: underline;}
.pagetools li a:visited {color: #666; text-decoration: none;}
.pagetools li a:active {color: #666; text-decoration: underline;}

/* Named Links - Give a link one of these classes to give it the corresponding icon */
a.meetings {padding: 0 5px 4px 23px; background: url(../images/icon_posted_meetings.gif) top left no-repeat;}
a.jobs {padding: 0 5px 4px 23px; background: url(../images/icon_posted_jobs.gif) top left no-repeat;}
a.add {padding: 0 5px 4px 23px; background: url(../images/icon_add.gif) top left no-repeat;}
a.search {padding: 0 5px 4px 23px; background: url(../images/icon_find.gif) top left no-repeat;}
a.login {padding: 0 5px 4px 23px; background: url(../images/icon_login.gif) top left no-repeat;}
a.email {padding: 0 5px 4px 23px; background: url(../images/icon_email.gif) top left no-repeat;}
a.print {padding: 0 5px 4px 23px; background: url(../images/icon_login.gif) top left no-repeat;}
a.editor {padding: 0 5px 4px 23px; background: url(../images/icon_editor.gif) top left no-repeat;}
a.forum {padding: 0 5px 4px 23px; background: url(../images/icon_forum.gif) top left no-repeat;}
a.related {padding: 0 5px 4px 23px; background: url(../images/icon_related.gif) top left no-repeat;}
a.login {padding: 0 5px 4px 23px; background: url(../images/icon_login.gif) top left no-repeat;}
a.pdf {padding: 0 5px 4px 23px; background: url(../images/icon_pdf.gif) top left no-repeat;}
a.science {padding: 0 5px 4px 23px; background: url(../images/icon_science.gif) top left no-repeat;}

/* Toolbox */
.toolbox {border: 1px solid #e5e5e5; padding-left: 0px !important; background: #f4f4f4; font-family: Georgia, serif; margin: 0 !important; font-size: 1.3em;}
.toolbox li {background: none !important; padding: 0 !important; margin: 0 !important; display: inline;}
.toolbox li a {padding: 5px; display: block; margin: 0 !important;}

.toolbox a:link {color: #b41617; text-decoration: none;}
.toolbox a:visited {color: #b41617; text-decoration: none;}
.toolbox a:hover {color: #333; text-decoration: underline;}
.toolbox a:active {color: #b41617; text-decoration: underline;}

/* Homepage and Section Fronts
-------------------------------------------------------------- */

.homepagecol .imgblock, 
#maincol .imgblock {width: 170px; float: left; background: #fff; padding: 0; color: #808080; font-size: .8em;}
	
.homepagecol .imgblock p, 
#maincol .imgblock p {margin: 3px 10px 3px 0;}

.homepagecol .featuretitle  {float: left; width: 200px; 10px; background: #fff;	}
#maincol .featuretitle {float: left; width: 340px; 10px; background: #fff;	}

.homepagecol .featuretitle h2, 
#maincol .featuretitle h2 {font-size: 2.2em; font-weight: normal; border-bottom: none;}
	
.homepagecol .featuretitle h2 a:link, 
.homepagecol h3 a:link, 
#maincol .featuretitle h2 a:link, 
#maincol h3 a:link {color: #000; text-decoration: none;}

.homepagecol .featuretitle h2 a:visited, 
#maincol .featuretitle h2 a:visited {color: #666; text-decoration: none;}

.homepagecol .featuretitle h2 a:hover, 
.homepagecol h3 a:hover, 
#maincol .featuretitle h2 a:hover, 
#maincol h3 a:hover {color: #333; text-decoration: underline;}

.homepagecol .featuretitle h2 a:active, 
.homepagecol h3 a:active,
#maincol .featuretitle h2 a:active, 
#maincol h3 a:active {color: #000; text-decoration: underline;}

.homepagecol h3 a:visited, 
#maincol a:visited {color: #666; text-decoration: underline;}

.homepagecol h3 a:link, 
#maincolh3 a:link {color: #000; text-decoration: underline;}
	
.homepagecol .kicker, 
#maincol .kicker {color: #b41617; font-family: Georgia, serif;}
	
.articlelinks {font-family: Georgia, serif;}

.articlelinks a:link {color: #b41617; text-decoration: none;}
.articlelinks a:visited {color: #666; text-decoration: none;}
.articlelinks a:hover {color: #000; text-decoration: underline;}
.articlelinks a:active {color: #b41617; text-decoration: underline;}

ul.articlelist {margin: 0 !important; list-style: none; padding: 0 !important;}

#maincol ul.articlelist {border-top: 1px dotted #000;}

ul.articlelist li {margin: 0; border-bottom: 1px dotted #000; padding: 10px 0 0 0 !important; overflow: auto; background: none !important;}

ul.articlelist li h3 {font-weight: normal;}
ul.articlelist li h3 a {text-decoration: underline !important;}
ul.articlelist li p {font-size: .9em;}
ul.articlelist li p.articlelinks {font-size: 1em; margin-bottom: .5em;}
ul.articlelist li img {float: left; margin: 0 10px 10px 0;}

.articletextgutter dl {}
.articletextgutter dl dt {font-weight: bold;}
.articletextgutter dl dd {margin-left: 0;}
.articletextgutter dl dd p {margin-bottom: 0 !important;}

/* Block H1 Styling
-------------------------------------------------------------- */

#bodycontent h1, 
#maincol h1 {font-size: 28px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;	color: #fff; font-size: 40px;}

#bodycontent h1 span,
#maincol h1 span {display: block; padding: 7px 10px; font-weight: bold !important;}
	
#bodycontent h1 {width: 820px; height: 70px; float: left;}
#bodycontent h1 span {margin-left: 10px;}
	
#maincol h1 {width: 530px; height: 70px;}
#maincol h1 span {padding-left: 0 !important;}

body.mysciencecareer #maincol h1 {background: url(../images/headers/myscicareer_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #f6790f;}
body.mysciencecareer #bodycontent h1 {background: url(../images/headers/myscicareer_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #f6790f;}

body.findajob #maincol h1 {background: url(../images/headers/myscicareer_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #f6790f;}
body.findajob #bodycontent h1 {background: url(../images/headers/myscicareer_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #f6790f;}

body.foremployers #maincol h1 {background: url(../images/headers/foremployers_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #132a10;}
body.foremployers #bodycontent h1 {background: url(../images/headers/foremployers_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #132a10;}

body.grantsandfunding #maincol h1 {background: url(../images/headers/grants_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #202259;}
body.grantsandfunding #bodycontent h1 {background: url(../images/headers/grants_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #202259;}

body.toolsandtips #maincol h1 {background: url(../images/headers/toolsandtips_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #4d0b0c;}
body.toolsandtips #bodycontent h1 {background: url(../images/headers/toolsandtips_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #4d0b0c;}

body.forum #maincol h1 {background: url(../images/headers/forum_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #242424;}
body.forum #bodycontent h1 {background: url(../images/headers/forum_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #242424;}

body.about #maincol h1 {background: url(../images/headers/about_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #193d57;}
body.about #bodycontent h1 {background: url(../images/headers/about_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #193d57;}

body.meetingsevents #maincol h1 {background: url(../images/headers/meetingsevents_narrow_header.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800;}
body.meetingsevents #bodycontent h1 {background: url(../images/headers/meetingsevents_wide_header.gif) top right no-repeat; text-shadow: -1px -1px 0 #7b2800;}

body.careermagazine #maincol h1,
body.blog #maincol h1 {background: url(../images/headers/blog_narrow.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}

body.careermagazine #bodycontent h1 {background: url(../images/headers/career_magazine_wide.gif) top right no-repeat; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.blog #bodycontent h1 {background: url(../images/headers/blog_wide.gif) top right no-repeat; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.issuesperspectives #bodycontent h1 {background: url(../images/headers/issues_perspectives_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.careeradvice #bodycontent h1 {background: url(../images/headers/career_advice_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.jobmarket #bodycontent h1 {background: url(../images/headers/job_market_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.careerprofiles #bodycontent h1 {background: url(../images/headers/career_profiles_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.lifecareer #bodycontent h1 {background: url(../images/headers/life_career_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.diversityissues #bodycontent h1 {background: url(../images/headers/diversity_issues_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}
body.businessofficefeatures #bodycontent h1 {background: url(../images/headers/businessofficefeatures_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: 
body.ctscinet #bodycontent h1 {background: url(../images/headers/ctscinet_wide.gif) top right no-repeat !important; text-shadow: -1px -1px 0 #7b2800; text-indent: -10000px;}-10000px;}

/* Grants & Funding Page
-------------------------------------------------------------- */
dl.fundingtools {border-top: 1px dotted #000; margin-bottom: 0; padding-bottom: 0;}
dl.fundingtools dt {color: #b41617; font-size: .9em; font-weight: normal; padding: 5px 0 0 0;}
dl.fundingtools dd {border-bottom: 1px dotted #000; padding: 5px 0 10px 0;}

dl.fundingtools dt a {color: #b41617 !important;}
dl.fundingtools dt a.rss {float: right; color: #fff !important;}

.featuredgrants {}
.featuredgrants dl {border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin: 5px 0 10px 0;} 
.featuredgrants dl dt {font-family: Georgia, serif; font-weight: normal; margin-top: 5px;}
.featuredgrants dl dd {font-size: .9em;}
.featuredgrants dl dd.date {margin-bottom: 8px !important; color: #333; font-size: .9em;}

.featuredgrants dl dt a:link, 
.fundingcontent a:link {color: #b41617 !important; text-decoration: none;}
.featuredgrants dl dt a:visited, 
.fundingcontent a:visited {color: #666 !important; text-decoration: none;}
.featuredgrants dl dt a:hover, 
.fundingcontent a:hover {color: #000 !important; text-decoration: none;}
.featuredgrants dl dt a:active, 
.fundingcontent a:active {color: #000 !important; text-decoration: none;}

.fundingcontent dl dd {margin-left: 0;}
.fundingcontent dl dt {font-family: Georgia, serif; margin-bottom: 5px;}
.fundingcontent dl dd p {margin: 0 0 5px 0;}

#sidebar .contentblock h2 {border-bottom: none; font-size: 1.5em;}
#sidebar .contentblock h3 {border-bottom: none !important; font-size: 1.2em; padding: 8px 0 5px;}

#maincol .accountblock {background: url(../images/stripe-pattern.gif) bottom left no-repeat; margin-bottom: 10px; float: left; clear: both;}
#maincol .accountblock .gutter {background: url(../images/530_double_rounded_top.gif) top left no-repeat; float: left;}
.accountblock .gutter .blocks {background: url(../images/530_double_rounded_bottom.gif) bottom left no-repeat; overflow: auto; float: left;}

.accountblock .account {width: 265px; float:left; clear: right; padding-bottom: 10px;}
.accountblock .single {width: 530px !important; background: url(../images/e6e6e6.png) repeat-y 265px 0 !important;}

.accountblock .account h2 {font-weight: bold; font-size: 1.5em; border-bottom: 1px dotted #000; margin: 0 0 5px 0; padding: 0 0 5px 0;}
.accountblock .account p {margin-bottom: 7px;}

.account h2 a {text-decoration: none !important;}
.account h2 a:link {color: #000;}
.account h2 a:visited {color: #000 !important;}
.account h2 a:hover {color: #666;}
.account h2 a:active {color: #000;}

.accountblock .gutter .blocks .left {background: none !important; padding: 10px 15px 0 10px;}
.accountblock .gutter .blocks .right {background: none !important; padding: 10px 10px 0 15px;}
.accountblock .single .left {padding-right: 280px !important;}

.account ul {list-style: none; padding: 0 !important; margin: 0 !important; overflow: hidden;}
.account ul li {padding: 0; margin: 0; display: inline;}

.account ul li a {display: block; padding: 5px; border: 1px solid #ccc; margin: 5px 0 0 0 !important; color: #353894; font-size: 1.2em; text-decoration: none; text-align: center; font-family: Georgia, serif;}
.account ul li a:link {background: #e6e6e6;}
.account ul li a:visited {background: #e6e6e6;}
.account ul li a:hover {background: #ccc; border-color: #aaa;}
.account ul li a:active {background: #e6e6e6;}

.grantsponsors {margin: 0 auto !important; overflow: auto;}
.grantsponsors li {width: 230px !important; height: 150px; margin: 0; clear: right; float: left; background: none !important; text-align: center;}
.grantsponsors li p {padding: 5px; text-align: center; margin-bottom: 0 !important;}

/* Various lists
--------------------------------------------------------------
-------------------------------------------------------------- */

/* Employer list */
dl.employerlist dt {margin-top: 10px; border-bottom: 1px solid #666; margin-bottom: 5px;}
dl.employerlist dt a {color: #000 !important; font-size: 1.5em !important; text-decoration: none;}
dl.employerlist dd {margin-bottom: 5px !important;}

/* Main Button List */
ul.mainbuttonlist {margin: 0 !important; padding: 0 !important;}
ul.mainbuttonlist li {width: 255px; background-image: none !important; float: left; margin: 0 !important; padding: 0 !important;}

ul.mainbuttonlist li a {display: block; padding: 10px !important; margin: 0 5px; font-size: 1.5em; font-family: Georgia, serif; text-align: center; text-decoration: none !important; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
ul.mainbuttonlist li a:link, 
ul.mainbuttonlist li a:visited {background: #ccc; color: #680208 !important;}
ul.mainbuttonlist li a:hover {background: #666; color: #fff !important;}
ul.mainbuttonlist li a:active {background: #666; color: #b41617 !important;}

/* Careers Magazine lists
--------------------------------------------------------------
-------------------------------------------------------------- */

/* Spotlight */
dl.spotlight {padding-top: 10px;}

dl.spotlight {border-top: 4px double #000; font-family: Georgia, serif;}
dl.spotlight dt {color: #b41617; font-weight: normal;}
dl.spotlight dd {margin: 0 0 5px 10px;}

dl.spotlight dd a:link {color: #000; text-decoration: underline;}
dl.spotlight dd a:visited {color: #666;}
dl.spotlight dd a:hover {color: #b41617;}
dl.spotlight dd a:active {color: #b41617;}

/* New from the Blog */
ul.newfromblog {border-top: 4px double #000; font-family: Georgia, serif; margin-top: 0 !important; padding: 10px 0 0 0 !important;}

ul.newfromblog li {background: none !important; padding-left: 0 !important;}
ul.newfromblog li p {margin: 0; font-weight: bold;}
ul.newfromblog li p.comments {border-bottom: 1px dotted #000; padding: 5px 0 5px 0; margin: 0 0 5px 0; font-weight: normal !important; font-size: .9em;}

ul.newfromblog li p.comments a:link {color: #b41617; text-decoration: none;}
ul.newfromblog li p.comments a:visited {color: #666;; text-decoration: none;}
ul.newfromblog li p.comments a:hover {color: #000; text-decoration: underline;}
ul.newfromblog li p.comments a:active {color: #b41617; text-decoration: underline;}

/* Columnists */
div.columnists {padding-top: 10px; border-top: 4px double #000; font-family: Georgia, serif;}

#sidebar .featuredcolumn {border-bottom: 1px dotted #000; margin-bottom: 10px;}
#sidebar .featuredcolumn img {float: left; margin: 0 10px 10px 0;}
#sidebar .featuredcolumn h3 {padding-top: 0;}

#sidebar .featuredcolumn a {color: #b41617;}
#sidebar .featuredcolumn a:hover {color: #000;}

#sidebar .morecolumns {padding-left: 0; width: 250px;}
#sidebar .morecolumns li {list-style: none; float: left; width: 62px; height: 120px; background: none; margin: 0 !important; padding: 0 !important; font-size: 11px; overflow: hidden;}
#sidebar .morecolumns li img {display: block; margin: 0 auto;}

#sidebar .morecolumns li a {color: #b41617; padding: 5px; display: block;}
#sidebar .morecolumns li a:hover {color: #000;}

#sidebar img.forumphoto {display: block; margin: 50px auto; padding: 10px; border: 1px solid #ccc;}

/* Business Office Features */
ul.bizofficefeat {border-top: 4px double #000; font-family: Georgia, serif; margin: 0 !important; padding: 5px 0 0 0 !important;}
ul.bizofficefeat li {margin-top: 5px !important;}

ul.bizofficefeat a:link {color: #000;}
ul.bizofficefeat a:visited {color: #333;}
ul.bizofficefeat a:hover {color: #b41617;}
ul.bizofficefeat a:active {color: #b41617;}

/* More Lists
--------------------------------------------------------------
-------------------------------------------------------------- */

/* Table of Contents List */
dl.toc {float: left; clear: both; width: 510px; margin-bottom: 0; padding-bottom: 0;}
dl.toc dt {float: left; clear: right; width: 175px; font-size: 120%; margin-top: 18px;}
dl.toc dd {float: right; width: 325px; margin-bottom: 10px;}
dl.toc dd.heading {font-weight: bold; font-family: Georgia, serif; margin-top: 15px;}

dl.toc dd.heading a:link {color: #000; text-decoration: none;}
dl.toc dd.heading a:visited {color: #333;; text-decoration: none;}
dl.toc dd.heading a:hover {text-decoration: underline;}
dl.toc dd.heading a:active {text-decoration: none;}

dl.bookletintro {float: left; clear: both; width: 510px;}
dl.bookletintro dt {float: left; clear: right; width: 145px; font-family: Arial, sans-serif;}
dl.bookletintro dd {float: right; width: 365px; margin-bottom: 20px;}

dl.bookletintro dt img {border: 1px solid #ccc;}
dl.bookletintro dt img {border: 1px solid #ccc;}

p.copyright {font-size: 90%; margin-bottom: 0;}

/* Article list with a thumbnail and some other stuff */
dl.listarticle {float: left; clear: both; border-bottom: 1px dotted #000; margin: 0; padding: 10px 0;}
dl.listarticle dt {float: right; margin-bottom: 3px; font-weight: bold;}
dl.listarticle dd.kicker {float: right; font-size: 11px; color: #b41617; padding-bottom: 3px;}
dl.listarticle dd.summary {float: right; margin: 5px 0;}
dl.listarticle dd.meta {float: right; font-size: 11px; color: #666; font-family: Georgia, serif;}
dl.listarticle dd.thumbnail {float: left;}

dl.listarticle dd.summary p {margin-bottom: 5px;}
dl.listarticle dd.summary p.boftag {color: #666; font-size: .8em;}

dl.listarticle dd.thumbnail a {background: #fff !important; padding: 5px; border: 1px solid #ccc; float: left;}
dl.listarticle dd.thumbnail img {background: #fff !important; border: 1px solid #ccc; margin: 0; float: left;}

dl.listarticle.variant dt {font-size: 150%; font-weight: bold;}

/* For regular pages */
#maincol dl.listarticle {width: 510px;}
#maincol dl.listarticle dt {width: 385px;}
#maincol dl.listarticle dd {width: 385px;}
#maincol dl.listarticle dd.thumbnail {width: 125px;}
#maincol dl.listarticle dd.kicker {width: 385px;}
#maincol dl.listarticle dd.meta {width: 385px;}

/* For homepage */
.homepagecol dl.listarticle {width: 380px; font-size: 11px;}
.homepagecol dl.listarticle dt {width: 270px;}
.homepagecol dl.listarticle dd {width: 270px;}
.homepagecol dl.listarticle dd.thumbnail {width: 110px;}
.homepagecol dl.listarticle dd.kicker {width: 270px;}
.homepagecol dl.listarticle dd.meta {width: 270px;}

/* These are common to the listarticle and topstory */
dl.listarticle dt a:link, 
dl.topstory dt a:link {color: #000 !important; text-decoration: none;}
dl.listarticle dt a:visited, 
dl.topstory dt a:visited {color: #333 !important; text-decoration: none !important;}
dl.listarticle dt a:hover, 
dl.topstory dt a:hover {color: #666 !important;}
dl.listarticle dt a:active, 
dl.topstory dt a:active {color: #b41617 !important;}

dl.listarticle dt a:link, 
dl.topstory dt a:link {color: #000; text-decoration: none;}
dl.listarticle dt a:visited, 
dl.topstory dt a:visited {color: #333;}
dl.listarticle dt a:hover, 
dl.topstory dt a:hover {color: #b41617; text-decoration: none;}
dl.listarticle dt a:active, 
dl.topstory dt a:active {color: #b41617; text-decoration: underline;}

dd.meta a:link {color: #b41617 !important;}
dd.meta a:visited {color: #333 !important;}
dd.meta a:hover {color: #666 !important;}
dd.meta a:active {color: #b41617 !important;}

/* Read more - typically goes below one of the above lists */
.readmore {float: left; clear: both; font-family: Georgia, serif; background: url(../images/stripe-pattern.gif); border-bottom: 4px double #000; padding: 10px 0;}
.homepagecol .readmore {width: 380px;}
#maincol .readmore {width: 510px;}

.readmore a {color: #b41617; margin: 10px;}
.readmore a:link, 
.readmore a:visited {color: #b41617 !important;}
.readmore a:hover {color: #000 !important;}
.readmore a:active {color: #b41617;}

.readmore a.rss {color: #fff !important;}

/* Read more - quite a bit different in the sidebar */
#sidebar p.viewmore {width: 250px; background: none; padding: 0 !important; border: 0; float: left; clear: both; font-family: Georgia, serif; margin: 10px 0 0 0;}
#sidebar p.viewmore a {text-decoration: none; float: left; margin: 0; color: #b41}
#sidebar p.viewmore a.rss {float: right; color: #000;}

#sidebar .viewmore a:link {color: #b41617;}
#sidebar .viewmore a:visited {color: #b41617;}
#sidebar .viewmore a:hover {color: #000;}
#sidebar .viewmore a:active {color: #b41617;}

/* Top Story, generally goes above one of the listarticle lists */
.homepagecol dl.topstory {border-bottom: none;}

dl.topstory {float: left; clear: both; margin: 0; padding: 0 0 10px; font-size: 11px; border-bottom: 1px dotted #000;}
dl.topstory dt {float: right; margin-bottom: 3px; font-weight: normal; font-size: 26px !important;}
dl.topstory dd.kicker {float: right; font-size: 11px; color: #b41617;}
dl.topstory dd.summary {margin: 5px 0; font-size: 12px; line-height: 1.5em;}
dl.topstory dd.byline {float: right; margin: 5px 0; padding: 6px 0;border-top: 1px dotted #000; border-bottom: 1px dotted #000; font-size: 10px; font-family: Georgia, serif;}
dl.topstory dd.meta {font-size: 11px; color: #666; font-family: Georgia, serif;}
dl.topstory dd.thumbnail {float: left; width: 170px; font-size: 11px; color: #808080; font-size: 10px;}

dl.topstory dd.byline p {margin: 0; line-height: 120%;}
dl.topstory dd.thumbnail p {line-height: 120%; margin-bottom: 0;}
dl.topstory dd.thumbnail img {margin-bottom: 8px; border: 0;}

dl.topstory dd.byline a:link {color: #000; text-decoration: none;}
dl.topstory dd.byline a:visited {color: #333; text-decoration: none !important;}
dl.topstory dd.byline a:hover {color: #b41617; text-decoration: none;}
dl.topstory dd.byline a:active {color: #b41617; text-decoration: underline;}

/* For regular pages */
#maincol dl.topstory {width: 510px;}
#maincol dl.topstory dt {width: 340px;}
#maincol dl.topstory dd.kicker {width: 340px; }
#maincol dl.topstory dd.summary {}
#maincol dl.topstory dd.byline {width: 340px; }
#maincol dl.topstory dd.meta {}
#maincol dl.topstory dd.thumbnail{}

/* For homepage */
.homepagecol dl.topstory {width: 380px;}
.homepagecol dl.topstory dt {}
.homepagecol dl.topstory dt {width: 210px;}
.homepagecol dl.topstory dd.kicker {width: 210px; }
.homepagecol dl.topstory dd.summary {}
.homepagecol dl.topstory dd.byline {width: 210px; }
.homepagecol dl.topstory dd.meta {}
.homepagecol dl.topstory dd.thumbnail{}

/* Science Careers Blog
-------------------------------------------------------------- */

p.entry-footer {font-size: .8em; color: #333; border-top: 1px dotted #000; padding: 8px 0 15px 0;}

#maincol.blogcol h2{border-bottom: none;}
h2.date-header {font-size: 1em;}

div.comments {background: #e6e6e6; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

div.comments-open-content p {}	
div.comments-open-content p label {display: block;}
	
input#comment-author,
input#comment-email, 
input#comment-url {background: url(../images/form_bg.jpg) bottom left #fff repeat-x; font-family: Georgia, serif; font-size: 1.3em; border-top: 1px solid #000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #000; margin-right: 5px; }

input#comment-post, 
input#comment-preview {border: 1px solid #000; font-family: Georgia, serif; padding: 5px 8px; background: #666; color: #fff !important; text-decoration: none; font-weight: bold; font-size: 12px; }

input#comment-post:hover, 
input#comment-preview:hover {background: #ccc; color: #000; border-color: #333;}

div#comments-open-footer {text-align: right; margin-bottom: 0px;}

textarea#comment-text {font-family: Georgia, serif !important; background: url(../images/form_bg.jpg) bottom left #fff repeat-x; border-top: 1px solid #000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #000; font-size: 14px; padding: 5px; width: 450px;}

div.blogrollitem {background: url(../images/doublearrowbullet.gif) no-repeat 0 3px ; margin-left: 0; padding: 0 0 5px 15px;}

div.nextprev {clear: both; overflow: auto; margin-bottom: 10px; border: 1px solid #e1e1e1; padding: 10px; font-family: Georgia, serif;}
div.nextprev a {font-family: Arial, sans-serif;}
div.nextprev .preventry {width: 235px; float: left;}
div.nextprev .nextentry {width: 235px; float: right; text-decoration: right;}

/* Dynamic Employer profiles
-------------------------------------------------------------- */
#depheader {border-bottom: 1px solid #ccc; background: url(../images/large_gray_white_gradient.png) top left repeat-x; margin: 0 0 15px 0; padding: 10px; float: left; clear: both; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;}

#depheader dl {width: 770px;clear: both;}
#depheader dl dt {width: 335px; float: left; clear: left; font-family: Georgia, serif; font-size: 2em; font-weight: bold;}
#depheader dl dd {width: 335px; float: left; clear: left; margin: 0 0 1px 0;}
#depheader dl dd.deplogo {float: right; clear: right; }

#depheader h1 {color: #000; padding: 10px; display: block; width: 400px;}
#depheader p {}

#depheader dd.deplogo img {border: 1px solid #ccc; padding: 5px; background: #fff;}

#depcontent {clear: both;}

.depblock {width: 395px; float: left; clear: right;}

.depblock .gutter {padding: 0 10px;}

.depblock ul {margin: 0 0 1em 5px;}
.depblock ul li {list-style: disc; padding-left: 5px; margin: 0 0 .3em 20px;}

.depblock h2 {margin-top: 1em;}

/* Hacks to deal with old articles
-------------------------------------------------------------- */
#articletext img {max-width: 620px;}
#articletext ul li {margin-left: 10px;}
#articletext ul li p {margin-bottom: 5px;}
#articletext p {vertical-align: middle;}
#articletext p a b {font-weight: normal !important;}
#articletext p img {}
#articletext table {border: 1px solid #ccc;}
#articletext table tbody {}
#articletext table tbody tr {padding: 0;}
#articletext table tbody tr td {padding: 10px;}
#articletext table tbody tr td div {display: inline !important;}
#articletext table tbody tr td ul {margin-bottom: 0;}
#articletext table tbody tr td ul li p {margin-bottom: 0;}
#articletext table tbody tr td table {border: none !important; margin: 0;}
#articletext table tbody tr td table tr td {padding: 0 !important; margin: 0 !important}
/*#articletext td div {text-align: center !important;}*/
#articletext b {font-weight: bold !important;}
#articletext p.c1 {font-weight: bold;}
#articletext b p {font-weight: normal;}
#articletext b p b {font-weight: normal;}
/* Image captions */
table.greyBorder {border: none !important; font-size: .9em; color: #333; clear: both; margin-top: 1em;}
table.greyBorderRight {float: right; clear: right; width: auto; margin: 5px 0 5px 10px; border: none !important; font-size: 1em;}
table.greyBorderLeft {float: left; clear: right; width: auto; margin: 5px 10px 10px 0; border: none !important; font-size: 1em;}
table.greyBorder td, 
table.greyBorderRight td, 
table.greyBorderLeft td {padding: 0 !important;}
table.greyBorderRight tbody tr td p, 
table.greyBorderLeft tbody tr td p {margin-bottom: 8px; padding: 0;}
/* Grants box */
table.grantsbox {-moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 10px auto; clear: both; background: #ebebeb; border: 1px solid #ccc; width: 500px;}
table.grantsbox>tbody>tr>td>p>b:first-child {font-family: Georgia, serif; font-size: 18px; border-bottom: 1px dotted #000; display: block; padding-bottom: 5px;}