/* Import the main layout style sheet  */
@import url("/styles/4.0/xcorp.css");
@import url("/styles/4.0/xidentity.css");
/* universal styles */

body {
}
/* ================================= */
/* font styles */

h1 {
	color: #000;
}
.home h1 .feature {
	color: #ce2105;
}
.home h2 {
	color: #858976;
}
.column h2 {
	color:#666;
	text-align: left;
	padding: 0 0 4px 0;
	margin: 0;
}
h2 {
	color: #6699CC;
}
h3 {
	font-size: 16px; color: #0066CC;
}

#b1 h3 {
font-size: 14px; color: #996633;
}

h4 {
	font-size: 13px; color: #999900;
}
h5 {
	color: #444477;
}
h6 {
	color: #444477;
}



.content ul li {
list-style-image: url(/science/1663/december2009/article1/images/a1block.gif)!important;
}

/* FEATURE BANNER */
/* feature banner */
#feature_banner {
	height: 120px; width: 960px; position: absolute; top: 4px!important; left: 10px; margin: 0; background: transparent; z-index: 89;}
#feature_banner h1 {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; font-weight: normal; letter-spacing: 1px; z-index: 90; position: absolute; top: 85px; left: 25px;}
#feature_banner h1 span.site_title {font-size: 28px; letter-spacing: normal; }
#feature_banner h1 span.center {color: #222; font-size: 16px; letter-spacing: 1px; }
/* feature banner link */  
#feature_banner h1 a{color: #222;}
#feature_banner h1 a span.site_title{color: #006cbc; }
#feature_banner h1 a span.center {color: #222; }
/* feature banner hover */
#feature_banner h1 a:hover{color: #000; text-decoration: none;}
#feature_banner h1 a:hover span.site_title {color: #000; }  
#feature_banner h1 a:hover span.center {color: #000; text-decoration: none;}

/* navigation */
/* MENU BAR - NOTE: if your site is using MENU element, adjust #menu background color to be the color of the banner graphic */
div#menu {
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	left:10px !important;
	margin:0!important;
	padding:0 0 0 10px!important;
	position:absolute!important;
	top:146px !important;
	width:950px !important;
	z-index:99!important;
	background-attachment: scroll!important;
	background-color: #B0B0B0!important;
	background-image: none!important;
	background-repeat: no-repeat!important;
	background-position: 420px 0!important;
}


/*div#menu {
	position: absolute;
	padding: 0 0 0 30px;
	margin: 0;
	top: 115px;
	left: 10px;
	width:930px;
	z-index: 99;
	background: transparent url("/images/4.0/xmenu.gif") 460px 0 no-repeat;
}*/
#menu ul {
	font-weight: bold!important;
	margin: 0 0 -10px 0px!important;
	padding: 7px 0 0 0px!important;
	height: 35px!important;
	white-space: nowrap!important;
	text-align: left!important;
}
#menu ul li {
font-size:9px;
font-weight:bold;
padding:9px 9px 10px 9px!important;
height:13px!important;
border-color:#AAAAAA;

}

/*#menu ul li {
border-color:#AAAAAA;
border-style:solid;
border-width:0 1px 0 0;
float:left;
height:15px;
margin:-7px 0 0;
padding:9px 15px 10px 13px;
}

#menu ul li {
border-color:#AAAAAA;
border-style:solid;
border-width:0 1px 0 0;
float:left;
height:15px;
margin:-7px 0 0;
padding:9px 15px 10px 13px;
}*/










/* ================================== */
/* contentmain - this rule establishes the default top margin of the content area - NOTE: if your site is using the MENU element this margin value is overwritten by the following rule */

/*    original code for content */


.content {
	background: #eaeff3 url("/images/4.0/xcontent_bg.jpg") top left repeat-x;
	margin: 134px 10px 30px 10px;
}




/* contentmain - NOTE: if your site is using MENU element, uncomment this rule 
.content {
	background: #eaeff3 url("/images/4.0/xcontent_bg.jpg") top left repeat-x; margin: 200px 10px 30px 10px;
}*/
 
#mainContainer h2 {
	color: #666;
}
.column {
	background: transparent;
}
.main_story {
	margin: 0 0 0 0;/* adjust the top margin to position graphic */
	background: transparent;
}
.secondary_story {
	padding: 0 0 10px 0;
	background: transparent;
	margin: 10px 0 0 0;/* adjust the top margin to position graphic */
}
.secondary_story .panel {
	background: #023769;
	padding: 20px;/* border: 1px #c5480a solid; optional instead of background color */
}
.secondary_story .panel p {
	color: #fff;
}
/* ul, li */
.content .box ul {margin: 0 15px 10px 15px;}
.content .box ul li {margin: 0 5px 0 10px; padding: 0 0 5px 0;}
/* color bar */
.columnContainer .highlight h2, .sideContainer .highlight h2 {
	font-size: 14px;
	background: transparent url("/stimulus_communication_center/images/xbar_color_300.png") top left no-repeat;
	color: #FFF;
}
/* BOX */
.box p {margin: 5px 10px 10px 10px;}

.box strong {color: #000;}
/* DOUBLE BOX */
#mainContainer .doubleBox {
	height: auto;
}
#mainContainer .doubleBox h3 {margin: 5px 0 5px 0;}
/* News */
.doubleBox#news strong {color: #999900;}
/* COLUMN CONTAINER */
.columnContainer h2 {
	color: #666;
}
.columnContainer h3 {font-size: 13px;}




/* SIDE CONTAINER */
#sideContainer h2 {
	color: #666;
}
#sideContainer h3 {
	font-size: 12px; margin: 5px 0 0 10px;
}


#side {
	font-size: 14px!important;
}

.a1  {color: #7DC1E3!important;  }
/* COLUMN CONTAINER WITHIN MAIN CONTAINER */	
#mainContainer .columnContainer h2 { width: 273px;
	color: #666; padding: 15px 5px 0 25px;
}

/* OFFSITE LINK */
a.offsite {margin: 0; padding: 0 13px 0 0; background: transparent url("/images/4.0/yicon_jumplink.gif") top right no-repeat; }

/* PULLQUOTE */
.pullquote {float: right; width: 130px; font-size: 14px; line-height: 20px; text-align: center; color: #999900; border: #999900 solid; border-width: 3px 0; padding: 10px 5px; margin: 10px 0 10px 30px;}

/* COMMENT */
p.comment {font-size: 10px; color: #666666;}
/* NEWS */
#mainContainer h2 span{text-align: right; font-size: 14px; padding: 0 20px 0 260px;}

/* TABLE */
table td {vertical-align: top;}
table td p {font-size: 12px;}

/* SPECIFIC PAGES */
/* ABOUT */

/* SLIDER */
body #slider2 li a {color:#06c;}
body #slider2 li a:hover {color:#06c; text-decoration: underline;}

/*  Easy Slider with Numeric controls */
#slider2 ul{padding: 0;}
#slider2 li{ 
		width: 580px;
		height:240px;
		padding: 0;
		overflow:hidden; 
		}
#slider2 li#slide_1 {margin: 0 0 0 -20px;}
#slider2 li#slide_2 {margin: 0 0 0 20px;}
#slider2 li#slide_3 {margin: 0 0 0 0;}
#slider2 li#slide_4 {margin: 0 0 0 0; overflow: visible; display:block; visibility: visible;}
#slider2 li img {border: 1px #ddd solid; width: 340px; height: 220px; margin: 0 20px 10px 0;}
#slider2 li p {font-size: 12px;  font-weight: normal; text-align: left; color: #003366;}
#slider2 li h3 {font-size: 13px; font-weight: bold; padding: 0 0 0 10px; color: #06c;}
/* numeric controls */	

	ol#controls{
		margin:0 0 10px 65px;
		padding:0;
		height:20px; 	
		}
	ol#controls li{
		margin:-3px 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px; 
		font-size: 11px;
		line-height:11px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
	border:1px solid #000;
		background:#DAF3F8/* transparent url("/images/numeric_counter_bg.gif") 0 2px no-repeat*/;
		color:#666;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1/* transparent url("/images/numeric_counter_bg_on.gif") 0 2px no-repeat*/;
		color:#fff;
		}
	ol#controls li a:focus {outline:none;}
	
/* GRAPH */
.box#graph h4{text-align: center;}

/* GRANTS LISTING PAGE */
body.grants-listing .content {
	background: #eaeff3 url("/images/4.0/xcontent_bg.jpg") top left repeat-x;
	margin:118px 10px 30px;}
body.grants-listing #mainContainer{
	float: left;
	width: 620px;
	margin: 10px 0 0 8px;	
}
body.grants-listing #mainContainer h2 {
	height: 25px;
	width: 600px;
	background: transparent url("/images/4.0/xbar_600.png") 0 0 no-repeat;
	color: #666666;
	padding: 13px 5px 5px 25px;
	margin: 0;
}

/* GRANTS TABLE */	
body.grants-listing #grant_index_table_wrapper {
	margin: 0 0 0 10px;}
	
body.grants-listing table#grants_table {width: 910px;}	
body.grants-listing #grant_index_table_wrapper table {width: 910px;}

body.grants-listing #mainContainerdiv.columnContainer next-to {float: right;}

/* GRANTS LISTING NEW PAGE */

body.grants-listing_new .content {
	position: relative; top: 4px; left:0;
	background: #eaeff3 url("/images/4.0/xcontent_bg.jpg") top left repeat-x;
	margin: 130px 10px 30px; padding: 0 0 0 5px; }
body.grants-listing_new #mainContainer{
	float: left;
	width: 620px;
	margin: 10px 0 0 8px;	
}
body.grants-listing_new #mainContainer{
	float: left;
	width: 620px;
	margin: 10px 0 0 8px;	
}
body.grants-listing_new table {width: 920px; margin: 0 0 0 3px; background: #fff;border:1px #ccc solid;}
body.grants-listing_new table th{font-size: 13px; background: #e7f8d9; color: #666; border:1px #ccc solid;}
body.grants-listing_new table td {border:1px #ccc solid; padding: 4px;}
body.grants-listing_new table td hr{ border: 1px #ccc solid; border-width: 0 0 1px 0; padding: 0; text-align: left; margin: 0;}

.detail { width: 800px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }


/* GRANTS DETAIL PAGE */
.trippleBox {width: 925px; background: #fff; margin: 0 20px 0 3px; padding: 0;}
.trippleBox table{width: 900px; background: #fff; margin: 0 0 10px -10px;}
.trippleBox table td pre{white-space: pre-wrap; }


/*div#menu {
background:transparent url(/images/4.0/xmenu.gif) no-repeat scroll 460px 0;
left:10px;
margin:0;
padding:0 0 0 30px;
position:absolute;
top:115px;
width:930px;
z-index:99;*/



.sbox{
	font-size:10px;
	font-weight:bold;
	height: 225px;
	width: 563px;
	border: thin solid #CCC;
	margin-top: 10px;
	padding-left: 10px;
	background-color: #EAEAEA;
	background-color: #FFFFFF;
}

.box .tt{	
	padding-top: 20px!important;
	font-family: Verdana,Geneva,sans-serif!important;
	font-size: 11px!important;
	font-weight: bold!important;
	color: #683D1A!important;	
	text-transform: none!important;	
	/*margin-top:-50px!important;*/}
	
.box .tt a:link, .box .tt a:visited {
	color:#683D1A!important;
}

.box .tt a:hover, .box .tt a:visited:hover{
	color:#683D1A!important;
	text-decoration: underline!important;
}



.box .lt{
	font-family: Verdana,Geneva,sans-serif!important;
	font-size: 10px!important;
	font-weight: bold!important;
	color: #467DBD!important;
	text-transform: uppercase!important;
	/*margin-top:5px!important;	padding-left: 50px!important;*/
}

.box .lt a:link, .box .lt a:visited {
color:#467DBD;
}

.box .lt a:hover, .box .lt a:visited:hover{
	color:#467DBD!important;
	text-decoration: underline!important;
}