body {
	margin-top: 5px;
	margin-bottom:20px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	color: #333;
	text-align: center;
	background-color:#37567f;
	width:800px;
	font-family: Georgia,Times,serif;
}
#header {
	height:54px;
	padding:0 10px 5px 10px;
	margin-top: 5px;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;
	text-align:left; /* part 2 of 2 centering hack */
	width: 780px;
}
#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	display:block;
	height:65px;
	width:370px;
	text-decoration:none;
}
#primary {
	background:#37567f url(/about/images/middle-box.png) top center repeat-y;
	margin-top:0;padding-top:0;
}
#top {
	font-size:10px;
	height:14px;
	background:#37567f url(/about/images/top-box.png) top center no-repeat;
	margin-bottom:0;padding-bottom:0;
}
#bottom {
	height:14px;
	background:#37567f url(/about/images/bottom-box.png) top center no-repeat;
}
#footer {
	color:#fff;
	font-size:.8em;
}
#footer a {color:#fff}
#funding_info {
	width: 630px;
	margin: 18px auto 18px auto;
}
#content {
	padding:0 10px 10px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #fff;
	text-align:left; /* part 2 of 2 centering hack */
	width: 700px;
}
a {
	text-decoration: none;
	color: #A30000;
}
a:visited {
	color: #A30000;
	}
a:hover {
	color: #A30000;
	text-decoration: underline;
}	
a:active {
	color: #A30000;
}
strong, b {
	font-weight: bold;
}
.note {
    font-style:italic;
}
/* Global Nav */
#globalnav{font-size:1.2em;}
#globalnav, #globalnav ul {
	font-family:Georgia;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#globalnav a {
	display: block;
	width:7em;
	font-weight:normal;
	text-decoration:underline;
	color:#333;
	padding-left:5px;
}
#globalnav a:hover {color:black}
#globalnav li {
	float: left;
	width:7em;
	background-color:#efefef;
	padding:.4em .4em;
}
#globalnav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	background-color:#efefef;
	font-size:.8em;
}
#globalnav li ul li {padding:0}
#globalnav li ul li a {
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
}
#globalnav li ul li a:hover {
	background-color:#dfdfdf;
}
#globalnav li:hover ul, #globalnav li.sfhover ul {
	left:auto;
}
#globalnav #homelink, #homelink a {width:4em}
#globalnav #contactlink, #contactlink a {width:6em}
#globalnav #linkslink, #linkslink a {width:4em}
#globalnav #aboutlink, #aboutlink a {width:4em}
#globalnav #aboutlink ul {margin-top:6px;border: 1px solid gray}
#globalnav #aboutlink li, #globalnav #aboutlink ul{width:10em;}
#globalnav #aboutlink li a {
	width:9.2em;
	padding-left:.4em;
	padding-right:.4em;
}
#globalnav #downloadslink {width:6em}
#globalnav #downloadslink ul {
	margin-top:6px;
	border: 1px solid gray;
	width: 16em}
#globalnav #downloadslink li {width:16em;}
#globalnav #downloadslink li a {
	width:15.2em;
	padding-left:.4em;
	padding-right:.4em;
}

/* END global nav */

#applinks {
	padding: 0;
	list-style: none;
	width:13.5em;
	margin:1.5em auto;
}
#applinks a {
	display: block;
	width: 14em;
}
#applinks li {
	float: left;
	width: 14em;
}
#applinks a.launch {
	border: 3px double #999999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	padding: 0.25em;
	background-color: #FFF;
	background-image:url(/about/images/background_form_element.gif);
	background-repeat: repeat-x;
	font-size:1em;
	font-weight: bold;
	color:#333;text-align:center;
}
#applinks a.launch:link, #applinks a.launch:visited {text-decoration:none;}
#applinks a.launch:hover {
	color:inherit;
	text-decoration:none;
}
#applinks a.launch:active {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;	
}
#applinks #launchds {width:12em}
#applinks #launchds a {width:10em}
p {
	line-height: 22px;
	margin-top:.2em;
}
p.introtext {
	font-size:1.2em;
	width:700px;
	color:#3f3f3f;
	padding-top:1em;
	clear:left;
}
p.java-note {
    margin-left:1em;
    margin-top:.5em;
}
pre.java-note {
    margin-left:1.5em;
}
p.notice-yellow {
    font-family:Arial;
    clear:both;
    background: #fffeeb;
    #color: #8A1F11;
    border: 2px solid #efecc2;
    font-size:.9em;
    padding:1em;
    margin:0 0 1em 0
}
p.notice-red {
    font-family:Arial;
    clear:both;
    background: #FBE3E4;
    color: #8A1F11;
    border: 2px solid #FBC2C4;
    font-size:.9em;
    padding:1em;
    margin:0 0 1em 0
}
h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
}

/* news post */
.my-container {
    padding-bottom:1em
}

.left-element {
   position: relative;
   float: left;
}

.right-element {
   position: relative;
   text-align: right;
   float: right;
}

.newspost-red {
    background: #FBE3E4;
    border: 2px solid #FBC2C4;
    width:94%;
    font-size:.9em;
    padding:1em;
    margin-bottom:.6em;
}
.newspost {
    border:1px solid #efecc2;
    background-color:#fffeeb;
    width:94%;
    font-size:.9em;
    padding:1em;
    margin-bottom:.6em;
}
.newspost .date, .newspost-red .date {
    font-style: italic;
    margin-bottom:0
}
.newspost .timestamp, .newspost-red .timestampe {
    font-size: .9em;
    text-align:right;
    margin-bottom:0;
}
.newspost p, .newspost-red  p {
    margin-top:0;
}
.newspost li, .newspost-red li {
    line-height:20px;
}
.newspost h3, .newspost-red h3 {
    font-size:16px;
    margin-bottom: 6px;
}
.newspost h4, .newspost-red h4 {
    font-size:13px;
}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
}
.fakepre {
	font-size: 13px;
	font-family: Monaco,Courier,monospace;
	line-height: 16px;
}
pre, code{
	font-size: 13px;
	font-family: Monaco,Courier,monospace;
}
pre.gh {
	background-color: #F8F8F8;
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 19px;
	overflow: auto;
	padding: 6px 10px;
	font-family: Consolas, 'Liberation Mono', Courier, monospace;
	border-radius: 3px;
	margin: 1em 0 1em 0;
}
ul p {
	line-height:1.3em
}
ul.list {
	line-height: 20px;	
}
.page-toc {
    list-style-type: square;    
    color:#666;
    padding-left:1.2em;
}
#case-studies-blurb {
	margin-left:2em;
	margin-top:1.4em;
	float:left;
	width:17em;
}
#case-studies-blurb .title {
	margin-left:.75em;
	padding-top:.3em;
	line-height:1em;
	font-size:1em;
}
#case-studies-blurb .description {
	margin-top:.4em;
	margin-left:1em;
	font-size:.9em;
	line-height:1.1em;
	padding-bottom:.5em;
}
#tutor-message-guide-blurb {
	margin-left:1.5em;
	margin-top:1.4em;
	width:18em;
	float:left;
}
#tutor-message-guide-blurb .title {
	margin-left:.75em;
	padding-top:.3em;
	line-height:1em;
	font-size:1em;
}
#tutor-message-guide-blurb .description {
	margin-top:.4em;
	margin-left:1em;
	font-size:.9em;
	line-height:1.1em;
	padding-bottom:.5em;
	padding-right:.2em;
}


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F1EFCB}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8e8;
  border-right:1px solid #f8f8e8;
  background:#f4f3d8}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdf9;
  border-right:1px solid #fdfdf9;
  background:#f3f2d4}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f3f2d4;
  border-right:1px solid #f3f2d4;}
.spiffy4{
  border-left:1px solid #f8f8e8;
  border-right:1px solid #f8f8e8}
.spiffy5{
  border-left:1px solid #f4f3d8;
  border-right:1px solid #f4f3d8}
.spiffyfg{
  background:#F1EFCB}


#party-blurb {
	margin-left:1.5em;
	margin-top:1.4em;
	width:85%
}
#party-blurb h2 {
	margin-left:.75em;
}
#party-blurb h2 img {
	margin-right:.2em;
}
.partyfg{
  background: #F1EFCB
}

.partyfg a {
    font-size: 110%;
    color: #4F82C4;
}

#announcement-blurb {
	margin-left:1.5em;
	margin-top:1.4em;
	width:85%
}
#announcement-blurb h2 {
	margin-left:.75em;
        line-height: 1.2em;
}
#announcement-blurb h2 img {
	margin-right:.2em;
}
.announcementfg {
	background: #F1EFCB
}

.announcementfg a {
	font-size: 110%;
	color:#cc3333;
}

#table-notes{font:normal 76%/150% Arial, Helvetica, sans-serif;margin-left:.5em}
#table-notes code{font-size:12px;}
#table-notes p {line-height:150%;}

#import-columns {
	font:normal 76%/150% Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	margin:0 1.5em 1em 1em;
	color:#000;
	}
#import-columns a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
#import-columns a:visited {
	color:#444;
	font-weight:normal;
	}
#import-columns a:hover {
	border-bottom-style:solid;
	}
#import-columns thead th,
#import-columns thead td,
#import-columns tfoot th,
#import-columns tfoot td {
	border:1px solid #523A0B;
	border-width:1px 0;
	background:#EBE5D9;
	}
#import-columns th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
#import-columns tbody th,
#import-columns td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
#import-columns tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
#import-columns tbody th a:link,
#import-columns tbody th a:visited {
	font-weight:bold;
	}
#import-columns tbody td,
#import-columns tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
#import-columns tbody tr.odd th,
#import-columns tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
#import-columns caption {
	font-weight:normal;
	font-size:1.5em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
}
#import-columns td code {font-size:12px;}

/* FAQ  */
.faq-toc {
	font-family:Arial,Verdana,sans-serif;
	font-size:.85em;
	list-style-image: url(http://en.wikipedia.org/skins-1.5/monobook/bullet.gif);
	list-style-type: square;
	margin-bottom: 0px;
	margin-right: 2em;
	margin-top:0;
	background-color: rgb(249, 249, 249);
	padding-top:1em;
	padding-bottom:1em;
}
.faq-toc-title {
	margin-bottom:0;
	margin-left:.2em;
}
.faq {
	margin-left:.2em;
}
.faq dt {
	padding:.2em .4em;
	font-weight:bold;
	font-size:.9em;
	background-color:rgb(241, 239, 203);
	font-family:Arial,Verdana,sans-serif;}
.faq dd {
	font-family:Arial,Verdana,sans-serif;
	margin:0.5em 3em 1.2em 1.5em;
	font-size:.85em;
}
.faq dd p {
	line-height:inherit;
	margin-top:.4em;
}

/* PUBS */
.pubs ul {
	list-style-image: url(http://en.wikipedia.org/skins-1.5/monobook/bullet.gif);
	list-style-type: square;
}
/* Case Studies */
a.clickableImage img {
	border: 6px solid #e0e7ef;
	text-decoration:none;
}
a.clickableImage:hover img{
	border:6px solid #d1d8df;
	background-color:none;
	text-decoration:none;
}
.featured-video {
    background-color:rgb(255, 254, 239);
    padding-left:1em;
    padding-top:1em;
    padding-bottom:.2em;
}
.featured-video h2 {
    line-height:1em;
}
.featured-video h3 {
    line-height:1em;
    font-weight:normal;
    font-style:oblique;
    margin-left:.5em;
}
.featured-video p {
    font-size:.8em;
    line-height:1.4em;
    margin-top:1em;
}
.featured-video .video-thumb {
    float:right;
    width:219px;
    height:148px;
    margin:0 1em;
}
.featured-video ul {
    list-style-image: url(http://en.wikipedia.org/skins-1.5/monobook/bullet.gif);
	list-style-type: square;
    font-size:.9em;
}
.case-studies h3 {
    font-weight:normal;
}
.case-studies h4 {
    font-weight:normal;
    font-style:oblique;
}
.case-studies .future {
    font-weight:bold;
    margin:1em 0;
}
.case-studies .future-case-studies p {
    font-size:.75em;
    line-height:1.5em;
    margin:1em 3em 1em 1em;
}
/*LINKS*/
.org-image {
	float:right;
	margin-right:1em;
}
#links_toc {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
}
/** Web Services **/
.information-box {
    margin:0.2em 0 1em 0.5em;
    padding:0 1em;
    width:45em;
    background-color:#FFF9D7;
    border:1px solid #E2C822;
    font-size:0.75em;
}
#web-services-status {
    margin-left:2em;
}
.information-box h1 {
    font: bold 1.2em Arial,sans-serif;
    line-height:1.2em;
    margin-top:1em;
    margin-bottom:.5em;
}
.information-box p {
    margin-top:0;
    line-height:1.4em;
}
.information-box ul {
    list-style-type: square;
    margin-left:0;
    padding-left:2.2em;
}
.information-box ul li {
    margin-bottom:.2em;
}
.contents {
    list-style-type: none;
    padding-left:1em;
}
/*TEAM*/
.team ul {
    list-style-type:none;
    padding-left:1.5em;
}
#cogscipapers {
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
}
#cogscipapers thead   th{
    font-weight: bold;
    vertical-align: bottom;
}
#cogscipapers td {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 10px;
    vertical-align: top;
}

#email-the-team {
    margin-top: 2.0em;
}

/********************************************
* New text-based DataShop logo.
********************************************/
.logo {
    background: #37567f;
    color: #FFF;
    height: 58px;
    width: 350px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.logo h1 {
    margin: 0px 0px 0px 2px;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 30px;
}
.logo h1 span {
    font-weight: 300;
    font-style: italic;
    position: relative;
    left: -7px;
    top: 0px;
}
.logo span {
    font-size: 0.9em;
    font-style: italic;
    margin: 0px 0px 0px 2px;
    position: relative;
    top: -2px;
}