@charset "utf-8";
/* CSS Document */
/* -----------------------------------------
   ORNL Neutron Sciences Base Style Sheet
   Author:   Derek Brownlee
   Date:     13 Aug 2009
-------------------------------------------- */

/********* Color Palatte *********/

.red {color:#990000}
.blue {color:#004E99}
.darkBlue{color:#003363}
.gold {color:#ECCB00}
.darkGold{color:#998400}
.grey{color:#CCC}

.defaultRed {color:red;}
.defaultGreen {color:green;}
.defaultBlue {color:blue;}


/* http://colorschemedesigner.com/#3.32a--t.w0w0 */

/********** HTML Elements **********/

html, body										{ height: 100%; }
  body											{ font-size: 81.25%; /* For IE */ line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; color:#373737; }
  html>body										{ font-size: 13px; /* IE can’t read this -- makes sure Safari starts out with 13px text */ }
    h1 											{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 1.6em; /* 12*1.7 = 20px */ margin: 1em 0 1em 0; }  
    h2, h3, h4, h5, h6 							{ color: #900; }
    h2											{ font-size: 1.25em; margin: 1.4em 0 0.5em 0; } /* 12 x 1.5 = 18px */
    h3											{ font-size: 1.17em; margin: 1.4em 0 0.5em 0; } /* 12 x 1.25 = 15px */
    h4											{ font-size: 1.07em; margin: 1em 0 0.5em 0; } /* 12 x 1.16 = 14px */
    h5											{ font-size: 1.0em; margin: 1em 0 0.5em 0; } /* 12 x 1.083 = 13px */
    p 											{ padding: 6px 0 8px 0; }
    a:link										{ text-decoration: none; color: #0056AC; } /* rgb(0, 86, 172); */ /*#000099;*/
	a:visited									{ text-decoration: none; color: #002564; } /* rgb(0, 37, 100); */ /*#962552;*/ /* #D1A535, #600060 or #800080 */
    a:hover										{ /*background: transparent url('/assets/images/highlight.gif') bottom left repeat-x;*/  /*border-bottom: dotted rgb(88, 88, 88) 1px*/ }
    a:active									{ color: #ff0000; } 
    ul											{ list-style: none; margin: 1em 0; padding: 0 0 0 8px; }
	ol											{ margin-left: 20px; }
	ul ul										{ padding-left: 15px; }
    ul li, ol li								{ margin-bottom: 0.5em; display: list-item; }
    ul ul li, ul ol li, ol ol li				{ font-size: 100%; }
    img											{ border-style: none; }
    table										{ margin: 0 0 20px 20px; width: 95%; }
      tbody										{ vertical-align: text-top; }
	  th										{ text-align: left; }
	  th, td									{ padding: 6px 0 6px 10px; }
	  td										{ line-height: 1.2em; }
	  tr.r0										{ background-color: #CCCCCC; border-bottom: 1px solid black; } /*  header row    */
	  tr.r1										{ background-color: #EEEEEE; } /*  odd row       */
	  tr.r2										{ background-color: #FFFFFF; } /*  even row      */
	  tr.rh										{ background-color: #FFFF99; } /*  highlight row */
	sup											{ font-size: smaller; }

    p a:link, p a:visited						{ border-bottom: dashed rgb(88, 88, 88) 1px; }


/******  Page Structure  *******/

/* * html #body-wrapper							{ height: 100%; } /* min-height for IE6 */
html>body #minHeight							{ float: left; width: 0; height: 100%; margin: 0; padding: 0; overflow: hidden; } /* Opera and IE8 min-height fix */

#body-wrapper									{ width: 100%; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; background: #EEE url('/assets/images/background-two-column.jpg') center 0 repeat-y; }

	#header										{ background-color: #FFF; }
		#top-nav								{ height: 25px; margin: 0 auto; position: relative; /*top: 4px;*/ width: 960px; }
			#top-nav-links-left					{ float: left; font-size: 0.9em; width: 400px; height: inherit; position: relative; top: 5px; }
				#top-nav-links-left a			{ color: #000000; text-transform: uppercase; font-weight: bold; text-decoration: none; }
				#top-nav-links-left a:visited	{ color: #000000; }
		
			#top-nav-links-right				{ float: right; width: 470px; height: inherit; text-align: right; vertical-align :middle; }
				#top-nav-links-right a			{ text-decoration: none; }
				#top-nav-links-right a:visited	{ color: #900; }
				#top-nav-links-right a:hover	{ color: #000; }
	
		#main-logo-wrapper						{ clear: both; width: 100%; height: 63px; background-repeat: repeat-x; text-align: center; position:relative; /*top: 6px;*/ }
			#main-logo-content					{ width: 960px; height: 63px; margin: 0 auto; background-repeat: no-repeat; } /* background is declared in red.css or blue.css */
				#logo-link						{ position: relative; float: left; top: 5px; width: 450px; height: 58px; background: none; }
				#HFIR-link						{ position: relative; margin: 0 20px; float: right; top: 5px; width: 95px; height: 58px; background: none; }
				#SNS-link						{ position: relative; margin-right: 5px; float: right; top: 5px; width: 90px; height: 58px; background: none; }
				#ORNL-link						{ position: relative; margin-right: 10px; float: right; top: 5px; width: 100px; height: 58px; background: none; }
	
		#bottom-nav								{ width: 100%; height: 21px; margin: 0 auto; background-color: #4E4E4E; }

	#content-background							{ overflow: hidden; height: 100%; width: 100%; background: transparent url('/assets/images/top-down-shadow.jpg') repeat-x; }

      #content									{ margin: 0 auto 90px auto; width: 960px; }
		
		#breadcrumb								{ height: 18px; padding: 0 0 2px 15px; color: #FFF; font-size: 0.92em; }
			#breadcrumb a						{ color: #FFF; text-decoration: none; }
			#breadcrumb a:hover					{ color: #FFF; background :none; text-decoration: underline; }
		
		#main									{ float: left; width: 690px; padding: 10px 25px 0 25px; }
		#main-one-column						{ position: relative; width: 910px; /*background: url('/assets/images/background-one-column.jpg') repeat-y;*/ padding: 10px 25px 0 25px; /*padding-bottom:3000px; margin-bottom:-3000px; /* this massive padding/margin pushes the plain white background down to the footer */ }
			#main-one-column h2					{ font-family: "Myriad Pro Cond"; font-size: 20px; letter-spacing: 1px; }
			#main-one-column h2	a				{ color: #990000; }
			#main-one-left-column				{ width: 290px; float: left; padding: 0; }
            #main-one-middle-column				{ width: 290px; float: left; padding: 0; padding-left: 20px; }
            #main-one-right-column				{ width: 290px; float: left; padding: 0; padding-left: 20px; }
           
		   
			#image-rotator						{ }
				
			#linear-spacer						{ height: 10px; background-repeat: repeat-y; }
		   
		   #main-banner							{ position:relative; width:690px; height:200px; overflow:hidden; /* needed to clear the original space of the H1 that overlaps the image */    }
                
                #main-banner-over-image			{ position:absolute; top:20px; left:12px; width:auto; height:30px; background: url('/assets/images/banner-bg.jpg') repeat-x; /*background-color:#EDF0F2;*/ margin:0; padding: 5px 0 5px 7px; }
                #main-banner-over-image h1		{ font-size:1.83em; margin:0; padding: 3px 10px 0 2px; /*-top:3px; padding-right:10px;*/ text-align:left;}
            #two-column-wrapper					{ background-image:url('/assets/images/two-column-background.jpg'); background-repeat:repeat-y; position:relative; float:left; width:690px; }
                #main-two-left-column			{ width:330px; float:left; padding-right:15px; }
                #main-two-right-column			{ width:330px; float:left; padding-left:15px; }
            #three-column-wrapper				{ background-image:url('/assets/images/three-column-background-centered.jpg'); background-repeat:repeat-y; position:relative; float:left; width:690px; /*margin-bottom:-3000px; padding-bottom:3000px;*/ }
                #main-three-left-column			{ width:215px; float:left; padding-left:0; padding-right:10px; /*margin-bottom:-3000px; padding-bottom:3000px;*/ }
                #main-three-middle-column		{ width:215px; float:left; padding-left:10px; padding-right:10px; /*margin-bottom:-3000px; padding-bottom:3000px;*/ }
                #main-three-right-column		{ width:215px; float:left; padding-left:10px; padding-right:0; /*margin-bottom:-3000px; padding-bottom:3000px;*/ }
		
		#sidebar 								{ /*position: absolute; right: 0; /*background-color:#DCDCDC;*/ padding: 0; width: 220px; /*margin-bottom:-3000px; padding-bottom:3000px;*/ float: right; /*height:auto !important; min-height:inherit;*/ }
			#sidebar h2							{ background-color: #C9C9CB; /* DCDCDC; /* background: transparent url('/assets/images/upcoming-events-background.jpg') top left repeat-x; */ color: #ffffff; font-size: 1.83em; margin: 0 0 10px 0; padding: 15px 0; text-shadow: #000000 4px 2px 5px; text-align: center; }
			#sidebar h3							{ color: #002564; /*#0044AD;*/ font-size: 1.1em; margin: 2em 0 0.7em 10px; text-transform: uppercase; }
			    #sidebar .newSection			{ padding-bottom: 30px; background: transparent url('/assets/images/relatedLinksLine.gif') 90% 100% no-repeat; }
			    #sidebar h3 a,
				#sidebar h3 a:visited			{ color: #0044AD; }
			#sidebar h4 						{ color: #333; font-size: 1.0em; margin: 7px 0 0 10px; }
			    #sidebar h4 a					{ color: #333; }
			#sidebar h5							{ color: #555; font-size: 1.0em; margin: 0.5em 0 0 20px; }
			    #sidebar h5 a					{ color: #555; }
			#sidebar h6							{ color: #555; font-size: 0.9em; margin: 0.5em 0 0 40px; }
				#sidebar h6 a					{ color: #555; }
			#sidebar dl							{ padding: 0 0 0 10px; }
			    #sidebar dt						{ font-size: 1.083em; color: #06C; margin: 0; padding: 0; }
			    #sidebar dd						{ color: #001E3E; margin: 0.8em 0 3em 0; }
		    #stakeholderLogos					{ left: -5px; margin: 100px auto 30px auto; position: relative; text-align: center; }
			    #stakeholderLogos img			{ margin: 25px 0; }
				#stakeholderLogos p				{ text-align: center; }
				#stakeholderLogos p a			{ text-decoration: none; }

#footer-background 								{ position: relative; overflow: hidden; width: 100%; height: 75px; margin-top: -75px; /*clear: both;*/ }
    #footer-wrapper								{ margin: 0 auto; padding-top: 5px; width: 960px; }
	#footer-wrapper #leftLogo					{ float: left; width: 180px; margin-top:10px }
	#footer-wrapper #rightLogo					{ float: right; width: 180px; margin-top:10px }
	#footer-wrapper #leftLogo img,
	#footer-wrapper #rightLogo img				{ display: block; margin: auto; }
	    #footer-content							{ float: left; width: 600px; }
    	#footer-content a						{ color: #ffffff; text-decoration: none; }
		#footer-content a:hover					{ background: none; color: #000000; text-decoration: underline; }    
		#footer-content p						{ color: #ffffff; font-size: 0.9em; line-height :1.3em; margin-top: 0px; text-align: center; }
		#footer-content ul						{ margin: 5px 0 0 0; text-align: center; }
		    #footer-content li					{ color: #FFF; display: inline; padding: 0 2px; }
    


/*********  Custom Classes  *************/

.backToTop										{ clear: both; padding-bottom: 0; text-indent: 0; text-align: right; }
    .backToTop a								{ color:#900; text-decoration:none; }
    .backToTop a:visited						{ color:#900 }
	
a.insideP										{ text-decoration: none; }    /* color is set in either red.css or blue.css */
a.insideP:hover									{ text-decoration: underline; }
.more											{ font-style: italic; font-weight: bold; font-size: 0.9em; }
p.small											{ font-size: 0.83em; margin-top: 5px; }

.bullet											{ padding: 0; margin: 0; margin-bottom: 20px; }
    .bullet li									{ background: transparent url('/assets/images/bullet.gif') 0 -2px no-repeat; padding-left: 25px; }
	.bullet li ul								{ margin-left: 20px; padding: 0; }
	.bullet li ul li							{ background: none; list-style-position: inside; list-style: square; padding-left: 0 }

ul.extraPadding									{ margin:0 0 20px 25px; padding: 0; }

ul.horizontalList								{ text-align: center; margin-bottom: 10px; }
    ul.horizontalList li						{ display: inline; padding-right: 20px; background:transparent; padding-left: 7px; }

ul.horizontalListTight							{ width:100%; height:20px; text-align:left; margin-bottom:10px; margin-left:0; padding-left:0; background:#FFF url('/assets/images/horizontalListBG-20.gif') repeat-x; border:1px solid #CCC; }
	ul.horizontalListTight li					{ display:inline; margin-right:2px; margin-left:5px; vertical-align:middle; background:transparent; }
	ul.horizontalListTight li a					{ color:#555; text-decoration:none; }
	ul.horizontalListTight li a:hover			{ color:#000; text-decoration:none; }
	ul.horizontalListTight li.spread			{ padding-left: 15px; padding-right: 15px; }

ul.neutronFacts									{ background-position: 0px 5px; background-repeat :no-repeat; list-style: disc inside; margin-left: 0px; padding-left: 80px; }

.shortList										{ height: 50px; margin-bottom: 70px; clear: both; }
.shortList ul									{ float: left; padding: 0; width: 220px; }
.shortList li									{ list-style: inside none; margin-bottom: 1em; font:italic bold 14px/19px Arial, Helvetica, sans-serif; }

.bioBox											{ width:95%; height:285px; }
.bioBox img										{ display:block; margin:0 auto; background-color:#FFF; padding:5px; border-top:1px solid #999; border-right:2px solid #555; border-bottom:2px solid #555; border-left:1px solid #999; }
.bioBoxLeft										{ position:relative; float:left; width:221px; margin-right:25px;}
.bioBoxRight									{ position:relative; }

.nestedList										{ list-style:inside; }
	.nestedList li								{ background: none; list-style-type: circle; margin-left: 15px; }
	
.kudosBox										{ width: 100%; padding-bottom: 10px; margin-bottom: 30px; border: 2px solid #CCC; border-top: none; border-left: none; border-right: none; }

.borderBox										{ background-color: #FFC; border: 2px solid #CCC; margin: 10px 0; padding: 10px; width: 90%; }
    .borderBox a								{ font-weight:bold; }
    .borderBox p								{ margin:10px; font-size:100% }
	.borderBox ul								{ list-style:disc; font-size:100% }
	.borderBox ul li							{ margin:0 15px; font-size:100% }

.contactPictureBox								{ width: 100%; margin: 0 0 40px 0; clear: both; overflow:auto; }
    .contactPictureBox img						{ float: left; margin-right: 10px; position: relative; }
	.contactPictureBox p						{ float: left; margin:0; position: relative; }
	.contactPictureBox table					{ float: left; width: 45%; }
	
.imageWell										{ width: 100%; }
    .imageWell img								{ float: left; margin:0 40px 50px 0; }
	
#newsPage										{}
    #newsPage h3								{ margin-top: 1.75em; margin-bottom: 0em }
	#newsPage h5								{ margin-top: 0; margin-bottom: 0em }
	#newsPage p									{ margin-top: 0.5em }

#content blockquote								{ font-style:italic; margin: 0 0 0 20px; }

/*********  Floating Objects  *************/

/* hard code these floating images width (image width + 3) on a per image basis */
.floating-image-left							{ clear: left; float: left; margin: 10px 15px 0 0; }
.floating-image-right							{ clear: right; float: right; margin: 10px 0 0 15px; }
.floating-image-center							{ clear: both; margin: 20px auto; }

.image-border p,
.floating-image-center p,
.floating-image-left p,
.floating-image-right p							{ font-style: italic; padding: 10px 0; text-align: left; text-indent: 0; }

.floating-image-center img						{ display: block; margin: 0 auto; }

.floating-image-left img.inline,
.floating-image-center img.inline,
.floating-image-right img.inline				{ display:block; float:left; margin-right:15px; }

.shadow											{ border-top: 1px solid #777; border-right: 2px solid #666; border-bottom: 2px solid #555; border-left: 1px solid #666; }

.floatingQuoteRight,
.floatingQuoteLeft,
.floatingQuoteMiddle							{ background-color: #EEE; color: #002564; font: italic bold 1.1em/1.6em Arial, Helvetica, sans-serif; margin: 0 10px 10px 10px; padding: 10px; text-align: center; width: 230px; }
    .floatingQuoteRight							{ float: right; }
    .floatingQuoteLeft							{ float: left; }
	.floatingQuoteMiddle						{ margin: 0 auto; }

.floatingList									{ float: left; margin: 0 20px 0 30px; width: 210px; }
    .floatingList img							{ margin:0 auto; }

.floatingListRight								{ float: right; margin: 0 20px 0 30px; width: 210px; }

.floatingListWide								{ float: left; margin: 0 0 0 30px; width: 340px; }


/*********  Modifiers  *************/

.attribution									{ font-style: italic; font-size: 100%; }
.blue											{ color: #0044AD; }
.bold											{ font-weight: bold; }
.centerText										{ text-align: center !important; text-indent: 0 !important; margin-left: auto !important; margin-right: auto !important; }
.centerImage									{ display:block; margin:0 auto; }
.centerOther									{ text-align: center; margin-left: auto; margin-right: auto; }
.colortext										{ font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-decoration: none; }

.floatLeft										{ float: left; }
.floatRight										{ float: right; }

.clear											{ clear: both; }
.emphasis										{ font-style: italic; font-weight: bold; }
.nav-arrow										{ color: #FFF; font-size: 1.3em; }
.rightText										{ text-align: right; }
.highlight										{ font-weight: bold; font-size: 1.2em; }
.small											{ font-size: 0.75em; }
.menuSpacing									{ line-height: 2.0em; }
.indent											{ text-indent: 20px; }
    .indent a									{ text-indent: 0; }
.noIndent										{ text-indent: 0; }
.black											{ color: #000; }
.white											{ color: #FFF; }
.white:hover									{ color: #999; }
.red											{ color: #990000; }
.red:hover, .color:hover						{ text-decoration: underline; }
.top											{ vertical-align: text-top; }

.fontSizeReset li								{ font-size: 100% }

.alphaList										{ list-style: upper-alpha; }
.circleList										{ list-style: circle; }
.discList										{ list-style: disc; }
.squareList										{ list-style: square; }
.insideList										{ list-style-type: none; list-style-position: inside; }
.numberedList									{ list-style: decimal; }
ul.tallList li									{ margin-bottom: 1.25em; } /*  default list font size = 12px -- 1.25 * 12 = 15  */

.leftMargin30									{ margin-left: 30px !important; }
.leftMargin20									{ margin-left: 20px !important; }
.italics										{ font-style: italic; }
.noBackground									{ background: none !important; display: block !important; padding-right: 0 !important; }
.noPadding										{ padding:0; }

/*********  Link Icons  *************/

/* These selectors look for certain links and apply to appropriate background icon */
/* Originally also had "line-height:18px;" --> change to em or just leave out? */

/*
a[href^="mailto:"], a[href$='.pdf'], a[href$='.swf'],
a[href$='.fla'], a[href$='.swd'], a[href$='.xls'],
a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'],
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'],
a[href$='.txt'], a[href$='.wps'], a[href$='.zip'],
a[href$='.gzip'], a[href$='.rar'], a[href$='.ppt'],
a[href$='.pps'], a[href$='.avi'], a[href$='.mov'],
a[href$='.mpg'], a[href$='.wmv']								{ background: transparent no-repeat center right; display: inline-block; padding-right: 20px; }
*/

/* a[href^="mailto:"]											{ background-image: url('/assets/images/icons/icon-Mailto.png'); } */

#main a[href$='.pdf'], #main-one-column a[href$='.pdf']			{ background: transparent url('/assets/images/icons/icon-PDF.gif') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.swf'], #main-one-column a[href$='.swf'],
#main a[href$='.fla'], #main-one-column a[href$='.fla'],
#main a[href$='.swd'], #main-one-column a[href$='.swd']			{ background: transparent url('/assets/images/icons/icon-Flash.png') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.xls'], #main-one-column a[href$='.xls'],
#main a[href$='.xlsx'], #main-one-column a[href$='.xlsx'],
#main a[href$='.csv'], #main-one-column a[href$='.csv'],
#main a[href$='.xlt'], #main-one-column a[href$='.xlt'],
#main a[href$='.xlw'], #main-one-column a[href$='.xlw']			{ background: transparent url('/assets/images/icons/icon-Excel.png') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.doc'], #main-one-column a[href$='.doc'],
#main a[href$='.docx'], #main-one-column a[href$='.docx'],
#main a[href$='.rtf'], #main-one-column a[href$='.rtf'],
#main a[href$='.txt'], #main-one-column a[href$='.txt'],
#main a[href$='.wps'], #main-one-column a[href$='.wps']			{ background: transparent url('/assets/images/icons/icon-Word.png') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.zip'], #main-one-column a[href$='.zip'],
#main a[href$='.gzip'], #main-one-column a[href$='.gzip'],
#main a[href$='.rar'], #main-one-column a[href$='.rar']			{ background: transparent url('/assets/images/icons/icon-ZIP.png') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.ppt'], #main-one-column a[href$='.ppt'],
#main a[href$='.pps'], #main-one-column a[href$='.pps']			{ background: transparent url('/assets/images/icons/icon-PowerPoint.png') no-repeat center right; display: inline-block; padding-right: 18px; }

#main a[href$='.avi'], #main-one-column a[href$='.avi'],
#main a[href$='.mov'], #main-one-column a[href$='.mov'],
#main a[href$='.mpg'], #main-one-column a[href$='.mpg'],
#main a[href$='.wmv'], #main-one-column a[href$='.wmv']			{ background: transparent url('/assets/images/icons/icon-Movie.png') no-repeat center right; display: inline-block; padding-right: 18px; }

a[href$='#']													{ background-color:#6FF; } /* empty links */

/* Took this one out b/c there are just too many external links.  maybe use a class instead on specific links? */
/* a[href^="http:"] { background-image:url('/assets/images/icons/icon-ExternalLink.png'); } */