/* default styling for paragraphs within the page content div */
#content p {
	margin: .4em 0;
	}
#content p.indent {
	margin: 0 0 0 1.3em;
	}

/* default styling for lists within the page content div */
#content ul {
	margin: 0.2em 1em 1em 1em;
	background-color: transparent;
	}
#content ul li {
	margin: 0em 0em 0em 1em;
	padding: 0.1em 0.2em 0.2em 0em;
	background-color: transparent;
	}
#content ol {
	margin: 0.2em 1em 1em 1em;
	background-color: transparent;
	}
#content ol li {
	margin: 0em 0em 0em 1em;
	padding: 0.1em 0.2em 0.2em 0em;
	background-color: transparent;
	}
#content dt {
	font-weight: bold;
	font-size: .9em;
}
#content dd {
	margin: 0.5em;
	font-size: .9em;
	}

/* center figure with gray box and caption and/or credit */
/* <div class="inline" style="width:xxxpx;"><img><credit><caption></div> */
.inline {
	margin: 1.5em auto;
	background-color:#ddd;
	border: 1px solid #bbb;
	padding: .5em 0 0 0;
	}
.inline img {
	margin-left:auto;
	margin-right:auto;
	display: block;
	}
.inline p,h2 {
	margin-left:auto;
	margin-right:auto;
	padding: .1em .6em 0 .6em;
	}

/* center multiple figures with gray box and caption and/or credit */
/* <div class="inlinemulti" style="width:xxxpx;"><img><credit><caption></div> */
.inlinemulti {
	margin: 1.5em auto;
	background-color:#ddd;
	border: 1px solid #bbb;
	padding: .5em 0 0 0;
	}
.inlinemulti img {
	margin-left:8px;
	margin-right:auto;
	display: inline;
	}
.inlinemulti p,h2 {
	margin-left:auto;
	margin-right:auto;
	padding: .1em .6em 0 .6em;
	}

/* right align figure with gray box and caption and/or credit */
/* <div class="rfigure" style="width:xxxpx;"><img></div> */
.rfigure {
	float:right;
	margin: .25em 0 1em 1.5em;
	background-color: #ddd;
	border: 1px solid #bbb;
	padding: .5em 0 0 0;
	}
.rfigure img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:none;
	}
.rfigure p,h2 {
	margin-left: auto;
	margin-right: auto;
	padding: .1em .6em 0 .6em;
	}

/* <p class="caption">text</p> */
.caption {
	text-align: center;
	font-size: small;
	}

/* <p class="credit">text</p> */
.credit {
	padding-right: 1em;
	padding-left: .7em;
	text-align: right;
	font-size: x-small;
	}

h1 {
	font-size: 2em;
	font-weight: bold;
	}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	}
h3 {
	font-size: 1.1697em;
	font-weight: bold;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
h5 {
	font-size: 0.8302em;
	font-weight: bold;
}
.heading {
	font-size: 1.3em;
	padding: .5em 0 .2em 0;
	color: #006;}
.heading a {
	color: #006;}
.researchheading {
	font-size: 1.2em;
	padding: .5em 0 .2em 0;
	color: #c63;}
.researchheading a {
	color: #c63;}
.rtext {
	float:right;
	}
.ltext {
	float:left;
	}
.imgright {
	float: right;
	text-align: right;
	padding-right:.3em;
	padding-left: .7em;}
.imgleft {
	float: left;
	padding-top: .3em;
	padding-right: .7em;
	padding-left: .3em;}
img.center      {
	display: block;
	margin: auto;}
.center {
	text-align: center;}
.small {
	font-size: small;}
.smaller {
	font-size: x-small;}
.large {
	font-size: large;}
.larger {
	font-size: x-large;}
.red {
	color: #c33;}
.highlight {
	background-color:#ff9;}
.moddate {
	clear: both;
	text-align: right;
	font-size: small;
	font-style: italic;}
.wikibutton     {
	border-top: 1px solid #069;
	border-bottom: 1px solid #069;
	padding: .1em .15em;
	text-align: right;}
.button {
	background: #cdf;
	border: 1px solid #069;
	border-radius: .8em;
	padding: .3em;
	text-align: center;
	font-weight: bold;}
a.more {
	font-size: small;
	font-style: italic;}
hr.smallline {
	width: 50%;
	margin-bottom: 1em;}
hr.center       {
	display: block;
	margin: auto;}
.seminar {
	border: 0;
	margin: .5em .5em .5em 2em;}
table.seminar td {
	padding: .5em;}
.when {
	white-space: nowrap;
	font-size: small;
	font-style: italic;
	color: #666;}
.title {
	font-weight: bold;}
.what {
	font-size: small;
	color: #666;}
#highblock {
	float: right;
	width: 35%;
	padding: 0;
	margin: 1.5em 1.5em;
	border: 1px solid #bbb;}
#highblock dt {
	font-size: 1.1em;
	padding: .5em;
	color: #c63;
	text-align:center;}
#highblock dd {
	margin:0;
	font-size: small;
	color: #fff;
	background: #069;
	border-bottom: 1px solid #bbb;}
#highblock dd a {
	display: block;
	padding: .5em 0 .5em .5em;
	color: #fff;
	text-decoration: none;}
#highblock dd a:hover {
	background: #006;}

/* class for offsite links */
	/*a.offsite:after {
	content: url(/csd/img/offsite.gif) no-repeat;*/
	/*content: "\0020 \21D2 leaving NOAA";
	font-size: x-small;
	text-decoration: none; }*/

/*a[href$='.doc'], a[href$='.docx'] {
	background: transparent url(/img/doc_icon.gif) center right no-repeat;
	padding-right: 18px;
	}
a[href$='.xls'], a[href$='.xlsx'] {
	background: transparent url(/images/xls_icon.gif) center right no-repeat;
	padding-right: 18px;
	}
a[href$='.ppt'], a[href$='.pptx'] {
	background: transparent url(/images/ppt_icon.gif) center left no-repeat;
	padding-left: 18px;
	}
a[href$='.pdf'] {
	background: transparent url(/images/pdf_icon_.gif) center left no-repeat;
	padding-left: 18px;
	}*/

/* table debug */
/*table {
	outline: solid 1px #0f0;
}
table td {
	outline: solid 1px #f0f;
}
table td p {
	outline: solid 1px #0ff;
}*/

/* .rfigure debug */
/*div.rfigure {
	outline: solid 1px #0f0;
}
div.rfigure p {
	outline: solid 1px #0ff;
}
div.rfigure .credit {
	outline: solid 1px #f0f;
}
div.rfigure .caption {
	outline: solid 1px #f00;
}*/