@charset "utf-8";
/* CSS Document */
html, body{
font:12px Verdana, Arial, Helvetica, sans-serif;
height:100%;
margin:0;
padding:0;
text-align:center;
color:#444444;
background-color:#BBBBBB;
}
p{
margin:0;
padding:0;
padding-bottom:1em;
}
form{ margin:0;
padding:0;
}
br{
/* clear:both; */
}
img{
padding:0;
margin:0;
border:none;
}
.memberPhoto {
max-width:180px !important;
}
a{
outline:none;
outline-style:none;
}
ul{
list-style:none;
list-style-image:url(img/list_item.gif);
}
li{
margin:0;
padding-bottom:.5em;
}
#topper{
float:left;
width:100%;
background:#3D3D3D url(img/bg_body.gif) 0 0 repeat-x;
min-height:333px;
text-align:left;
}
#top{
display:none;
}
#wrapper{
width:964px;
margin:0 auto;
}
#header{
float:left;
width:100%;
height:169px;
background:url(img/bg_header.jpg) 0 0 no-repeat;
}
#header h1{
margin:0;
padding:0;
width:500px;
height:130px;
font-size:130%;
color:#FFFFFF;
/*float:left;*/
position:absolute;/*7-8-10*/
overflow:hidden;
}
#header h2{
padding:20px 0 0 5px;
margin:0;
text-align:left;
font-size:90%;
font-style:italic;
color:#999999;
font-weight:normal;
float:left;
width:495px;
}
#menu{
position:relative;
top:70px;
margin:0;
padding:3px;
float:right;
width:490px;
height:40px;
background:url(img/bg_menu2.gif) 0 0 no-repeat;
overflow:hidden;
}
#menu a{
float:left;
height:40px;
width:80px;
background:url(img/bg_menu2.gif) 0 0 no-repeat;
text-decoration:none;
overflow:hidden;
padding-top:5000px;
}
#menu #h a{background-position:-3px -3px;}
#menu #a a{background-position:-83px -3px;}
#menu #j a{background-position:-163px -3px;}
#menu #r a{background-position:-243px -3px;}
#menu #o a{width:90px;background-position:-323px -3px;}
#menu #l a{background-position:-413px -3px;}
#menu #c a{background-position:-503px -49px;}
#menu #h a:hover{background-position:-3px -49px;}
#menu #a a:hover{background-position:-83px -49px;}
#menu #j a:hover{background-position:-163px -49px;}
#menu #r a:hover{background-position:-243px -49px;}
#menu #o a:hover{background-position:-323px -49px;}
#menu #l a:hover{background-position:-413px -49px;}
#menu #c a:hover{background-position:-503px -49px;}
#header .sm-wrapper {
float:right;
top:79px;
position:relative;
margin:0 14px 0 0;
}
#header .sm-wrapper .sm-icon {
float:left;
margin:6px 0 0 8px;
}
.sm-wrapper .sm-icon a {
display:block;
height:16px;
width:16px;
background-image:url('img/sm-set.png');
background-repeat:no-repeat;
overflow:hidden;
padding:0;
}
/*
#header .sm-wrapper .sm-three {
clear:left;
}
*/
.sm-wrapper .sm-one a, .sm-wrapper .sm-one a:link, .sm-wrapper .sm-one a:visited {
background-position:0 0;
}
.sm-wrapper .sm-one a:hover, .sm-wrapper .sm-one a:focus, .sm-wrapper .sm-one a:active {
background-position:0 -16px;
}
.sm-wrapper .sm-two a, .sm-wrapper .sm-two a:link, .sm-wrapper .sm-two a:visited {
background-position:-16px 0;
}
.sm-wrapper .sm-two a:hover, .sm-wrapper .sm-two a:focus, .sm-wrapper .sm-two a:active {
background-position:-16px -16px;
}
.sm-wrapper .sm-three a, .sm-wrapper .sm-three a:link, .sm-wrapper .sm-three a:visited {
background-position:-32px 0;
}
.sm-wrapper .sm-three a:hover, .sm-wrapper .sm-three a:focus, .sm-wrapper .sm-three a:active {
background-position:-32px -16px;
}
.sm-wrapper .sm-four a, .sm-wrapper .sm-four a:link, .sm-wrapper .sm-four a:visited {
background-position:-48px 0;
}
.sm-wrapper .sm-four a:hover, .sm-wrapper .sm-four a:focus, .sm-wrapper .sm-four a:active {
background-position:-48px -16px;
}
#main{
margin:0;
padding:0;
background:url(img/bg_main.gif) repeat-y;
padding:18px 22px 20px 22px;
width:920px;
float:left;
}
#mainBottom{
/*display:inline-block;*/
margin:0 auto;
padding:0;
/*float:left;*/
clear:both;
padding-bottom:60px;
/*width:100%;*/
width:964px;
height:4px;
background:url(img/bg_main_bottom.gif) 0 0 no-repeat;
}
#main a{
color:#44577E;
text-decoration:none;
}
#main a:hover{
text-decoration:underline;
}
#main .content{
float:right;
width:650px;
}
#main .content p a{font-weight:bold;}
#main .content .flash{
outline-style:none;
}
#main .content .featured{
float:left;
margin-top:15px;
padding:0;
clear:both;
padding-bottom:15px;
border-bottom:1px solid #E3E3E3;
width:100%;
}
#main .content .last{
border:none;
}
#main .content .featured img.image, #main .content .featured .image {
margin:0;
padding:0;
border:5px solid #DDDDDD;
float:left;
width:260px;
margin-right:10px;
}
#main .content .featured .info{
padding:0;
margin:0;
float:left;
width:370px;
}
#main .content .featured .es21{
width:100%;
}
#main .content .featured .heading{
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
font-size:130%;
color:#44577E;
font-weight:bold;
margin-bottom:4px;
}
#main .content .featured .listitem a{
line-height:150%;
}
#main .content p.heading{
padding:0;
margin:1em 0 1em 0;
font-size:130%;
font-weight:bold;
border-bottom:1px solid #DDDDDD;
}
#main .content p.heading2{
padding:0;
margin:1em 0 1em 0;
font-size:200%;
font-weight:bold;
border-bottom:1px solid #DDDDDD;
}
}
#main .content .leftColumn{
margin:0;
padding:0;
width:50%;
float:left;
}
#main .content .rightColumn{
margin:0;
padding:0;
width:50%;
float:right;
}
#main .content .leftColumn img, .rightColumn img{
border:3px solid #DDDDDD;
}
#main .content a.register{
padding:110px 10px 0 10px;
margin:0;
float:left;
width:155px;
height:55px;
overflow:hidden;
font:150% Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
background:url(img/button_register.gif) 0 0 no-repeat;
text-align:center;
}
#main .content a.register:hover{
background-position:-175px 0;
text-decoration:none;
}
#main .content a.download{
padding:110px 10px 0 10px;
margin:0;
float:left;
width:155px;
height:55px;
overflow:hidden;
font:150% Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
background:url(img/button_download.gif) 0 0 no-repeat;
text-align:center;
}
#main .content a.download:hover{
background-position:-175px 0;
text-decoration:none;
}
#main .button{
height:20px;
width:60px;
color:#666666;
font-size:90%;
background:url(img/button_submit.gif) 0 0 no-repeat;
border:none;
cursor:pointer;
text-align:center;
}
#main .button:hover{
background-position:0 -20px;
}
#main .textfield{
padding:3px 2px 0 2px;
width:146px;
height:17px;
background:url(img/bg_textfield.gif) 0 0 no-repeat;
border:none;
font-size:90%;
color:#444444;
float:left;
}
#main .textfield:hover{
background-position:0 -20px;
}
#main .textfield:focus{
background-position:0 -20px;
}
#main .sidebar{
float:left;
width:240px;
background-color:#DDDDDD;
padding:0 5px 10px 5px;
}
#main .sidebar span{
display:none;
}
#main .sidebar h3{
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
background:#6D0000 url(img/bg_sidebar_heading.gif) 0 0 no-repeat;
font-weight:bold;
font-size:100%;
width:230px;
float:left;
padding:7px 5px 0 5px;
margin-top:10px;
height:23px;
color:#FAFAFA;
}
#main .sidebar .content{
background-color:#FAFAFA;
width:230px;
float:left;
padding:10px 5px 10px 5px;
margin-top:5px;
}
#main .sidebar .journal_content{
background-color:#FAFAFA;
width:240px;
float:left;
padding:0;
margin-top:5px;
}
#main .sidebar .menuWrapper{
float:left;
margin:0;
padding:0;
width:240px;
height:425px;
overflow:hidden;
color:#444444;
}
#main .sidebar .menuWrapper .slideItem{
float:left;
margin:0;
padding:5px 0 0 15px;
overflow:hidden;
}
#main .sidebar .menuWrapper .slideItem a{
margin:0;
padding:0;
float:left;
clear:both;
line-height:180%;
color:#666666;
padding-left:12px;
background:url(img/list_item_small.gif) 0 7px no-repeat;
width:100%;
}
#main .sidebar a.menuitem{
float:left;
padding:7px 5px 0 25px;
width:210px;
height:23px;
margin-top:5px;
clear:both;
background:#FAFAFA url(img/button_sidebar.gif) 0 0 no-repeat;
color:#444444;
text-decoration:none;
outline:none;
}
#main .sidebar a.slider{
background:#FAFAFA url(img/button_sidebar_slide.gif) 0 0 no-repeat;
}
#main .sidebar a.menuitem:hover{
background-position:0 -30px;
color:#EEEEEE;
}
#main .sidebar .resources{
}
#main .sidebar .resources .headline a{
font-size:90%;
font-weight:bold;
color:#555555;
text-decoration:underline;
}
#main .sidebar .resources .headline a:hover{
color:#900000;
}
#main .sidebar .resources .info{
font-size:90%;
padding:0 0 1em 1em;
color:#555555;
}
#main .sidebar .resources .info a{
color:#555555;
text-decoration:underline;
}
#main .sidebar .resources .info a:hover{
text-decoration:none;
}
/****** WEBINARS, PODCASTS, AND RSS FEED *****/
#main .content .rssWrapper{
margin:0;
padding:0;
margin-top:10px;
padding-top:25px;
width:100%;
float:left;
border-top:2px solid #DDDDDD;
}
#mediaHeader{
margin:0;
padding:10px;
margin-bottom:15px;
width:630px;
height:30px;
background-image:url(img/bg_media_heading.gif);
float:left;
}
#mediaHeader h2{
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:210%;
font-weight:normal;
}
#main .content .rssWrapper a{
color:#444444;
text-decoration:none;
}
#main .content .rssWrapper a:hover{
text-decoration:underline;
}
#main .content .rssWrapper ul{
margin:0;
padding:5px 0 0 15px;
}
#main .content .rssWrapper li{
padding:0;
margin:0;
line-height:150%;
list-style-image:url(img/list_item.gif);
}
#main .content .rssWrapper li:hover{
}
#main .content .rssWrapper .heading{
border:1px solid #DDDDDD;
border-left:none;
border-right:none;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
font-size:130%;
color:#44577E;
font-weight:bold;
}
#main .content .rssWrapper #left{
width:229px;
float:left;
}
#main .content .rssWrapper #left p{
padding-top:.5em;
font-size:90%;
}
#main .content .rssWrapper #left .leftItem{
float:left;
clear:both;
width:100%;
}
#main .content .rssWrapper #left .leftItem p{
padding-bottom:0;
}
#main .content .rssWrapper #right{
width:405px;
float:right;
border-left:1px dashed #D1D1D1;
padding-left:15px;
}
#main .content .rssWrapper a.subscribe{
font:60% Verdana, Arial, Helvetica, sans-serif;
color:#44577E;
border-bottom:1px dashed #44577E;
padding:0;
margin:0;
}
#main .content .rssWrapper a.subscribe:hover{
text-decoration:none;
border:none;
}
#main .content .rssWrapper #right .featuredHeading{
font-weight:bold;
}
#main .content .rssWrapper #right .featuredInfo{
font-size:90%;
padding-left:10px;
list-style:none;
list-style-image:none;
margin-bottom:5px;
}
#main .content .rssWrapper #right .featuredDate{
font-size:80%;
list-style:none;
list-style-image:none;
margin-bottom:5px;
padding-left:10px;
}
#main .content .rssWrapper #right ul.scroller{
border-bottom:1px solid #DDDDDD;
height:250px;
overflow:auto;
}
/**********************************************/
#footer{
text-align:left;
float:left;
width:100%;
min-height:167px;
background-color:#EEEEEE;
border-top:3px solid #FFFFFF;
color:#44577E;
margin:0;
padding:0;
}
#footer a{
color:#44577E;
text-decoration:none;
line-height:200%;
}
#footer a:hover{
text-decoration:underline;
}
#footercontent{
margin:0 auto;
width:964px;
}
#footer .footercolumn{
width:300px;
margin:0;
padding:10px;
padding-top:20px;
float:left;
}
#footer h4{
font-size:120%;
padding:0;
margin:0;
margin-bottom:.5em;
color:#333333;
border-bottom:1px solid #666666;
width:70%;
}
#footer #links{
margin:0;
width:482px;
float:left;
text-align:left;
}
#footer #legal{
margin:0;
width:964px;
text-align:center;
float:right;
color:#888888;
padding:20px;
padding-left:0;
padding-right:0;
font-size:90%;
}
#footer p.legal{
padding:0;
float:left;
width:75%;
text-align:right;
}
#footer p.disclaimer{
float:right;
padding:0;
line-height:100%;
color:#444444;
width:25%;
text-align:right;
margin-top:1px;
}
#footer p.disclaimer a{
line-height:100%;
color:#888888;
}
#footer ul{
margin:0;
padding-left:15px;
list-style:none;
list-style-image:url(img/list_item.gif);
}
#footer li{
padding:0;
}
/********** MISC **********/
.marginBottom1em{
margin-bottom:1em;
}
.floatright{
float:right;
}
.floatleft{
float:left;
}
.clear{
height:0;
clear:both
}
.imgBorder{
border:2px solid #CCCCCC;
margin:5px;
margin-left:0;
}
.boldit{
font-weight:bold;
}
.redText{
color:#FF0000;
}
p.botmarg{margin-bottom:1em;}
.emailmsgerr{ border:1px solid #000; background-color:#CC6666; font:11px Verdana; color:#000; padding:1px 3px 1px 3px; }
.emailmsgok{ border:1px solid #000; background-color:#00CC99; font:11px Verdana; color:#000; padding:1px 3px 1px 3px; }
/* conference */
.schedulecontainer {
overflow:hidden;
}
.glanceschedule {
float:left;
width:315px;
display:inline;
text-align:right;
font-size:12px;
line-height:20px;
}
.scheduledates {
float:right;
width:315px;
display:inline;
font-size:12px;
line-height:20px;
}
.centertext {
text-align:center;
}
/* conference brochure and poster */
.conf-item-container {
clear:both;
height:150px;
width:100%;
}
.conf-item {
padding-left:8px;
float:left;
width:100px;
height:140px;
margin:auto;
}
.conf-item-container .conf-item img {
border:1px #c8c8c8 solid;
text-decoration:none;
display:block;
margin:0 0 5px;
}
.conf-item-container .conf-item img:hover {
border:1px #900000 solid;
}
.first-conf-item {
padding-left:0;
}
/* sample/archive issues */
#aap a:link, #aap a:visited {
display:block;
width:260px;
height:110px;
text-indent:-1000em;
float:left;
}
.winter09 {
background:url(img/AAPissueCropWinter09.jpg) 0 0 no-repeat;
}
.spring10 {
background:url(img/AAPissueSpring10.jpg) 0 0 no-repeat;
}
.summer10 {
background:url(img/AAPissueSummer10.jpg) 0 0 no-repeat;
}
.fall10 {
background:url(img/AAPissueFall10.jpg) 0 0 no-repeat;
}
#aap a:hover, #aap a:focus {
background-position:right top;
}
/* site index */
ul.index-list {
list-style-type:none;
list-style:none;
font-size:1em;
line-height:1em;
padding:0;
margin:0;
}
ul.index-list ul {
list-style-type:none;
list-style:none;
margin:0;
font-size:.9em;
line-height:.9em;
}
ul.index-list li img {
display:inline;
vertical-align:bottom;
}
img .click-here{
margin: 10px 0 0 0;
}