@import url(fonts.css);
@import url(reset.css);

body {
	color:#333;
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	background:#00667F url(http://wwwStatic.kern.org/gems/fcmat/fcmatBg.gif) top left repeat-x;
}

/* 
 LINKS 
 */
a,a:link,a:active {color:#078;text-decoration: none;} 
a:visited {color:#999;} 
a:hover {color:#069;} 

/* 
 TYPOGRAPHY 
 */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0;font-family: arial,verdana,arial,sans-serif;margin: 1.2em 0 .3em;color:#00374A;border-bottom: 1px solid #008E9E;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 149%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #078;}
.highlight {color:#E17000;}
.subdued {color:#999;}
.error {color:#c00;font-weight:bold;}
.success {color:#390;font-weight:bold;}
.caption {color:#999;font-size:11px;}
div.date {top: 4px;left: 12px;margin-top:0;font: normal 100% arial;color:#777;display:block;letter-spacing: 0;}
* html div.date {left: 9px;top: 5px;}
.date span {float: right;color: #078;margin-right: 204px;}
* html .date span {margin-right: 180px;color: #C00;font-weight: bold;}
small {font-size:11px}

/* 
 LISTS 
 */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* 
 GENERAL 
 */
img {margin:0 9px;color: #666;border: 0;}
img.right {float:right;margin: 0 0 0 9px;}
img.left {float:left;margin: 0 9px 0 0;}
img.border {border: 1px solid #555;padding: 1px;}
hr {margin: 1em 0;background:#AAA;height:1px;color:#AAA;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0;}

/*
 STRUCTURES
 */
	
	/* Internet EXPLODER V.6/7 HACKS */
	* html #Container {padding: 0;}
	
	* html #Stories #Navigation {margin: -45px 0 0 0;}
	
	* html #RightColumn {margin-top: 36px;padding: 0  0 0 12px;}
	*+html #RightColumn {margin-top: -20px;}
	
	* html h3.edLine {margin-top: 52px;margin-bottom:5px;width: 510px;}
	* html #Stories h3.edLine {width: 740px;margin-top: 12px;}
	
	* html #Content {width:760px;padding: 0 14px 0 12px;margin: 256px 0 0 189px;}
        
	* html #Stories #Content {margin: 0;border: none;padding: 0 11px;}
	*+html #Stories #Content {margin: 0;border: none;padding: 0 11px;}
	*+html #Content {padding: 53px 17px 0 12px;}
	
	* html #Stories #ConBg {margin: 44px 0 0 0;border-top: 1px solid #f67622;}
	
	* html #SiteBanner {background: url(http://wwwstatic.kern.org/fcmat_isp/images/fcmat/fcmatBanner9004.jpg) 5px 0px no-repeat;}
	
	* html #Stories #SelectBox {margin-top: -36px;}
	
	* html div.post {width: 500px;}
	*+html div.post {width: 500px;}
	
	* html #Stories div.post {width: 740px;}
	*+html #Stories div.post {width: 740px;}
	
	
	/* EDITORIAL MENU */
	#EditorialMenu {font-family: verdana;padding: 2px 0 4px 0;color: #000;text-align: center;}
	#EditorialMenu a {color: #FFF;padding: 2px 3px;}
	#EditorialMenu a:hover {background: #333;}
	
	/* CONTAINER */
	#Container {position: relative;width: 980px;border: 1px solid #CCE4E7;margin: 30px auto 0 auto;padding: 0;background: #DFECED url(http://wwwStatic.kern.org/gems/fcmat/containerBg.gif) top left repeat-x;}
	#Container #FCMAT {text-indent: -3000px;}
	#Container #FCMAT a {position: absolute;top: 0;left: 0;width: 120px;height: 45px;display: block;}
	#Container #FCMAT a:hover {background: transparent;}
	
	/* MAIN NAVIGATION */
	#Navigation {float: left;width: 167px;margin:0;padding: 45px 10px 0px;color: #5c5C5C;background: url(http://wwwStatic.kern.org/gems/fcmat/FCMAT.gif) 8px 0px no-repeat;}
	#Stories #Navigation {margin: -45px 0 0 0;}
	#Navigation ul {margin: 0;padding: 0;}
	#Navigation ul li {font-size: 92%;background: url(http://wwwStatic.kern.org/gems/fcmat/triAngle.gif) 0 50% no-repeat;margin: 0;padding: 2px 0 2px 10px;border-bottom: 1px solid #CCC;}
	#Navigation li a {color: #555;}
	#Navigation li a:hover {color: #078;}
	#Navigation h4 {font-size: 85%;letter-spacing:0;color: #555;border-bottom: 1px solid #777;}
	#Navigation h4 a {color: #555;}
	#Navigation h4 a:hover {color: #078;}
	#Navigation img {margin: 0 auto;padding: 9px 0 0 0;}
	
	/* RIGHT COLUMN */
	#RightColumn {font-size: 92%;background-color: #FFF;float: right;width: 220px;text-align: left;margin:4px 0 0 11px;padding: 0 0 0 12px;border-left: 1px solid #CDCDCD;}
	#RightColumn ul {margin: 0;}
	#RightColumn ul li {color: #008E9E;font-weight: bold;margin: 0 0 0 14px;padding: 5px 0;line-height: 1.1em;list-style: disc;}
	#RightColumn li a {color: #008E9E;text-decoration: underline;}
	#RightColumn li a:hover {color: #069;}
	#RightColumn h4 {margin-top: 7px;letter-spacing:0;color: #078;}
	#RightColumn h2 {color: #008E9E;}

	/* CONTENT WRAPPER */
	#Stories #Content {margin: 45px 0 0 191px;background-image: none;width: 758px;border:#888 0px solid;padding-top:10px;height:auto;}
	#Content {position: relative;background:#FFF url(http://wwwStatic.kern.org/gems/fcmat/contentBg.gif) top left repeat-x;border-left: 1px solid #888;background-color: #FFF;width: 762px;text-align: left;padding: 30px 15px 15px 15px;margin: 256px 0 0 187px;}

	#Stories h3.edLine {width: 754px;}
	h3.edLine {width: 510px;}
	#Stories #ConBg {border:#000 0px solid;margin: 45px 0 0 0;padding: 0;background: transparent url(http://wwwStatic.kern.org/images/fcmat/BgRep9.gif) -1px 45px repeat-y;}
	*+html #Stories #ConBg {margin: 45px 0 0 0;padding: 0;background: transparent url(http://wwwStatic.kern.org/gems/fcmat/contentBg.gif) -4px 0px repeat-y;}


	#Content ul {margin: 0;}
	#Content ul li {font-weight: bold;margin: 0 0 0 14px;padding: 5px 0;line-height: 1.1em;list-style: disc;}


	
	/* SITE BANNER */
	#Stories #SiteBanner {display: none;}
	#SiteBanner {background: url(http://wwwstatic.kern.org/fcmat_isp/images/fcmat/fcmatBanner9004.jpg) top left no-repeat;position: absolute;top: 45px;right: 0;text-indent: -3000px;color: #069;height: 211px;width: 793px;}
	#SiteBanner a {display: block;height: 20px;width: 100px;position: relative;top: 168px;left: 661px;}
	#SiteBanner a.csis {display: block;height: 20px;width: 100px;position: relative;top: 150px;left: 537px;}
	#SelectBox {float: right;margin: 9px; clear:right;}
	#SelectBox h5 {font-family: Verdana;display: inline;border: 0;color: #FFF;}
	#Stories ul#HNav {background: #008E9E;}
	#Stories ul#HNav li {background: none;padding: 1px 3px;}
	ul#HNav {font-family: Verdana;font-size: 92%;margin: 0;padding: 0;position: absolute;top: 1px;right: 14px;}
	ul#HNav li {display: inline;background: url(http://wwwStatic.kern.org/gems/fcmat/hNavArrow.gif) 8% 60% no-repeat;}
	ul#HNav li a {display: inline;color: #FFF;font-weight: bold;}
	ul#HNav li a:hover {color: #00374A;}
	
	/* POST */
	#Stories div.post {font-size: 100%;}
	div.post {width: 741px;padding:0;margin:12px 0;font-size: 92%;}
	.post p a:link,.post p a {color: #078;}
	.post p a:visited {color: #039;}
	.post p a:hover {color: #069;}
	.post h2 {font-size: 100%;border: 0;font-family: verdana;}
	.post h2 a {color: #008E9E;text-decoration: underline;}
	.post h2 a:hover {color: #069;}
	.post h2.postTitle a {color: #008E9E;}
	
	/* POST FOOTER */
	div.postFooter {font-family: Georgia;border-bottom: 1px solid #2b819f;padding: 4px 0;color: #555;font-style: italic;font-size: 92%;}
	div.postFooter a {color: #069;}
	
	/* CALENDAR */
	.hCalendarTable {border: 1px solid #0c7689;margin-top: 32px;font-size: 92%;margin: 32px auto 0;}
	.hCalendarMonthYearRow {background-color: #0c7689;color: #FFF;text-align: center;}
	.hCalendarDayNameRow {background-color: #EEE;font-size: 92%;}
	
	/* FOOTER */
	#Footer {color: #FFF;border-top: 2px solid #F98A39;background-color: #004F63;padding: 8px 0;margin: 0;text-align: center;font-size: 85%;clear: both;}
	#Footer a {background-color:#004F63;letter-spacing: 1px;color: #FFF;border-right: 1px solid #BBB;padding: 0 6px;}
	#Footer a:hover {color: #CCC;}
	#SubFooter {font-family: verdana;padding: 18px 0;font-size: 77%;background-color: #00667F;width: 980px;margin: 0 auto;text-align: center;color: #F5F5F5;}
	#SubFooter a:hover {color: #06374b;}
	#SubFooter a, #SubFooter a:visited {color: #FFF;}