@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url("../fonts/proximanova-sbold-webfont.eot");
  src: url("../fonts/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-sbold-webfont.woff") format("woff"), url("../fonts/proximanova-sbold-webfont.ttf") format("truetype"), url("../fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url("../fonts/proximanova-reg-webfont.eot");
  src: url("../fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-reg-webfont.woff") format("woff"), url("../fonts/proximanova-reg-webfont.ttf") format("truetype"), url("../fonts/proximanova-reg-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url("../fonts/proximanova-light-webfont.eot");
  src: url("../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#ProximaNovaBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {	
/*	background: url('../images/container_bg_tfe2.png') repeat-y center #E4E8EB;*/
	background: url('/images/grayheader-bg.png') repeat-x top #fff;
 	font-family: ProximaNovaRegular, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	margin: 0;
/*	font: 13px/20px Helvetica,Arial,sans-serif;*/
}

/*body>table:first-child {
     border-collapse: collapse;
     margin-top: 7px;
	margin-bottom: 7px;
} */

div.itsawrap {
	margin-bottom: 7px;
	padding-top: 7px;
}
p, li {
    line-height: 170%;
/*	font-size:14px;*/
}

li {
	margin-bottom: 10px;
}

form {
	margin: 1px;
}

hr {
	font-size: 1px;
	color: #000;
}

h1 { font-size: 115%; }
h2 { font-size: 110%; }
h3 { font-size: 105%; }
h4 { font-size: 100%; }
h5 { font-size: 95%; }
h6 { font-size: 90%; }

label {
	font-size: 90%;
	font-family: 'ProximaNovaBold';
}

select, textarea {
	font-size: 80%;
}

strong {font-family: 'ProximaNovaSemiBold';font-weight:normal;}
stronger {font-family: 'ProximaNovaBold';font-weight:normal;}

.accentCrimson, .accentRed, .accentGreenDark, .accentGreenMedium, .accentPurpleDark, .accentPurpleMedium, .blackBkgd, .blueBkgdMedium, .blueBkgdDark, .greyBkgdVeryDark, .greyBkgdDark, .greyBkgdMedium, .navLight, .navLight a, .navGlobalBkgd, .navGlobal, .navGlobal a, .sectionTitle, .sectionTitle a, .tinyWhiteText, .whiteText, .whiteText a {
	color: #fff;
}

.accentCrimson { background-color: #900; }
.accentRed { background-color: #f00; }
.accentYellow { background-color: #ffb; }
.accentGreenDark { background-color: #060; }
.accentGreenMedium { background-color: #090; }
.accentGreenLight { background-color: #6f0; }
.accentPurpleDark { background-color: #303; }
.accentPurpleMedium { background-color: #606; }
.accentPurpleLight { background-color: #f0c; }
.blackBkgd { background-color: #000; }
.blueBkgdLight { background-color: #09f; }
.blueBkgdMedium { background-color: #36c; }
.blueBkgdDark { background-color: #309; }

.breadcrumbsBkgd {
/*	background-color: #D9E1F5; */
	border-bottom: 3px solid #fff;
	padding: 3px 0 3px 3px;
	font-family: 'ProximaNovaBold';
	font-size: 11px;
	color: #444;
	padding-top:10px;
}

.breadcrumbs a {
	color: #444;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.caption {	
	font-size: 75%;
}


.featureHeader {
	background-color: #fff;
}

.footerText {
	font-size: 70%;
}

.greyBars {
	background-color: #e5e5e5;
}

.greyBkgdVeryDark {
/*	background-color: #444; */
	background-color: #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.greyBkgdDark {
	background-color: #666;
}

.greyBkgdMedium {
	border-collapse: collapse;
	background-color: #fff;
	border-right: 1px solid #bbb;
}

.greyBkgdLight {
	background-color: #ddd;
	margin-left: 5px;
}

.greyBkgdVeryLight {
	background-color: #eee;
}

.headerBkgd {
	background-color: #000;
}

.headline {
	font-size: 80%; 
	color: #000; 
	line-height: 12px; 
}

.headlineTitle {
	font-size: 14px;     
	color: #008;
	font-family: 'ProximaNovaBold';
	padding: 15px 5px 10px 11px;
}

.leftMenuBkgd {
	background: #fff ;
	border-right: 2px solid #fff;
	width: 180px;
/*	padding-right:10px;*/
}

.leftMenu {
	font-size: 10pt; 
	font-weight: normal;
	color: #222; 
	line-height: 24px;
	padding-left: 0px;
}

a {
/*	color: #4b4e77;*/
	color:#006699;
	text-decoration: none;
	margin-top: 5px;
}

a:hover {
	color:red;
/* corrections to code cg 04/26/16 
	text-decoration: none; */
	text-decoration: underline;
}

.leftMenu a {
	color: #333;
	text-decoration: none;
	font-size: 10.5pt;
	line-height:170%;
}

.leftMenu a:hover {
/*	text-decoration: underline;
	background-color:lightblue;*/
	color:red;
/*	background: transparent;
	url("http://www.anl.gov/sites/all/themes/anl/img/bg_subnav_activetrail.png?v=20110923") repeat-y 0 0;
	color: #fff;*/
}

.navDark {
	font-size: 75%; 
	font-family: 'ProximaNovaBold';
}

.navDark, .navDark a {
	color: #333;
	text-decoration: none
}

.navDark a:hover {
	text-decoration: underline
}

.navLight {
	font-size: 75%;
	font-family: 'ProximaNovaBold';

}

.navLight, .navLight a {
	text-decoration: none
}

.navLight a:hover {
	text-decoration: underline
}

.navGlobalBkgd {
	color: #fff;
	background-color: #444;
}

.navGlobal {
	font-size: 13px;
	font-family: 'ProximaNovaBold';
	background-color: #444;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.navGlobal, .navGlobal a {
	text-decoration: none;
}

.navGlobal a:hover {
	text-decoration: underline
}

.relatedItemsBkgd {
	font-size: 80%;
	font-family: 'ProximaNovaBold';
	padding-top: 35px;
	color: #333;
	text-transform: uppercase;
	background-color: #fff;
}

.sectionTitle {
	font-size: 115%;
	font-family: 'ProximaNovaBold';
}

.sectionTitle, .sectionTitle a {
	text-decoration: none;
}

/* .sectionTitle a:hover {
	text-decoration: underline
} */
.sectionTitle a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.sectionTitle A:active {
	color: #FFFFFF;
	text-decoration: none;
}
.sectionTitle a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.sectionTitle a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


.tinyText {
	font-size: 70%;
}

.tinyWhiteText {
	font-family: 'ProximaNovaBold';
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 95%;
}

.leftborder {
	border-left: 1px solid #ddd;
	border-left-color: #999;
}

.topborder {
	margin-top: 2px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	border-top-color: #999;
}

.bottomborder {
	border-bottom: 1px solid #ddd;
	border-bottom-color: #999;
}

.rightcolumntable p {
	line-height: 16px;
	padding-bottom: 5px;
}

.rightcolumntable img {
	padding-bottom: 5px;
}

/* New Homepage */

#main_featured_content {
/*  background: url('../images/main_content_bg.png') repeat-x top left; */
	font-size: 90%;
	padding: 8px 0; 
}


#main_featured_content h2 {
	color: #008;
	font-size: 16px;
	margin: 10px;
}
#main_featured_content h3 {
	color: #008;
	font-size: 12px;
	margin: 10px;
}

#research_development {
	border-right: 1px solid #e5e5e5;
	display: block;
	float: left;
	width: 34%;
}

#research_development ul, #spotlight ul {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}

#research_development ul li {
	background: url('../images/dotted.gif') repeat-x bottom left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#research_development p, #featured_news p {
/*	margin: 0 10px; */
	padding: 0;
}

#spotlight {
	display: block;
	float: left;
	width: 30%;
}

#spotlight .spotlight {
/*	background: url('../images/dotted.gif') repeat-x bottom left;
	margin: 0 10px 10px 10px;
	padding: 0 0 10px 0;*/
}

#spotlight h3 {
	color: #008;
	margin: 10px;
	font-size:15px;
}

#spotlight .followus li {
	display: inline;
	margin: 0 5px 0 0;
}

#spotlight .followus a, #spotlight .followus img {
	border: 0;
}

#featured_news {
	border-left: 1px solid #e5e5e5;
	display: block;
	float: left;
	width: 34%;
}

#featured_news .newsitem {
	background: url('../images/dotted.gif') repeat-x bottom left;
	margin: 0 10px 10px 10px;
	padding: 0 0 10px 0;
	overflow: auto;
 	/*width: 260px;*/
}
/* addded jan 31, 2014 */
#featured_news .newsitem:after {
    content:'';
    display:block;
    clear: both;
	} 
/* end */

#featured_news .thumb {
	background: url('../images/news_image_frame.png') no-repeat;
	display: block;
	float: left;
	height: 54px;
	padding: 9px;
	width: 54px;
}

#featured_news .story {
    clear:none;

	margin: 0;
/*	padding: 5px 0 0 80px; */
	padding: 5px 0 0 0;
}

/* Styles to accommodate mobile app templates */

#main_content, #footer {
	width: 960px;
}

#content {
	width: 780px;
}

#content td {
	padding: 10px 0;
}

.footer_row {
	text-align: center;
}
