/****** BACKGROUND IMAGES START *********/

.aboutpath0
{
background: #bacbdf
url(/portal/framework/skins/wpp/images/about-intro-bg.jpg) 
no-repeat
	bottom right; 
padding-bottom: .7em;
margin-top: .5em;
color: #02497e;
height: 220px;
}

.aboutpath0 h1 {
background: #346a98
url(/portal/framework/skins/wpp/images/promo-title-bg.jpg) 
repeat-x;
font-size: 114%;
color: #fff;
margin: 0; 
padding: .5em;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

.aboutpath13 {
background: #eff3f7 url(/portal/framework/skins/wpp/images/contact-graphic.jpg) 
top right 
no-repeat;
padding: 5px;
margin: 10px;
color: #333;
border: 1px solid #a1b6ba;
height: 35px;
}

.helppath10 h1 {
background: #346a98
url(/portal/framework/skins/wpp/images/promo-title-bg.jpg) 
repeat-x;
font-size: 114%;
color: #fff;
margin: 0; 
padding: .5em;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

.profile-header {
padding: .5em;
background: #346a98
url(/portal/framework/skins/wpp/images/promo-title-bg.jpg) 
repeat-x;
margin-top: .5em;
}

.home1 {
background: #dde5f0 url(/portal/framework/skins/wpp/images/emergingsci-bg.gif) 
top right 
no-repeat;
border-top: 2px solid #fdb827;
border-bottom: 1px solid #a1b6ba;
border-right: 1px solid #a1b6ba;
border-left: 1px solid #a1b6ba;
height: 130px;
padding: 8px;
color: #657891;
}

.home3 {
background: #dde5f0 url(/portal/framework/skins/wpp/images/homemember-bg.jpg) 
top right 
no-repeat;
border-top: 2px solid #fdb827;
border-bottom: 1px solid #a1b6ba;
border-right: 1px solid #a1b6ba;
border-left: 1px solid #a1b6ba;
height: 130px;
padding: 8px;
color: #657891;
}

#highlight-title {
text-indent: -9000px;
background: url(/portal/framework/skins/wpp/images/acs-highlight.gif) no-repeat;
height:30px;
}

.top_stories {
background: #dde4f0 url(/portal/framework/skins/wpp/images/highlight-bg.gif) 
	repeat-x
	top left; 
}

.home4 h2 {
padding-top: 10px;
padding-left: 75px;
font-size: 144%;
background: transparent url(/portal/framework/skins/wpp/images/governance-logo.gif) 
no-repeat
top left;
height: 60px;
}

.home4 h3 {
padding-top: 10px;
padding-left: 75px;
font-size: 144%;
background: transparent url(/portal/framework/skins/wpp/images/acs-store-icon.gif) 
no-repeat
top left;
height: 60px;
}



/****** BACKGROUND IMAGES END *********/

/*** pathway about ***/

.aboutpath0 h2, .aboutpath0 h3, .aboutpath0 ul, .aboutpath0 p
{margin: .5em 300px .2em .5em; color: #02497e;}

.aboutpath1, .aboutpath2, .aboutpath3, .aboutpath4, .aboutpath5
{margin: 1em .2em; border-top:1px solid #ffc751;}

.aboutpath1 li, .aboutpath2 li, .aboutpath3 li, .aboutpath4 li, .aboutpath5 li
{margin: .5em 0;}

.aboutpath12 h3 {font-size: 14px;}

.aboutpath13 h3 {font-size: 14px;}

/*** pathway help ***/

.helppath10
{
background-color: #b0c1d7;
margin-top: .5em;
color: #02497e;
}

.helppath9 h3 {font-size: 14px;}

.helppath0, .helppath1, .helppath2, .helppath3, .helppath4
{margin: 1em .2em; border-top:1px solid #ffc751;}

.helppath0 li, .helppath1 li, .helppath2 li, .helppath3 li, .helppath4 li
{margin: .5em 0;}




/* begin pathway-help-q styles implemented by ie5 mac */

.pathway-help-q {
	padding: .3em .9em;
	margin: .2em;
	border-top: 3px solid #a1b6ba;
	border-right: 1px solid #a1b6ba;
	border-bottom: 1px solid #a1b6ba;
	border-left: 1px solid #a1b6ba;
	color: #0061aa; 
	background-color: #eff3f7;
	clear:both;
}

.pathway-help-q legend
{
font-size: 152%;
color: #0061aa;
margin-bottom: .6em;
font-weight: bold;
}

.pathway-help-q label
{
font-size: 129%;
margin: .5em 0;
}

.pathway-help-q input
{
margin: .5em;
}

.pathway-help-q textarea
{
width: 400px;
}

/* commented backslash hack v2  for IE5 mac \*/
.pathway-help-q {
	padding: .3em .9em;
	margin: .2em;
	border-top: 3px solid #a1b6ba;
	border-right: 1px solid #a1b6ba;
	border-bottom: 1px solid #a1b6ba;
	border-left: 1px solid #a1b6ba;
	color: #0061aa; 
	background-color: #eff3f7;
}
.pathway-help-q legend
{
font-size: 152%;
color: #0061aa;
margin-bottom: .6em;
font-weight: bold;
}
.pathway-help-q label
{
font-size: 129%;
margin: .5em 0;
}
.pathway-help-q input
{
margin: .5em;
}
.pathway-help-q textarea
{
width: 400px;
}
/* end hack */







/*** pathway ask a question bucket ***/
.pathway-help-q label {display: block;}

/* slider styles [ begin ] */

.home0 {margin-top: 10px;}

#highlight-header {
background-color: #02497e; 
padding:5px; 
margin-bottom: 5px;
height:30px;
border-bottom: 1px solid #022845;
}

.top_stories h2 {
padding: 10px !important;
color: #fff;
font-weight: normal !important;
}

.item h2 {
display: none;
}

.item h3 {
font-size: 14px;
font-weight: normal;
margin:0 0 .3em 0 !important;
padding:0 0 0 5px;
}

.item h4
{
	font-size: 12px;
	color: #657891;
	font-weight: normal !important;
	font-style: italic;
	padding:0 0 0 5px;
}

.item p {
font-size: 12px;
color: #657891;
font-weight: normal !important;
padding:0 0 5px 5px;
}

.item a { color: #1e73b3;}

.item a:hover
{
	color: #fdb827 !important;
	text-decoration: none;
}

.item-intro {clear:both;}

.news_slider .prev, .news_slider .next {
	position: absolute; top: 270px; display: none;
	z-index: 10;
}
.news_slider .next {
	right: 5px;
}

.news_slider .prev {
	left: 610px;
	z-index: 10;
	}

.fl {
	float: left; display: inline;
}
/* commented backslash hack v2  for IE5 mac \*/
.news_slider {
	position: relative; width: 680px; margin: 0 0 10px 0;
	border: 1px solid #02497e;
	height: 300px;
}
.news_slider .news_items {
	position: relative; width: 670px; left: 10px; overflow: hidden;
}
.news_slider .news_items .view_all {
	display: none;
}
.news_slider .news_items .container {
	position: relative; top: 0; left: 0; width: 660px;
}
.news_slider .news_items .container .item {
	width: 330px; margin: 0 5px 20px 0;
	background-color: #dce5f0; 
	border-top: 2px solid #b1c0d4;
}
/* end hack */

.news_slider .news_items .container .item div {
	width: 180px; margin: 10px 0 10px 0;

}
.news_slider .news_items .container .item img {
	padding: 5px;
	margin: 5px;
	border: 1px solid #b5c6db;
	background-color: #f4f6f8;
}

/* slider styles [ end ] */

/*** home page log in bucket ***/
#profile-bucket
{
border: 1px solid #346a98; 
margin: .5em 0;
padding-bottom: .7em;
}

#profile-bucket h3 {
padding-bottom: .2em;
margin: .5em !important;
color: #7b7b6c; 
}

.profile-header h2 {
font-size: 114%;
color: #fff;
margin: 0; 
}

.profile-alert {
 background-color: #e4e4da;
 border: 1px solid #9e9e9e;
 color: #666;
 margin: .5em;
 padding: .5em;
}

#profile-nav {margin:5px 0 !important; padding: 0 0 .3em 0 !important; border-bottom: 1px solid #346a98;}

#profile-nav li
{
display: inline !important;
list-style-type: none !important;
padding: 0 10px !important;
border-right: 1px solid #346a98;
font-size: 92%;
}

/* separate the list from surrounding elements */
#profile-bucket ul
{
  margin: 0 0 1em 2em;
  padding: 0;
}

#profile-bucket ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that thereีs a level above HTML: */

* html #profile-bucket ul li
{
	position: relative;
}

/* horizontal position of each column */

#profile-bucket ul li.column1 { margin-left: 0em; width: 180px;}
#profile-bucket ul li.column2 { margin-left: 200px; width: 180px;}
#profile-bucket ul li.column3 { margin-left: 390px; width: 180px;}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

li.reset
{
  margin-top: -6em !important;
}


.home1 h2, .home3 h2 {
color: #90aec1; 
margin: 0;
padding: 0;
}

.home1 h3 {
color: #7b7b6c; 
margin: .5em 0;
}

.home1 p {
margin: .5em 0;
line-height: 1.5em;
font-weight: bold;
}

.home4 {width: 250px; margin: 10px 0;}

.home4 h4 {margin-top: .6em; font-size: 136%; font-weight: normal;}

.home2 {margin: 18px 0 10px 0;}

.home2 h4, .thumbnail-left p {padding-top: 0px; margin-left: 70px; font-size: 100%;}

.home2 img {
float: left;
background-color: #f5f4f4;
padding: 2px;
border: 1px solid #d1d1cb;
}