@charset "utf-8";
h2{

	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	margin-bottom:3px;
    margin-top:1px;
	padding:20px 7px 12px 10px;
	letter-spacing:1px;
    font-size:1em;
}
#main{
	width:784px;
	padding:0 0 4px 4px;
letter-spacing:0.015em;
}

#leftMenu #social{list-style-type:none;padding:0;margin:0;}
#leftMenu #social li{width:16px;float:left;margin-right:4px;}
#leftMenu #social img{border:0;}

/*APS Home Page styles */
.title{
	font-weight:bold;
	color:#666;
}
p.description{
	margin-top:2px;
}
.description{
	color:#333;
	line-height:1.4em;
}
.homeDate{
	margin:5px 0 10px 0;
	color:#7F7F7F;
	line-height:1.2em;
	font-size:0.875em;
}
.homeDateHeader{
	margin:0;
      }
.rss{
	border:none;
	width:14px;
	float:right;
}
.homelist{
	padding:0;
	margin:4px 0 0 4px;
}
.homelist li{
	padding:0 2px 0 18px;
	margin:0 0 1px 2px;
	list-style:none;
	background:url(../../img/arrow.gif) no-repeat 3px 4px;
	line-height:1.5em;
}

#homeHead #feature ul{
	display:inline;
	list-style:none;
	background:none;
	padding:0;
}

#homeHead #feature li{
	display:inline;
	list-style:none;
	background:none;
	margin:0;
	padding:0 4px;
}

#homeTop, #homeMiddle, #homeBottom, #beamStatus, #annualreport, #recentpubs, #aps-brochure{
	clear:both;
	background:url(/img/aps_home/section_bg.jpg) 0px 1px repeat-x;
}
#homeMiddle{

}
#homeBottom .homeRightColumn{
    width:304px;
    padding-left:20px;
}


.clearleft{
	clear:left;	
}
/*LEFT COLUMN*/
.homeLeftColumn{
	width:460px;
	float:left;
}


#photo {height: 277px; width: 460px; padding:0; margin:0; overflow: hidden }

#photo img{
	height: 277px; width: 460px;
	top:0;left:0;
}
#apsToday{
	padding:0 0 0 10px;
        font-size:0.875em;
}
#upcoming{
	width:230px;
	float:left;
        padding-bottom:10px;
}
.events{
	margin:0;
	padding:2px 0;
	background:#fff;
	color:#7f7f7f;
        padding-left:10px;
        border-left:3px solid #eee;
        margin-bottom:10px;
}
.events p{
    margin:0;
    padding:0;
}
.events .type{
    font-size:0.875em;
}
#announcements{
	margin-left:235px;
}
#announcements ul, #announcements li{
        margin:0;padding:0;list-style-type:none;
}
#announcements li{
    padding-left:10px;
    margin-bottom:5px;
    border-left:3px solid #eee;
	color:#555;
}
#announcements p{
    margin:0 0 5px 0;
}

/*RIGHT COLUMN*/
.homeRightColumn{
	width:324px;
	float:left;
}
.homeRightColumn .chunk{
    padding-left:2px;
}
#feature{
	vertical-align:middle;
	color:#333;
	background:url(http://www.anl.gov/images/main_content_bg.png) repeat-x;
}
#feature #aboutaps{
	margin:35px 20px 23px 26px;
    letter-spacing:0.005em;
}
#feature #aboutaps span{
    font-size:110%;
}
#feature #aboutaps, #renewal p{
	line-height:1.625em;
}
#feature ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#feature li{
	padding:0;
	margin:0;
	display:inline;	
}
#feature #buttons{
	text-align:center;
	margin:0;
}
#feature #buttons a{
	border:none;
}
#feature .roll{
	border:0;
}
#upgrade{
    margin-top:2px;
    padding-top:100px;
    padding-bottom:50px;
    background:url(/img/aps_home/apsu_bg.png) 22px -2px no-repeat;
}
#upgrade ul, #upgrade li{
    list-style-type:none;
    margin:0;
    padding:0;
}
#upgrade ul{
    font-size:1em;
    margin-left:29px;
}
#upgrade li{
    padding-bottom:6px;
}

#beamStatus{
	margin-bottom:10px;
}
#beamStatus #images{
	text-align:center;
	margin:2px;
        margin-left:10px;
}
#beamStatus img{
	width:135px;
	float:left;
	margin:2px 1px;
	margin-bottom:6px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	padding:2px;
}
#beamStatus img:hover{
	border: 1px solid #0000ff;
	cursor:pointer;
}
#beamStatus p{
	clear:left;
	margin:10px;
	font-size:0.875em;
	text-align:center;
}

/*GENERAL*/
.homeBox{
	font-size:0.875em;
	margin:15px 10px 15px 10px;
	line-height:1.3em;
}
.homeBox image{
	width:110px;
	float:left;
	background:#fff;
	padding:2px;
	margin:0 15px 15px 0;
}
.homeBox img:hover{
	border: 1px solid #0000ff;
	cursor:pointer;
}

/*For Science Highlights and APS News*/
.stdImage, .stdImageNoBorder, imageNoBorder, .midImage, .midImageNoBorder, .bigImage, .bigImageNoBorder {margin:0 10px 10px 10px;border:1px solid #666;padding:10px;text-align:center;}
.stdImage p, .stdImageNoBorder p,  .midImage p, .midImageNoBorder p, .bigImage p, .bigImageNoBorder p, .imageNoBorder p {text-align:left;}
.stdImageNoBorder, .imageNoBorder, .midImageNoBorder, .bigImageNoBorder {border:none;}
.stdImage, .stdImageNoBorder, .imageNoBorder {width:240px;float:right;}
.midImage, .midImageNoBorder{width:370px;float:right;}

.articleWrap{padding-right:5px;margin:0}
.articleWrap p{line-height:1.4em;}
.articleWrap p img{border:none;vertical-align:middle;}
.favicons img{border:none}

#main .chunk{margin:12px 0 25px 8px;}
#main .chunk .image{width:110px;float:left;margin:0 8px;background: url(img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
#main .chunk .right{margin-left:20px;float:right;}
#main .chunk .image a{border:0;}
#main .chunk .image img{border:1px solid #fff;display: block; /* IE won't do well without this */
	position: relative; /* Make the shadow's position relative to its image */
	padding: 3px; /* This creates a border around the image */
	background-color: #fff; /* Background color of the border created by the padding */
	border: 1px solid #ececec; /* A 1 pixel greyish border is applied to the white border created by the padding */
	margin: 0 0 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */}
#main .chunk .image img:hover{border: 1px solid rgba(0,0,0,0.5);cursor:pointer;}
#main .chunk .text{margin-left:139px;margin-right:20px;}
#main .chunk .text, #main .chunk .righttext{font-size:0.875em;line-height:1.5em;color:#444;}
#main .chunk .righttext{margin-left:0px;}
#main .chunk h3{font-weight:normal;font-size:1.25em;margin-bottom:0;}

#aps-brochure-img, #aps-science-img{-moz-box-shadow:5px 0 10px #ddd;-webkit-box-shadow:5px 0 10px #ddd;box-shadow:5px 0 10px #ddd;border:none;}