html { height: 100%; margin-bottom: 1px; background:#2676CD; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */

/* Do not remove the following section, these rules are required for forms */
	.comment-replies {
		margin-left: 30px;
	}

	.form-element.form-hide, .form-important {
		display: none;
	}

	.form-element.form-type-checkbox label,
	.form-element.form-type-radio label {
		display: inline;
	}

	.form-float-left {
		float: left;
	}

	.form-element.form-float-left {
		padding-right: 10px;
	}
	
	/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

	div#imageFadeContainer {
		position: relative;
		width: %;
		height: %;
		overflow: hidden;
	}

		div#imageFadeContainer img {
			position: absolute;
			top: 0px;
			left: 0px;
		}

		div#imageFadeContainer div#hero-foreground {

		}

		div#imageFadeContainer div#hero-caption {

		}

		div#imageFadeContainer div#hero-controls {

		}

			div#imageFadeContainer div#hero-controls ul {

			}

				div#imageFadeContainer div#hero-controls ul li {

				}

					div#imageFadeContainer div#hero-controls ul li a {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-previous {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-pause {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-play {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-next {

					}
					
	/* Global styles */
	
	.clear {
		clear: both;
	}
	
	form .clear {
		clear: none;
	}
	
	.left {
		text-align: left;
	}
	
	.center {
		text-align: center;
	}
	
	.right {
		text-align: right;
	}
	
	img.left {
		float: left;
	}
	div.staff #bd img.left {
	    margin-right:1em;
	}
	
	img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.right {
		float: right;
	}
	
	.error, .errorlist {
	    font-weight:bold;
	    color:#c00023;
	}
	ul.errorlist, ul.errorlist li { margin:0; padding:0; list-style:none; }
	
	/* Specific styles */
	
	body {
	    border-top:5px solid #2676CC;
	    color:#4D4D4D;
	    background:#fff;
	}
	
	#bd h1 a, #bd h2 a, #bd h3 a, #bd h4 a, #bd h1, #bd h2, #bd h3, #bd h4 {
	    text-decoration:none;
	    color:#2676CD;
	    margin:0 0 0.5em;
	    border-bottom:0;
	}
    #bd h1 {
        font-size:28px;
        margin:0 0 5px;
        font-weight:normal;
        color:#2676CD;
        line-height:1.1;
    }
	#bd h4 {
	    color:#4D4D4D;
	}
	
	#bd a {
	    color:#1C59AC;
	    text-decoration:none;
	    border-bottom:1px solid #8CADD6;
	}
	#bd a:hover {
	    background:#E4EFFC;
	    border-color:#E4EFFC;
	}
	
	table td, table th {
	    border:0;
	    text-align:left;
	}
	div.yearbooks-archive #bd table td, div.yearbooks-archive #bd table th,
	div.flanigan-award-winners #bd table td, div.flanigan-award-winners #bd table th {
	    vertical-align:top;
	    border-bottom:1px solid #ccc;
	}
	div.yearbooks-archive #bd table th,
	div.flanigan-award-winners #bd table th {
	    border-bottom:2px solid #666;
	    padding-bottom:0;
	}
	table tr.alt td {
	    background:#eee;
	}
	table td ul {
	    margin:0;
	    padding:0;
	}
	table td ul li {
	    list-style:none;
	}
	
    table.account tr th, table.account tr td, table.proposal tr th, table.proposal tr td, table.contact tr th, table.contact tr td {
        padding:0.5em 0;
        vertical-align:top;
    }
    table.account tr th, table.proposal tr th, table.contact tr th {
        font-weight:normal;
    }
	table.proposal tr th {
	    width:140px;
	    padding-right:20px;
	}
	
	form input.text, form input.password, form textarea {
	    border:1px solid #999;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
	form input.submit {
	    border:0;
	    background:#2676cb;
	    color:#fff;
	    padding:3px 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-transform:uppercase;
        font-size:10px;
        float:right;
        clear:both;
        }
	
	.wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
		width: 940px; /* Set in ems by dividing the desired width by 13; the default is for 800px */
		text-align: left;
		margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
	}
    
    #hd {
        position:relative;
        margin-top:30px;
        height:58px;
    }
    #hd div#logo h2 {
        margin:0;
        text-indent:-9999px;
    }
    #hd div#logo h2 a {
        display:block;
        width:201px;
        height:53px;
        background:url(../images/AEFA_logo.png) 0 0 no-repeat;
    }
    #hd div#login_area {
        position:absolute;
        top:-5px;
        right:0;
        width:700px;
        text-align:right;
        color:#696969;
        font-size:11px;
    }
    #hd div#login_area a {
        color:#696969;
        text-decoration:none;
        border-bottom:1px solid #999;
        margin-left:10px;
    }
    #hd div#login_area p.logged_in {
        display:inline-block;
        height:16px;
        line-height:16px;
    }
    #hd div#login_area p.logged_in span {
        background:url(../images/welcome_man.png) 0 2px no-repeat;
        padding-left:13px;
    }
    #hd ul.navigation {
        position:absolute;
        bottom:-3px;
        right:0;
        margin:0;
        padding:0;
        height:38px;
        width:720px;
        display:block;
        overflow:hidden;
    }
    #hd ul.navigation li {
        list-style:none;
        margin:0;
        padding:0;
        position:relative;
        float:left;
        text-indent:-9999px;
    }
    #hd ul.navigation li a {
        position:relative;
        display:block;
        height:76px;
        background:0 0 no-repeat;
        z-index:10;
    }
    #hd ul.navigation li a:hover,
    div.about #hd ul.navigation li.nav-about a,
    div.members #hd ul.navigation li.nav-members a,
    div.publications #hd ul.navigation li.nav-publications a,
    div.news #hd ul.navigation li.nav-news a,
    div.conference #hd ul.navigation li.nav-annual-conference a,
    div.careers #hd ul.navigation li.nav-career-corner a,
    div.resources #hd ul.navigation li.nav-resources a
     {
        background-position:0 -38px;
    }
    
    #hd ul.navigation li.nav-about a {
        background-image:url(../images/nav-about.jpg);
        width:70px;
    }
    #hd ul.navigation li.nav-members a {
        background-image:url(../images/nav-members.jpg);
        width:88px;
    }
    #hd ul.navigation li.nav-publications a {
        background-image:url(../images/nav-publications.jpg);
        width:115px;
    }
    #hd ul.navigation li.nav-news a {
        background-image:url(../images/nav-news.jpg);
        width:62px;
    }
    #hd ul.navigation li.nav-annual-conference a {
        background-image:url(../images/nav-annual-conference.jpg);
        width:159px;
    }
    #hd ul.navigation li.nav-career-corner a {
        background-image:url(../images/nav-career-corner.jpg);
        width:127px;
    }
    #hd ul.navigation li.nav-resources a {
        background-image:url(../images/nav-resources.jpg);
        width:99px;
    }
    
    #bd {
        line-height:1.4;
    }
    
    #bd div.yui-gf div.main {
        margin-top:15px;
        margin-bottom:40px;
        width:720px;
    }
    #bd div.yui-gf div.first {
        width:200px;
    }
    #bd div.yui-gf div.yui-ge div.first {
        width:540px;
    }
    
    #bd div.search_sidebar {
        position:relative;
        z-index:100;
        margin-top:-12px;
        margin-left:-6px;
        padding-left:6px;
        width:160px;
        float:right;
        background: url(../images/search_sidebar_corner.png) no-repeat 0 0;
    }
    #bd div.search_sidebar div.search {
        background:#dfebf7;
        padding:7px 0 1px 7px;
        height:20px;
        overflow:hidden;
    }
    #bd div.search_sidebar div.search form input.search_field {
        border:0;
        width:125px;
        float:left;
        color:#666;
        height:13px;
        font-size:11px;
        padding:2px;
        
    }
    #bd div.search_sidebar div.search form input.search_submit {
        border:0;
        float:left;
    }
    
    #bd div.search_sidebar div.search_bottom {
        width:160px;
        height:3px;
        display:block;
        background: url(../images/search_bottom.png) 0 0 no-repeat;
    }
    #bd div.search_sidebar div.box {
        background:url(../images/sidebar-box-bg.jpg) 0 0 no-repeat;
        margin-top:10px;
        padding:10px 10px 1px;
        font-size:11px;
        color:#353638;
    }
    #bd div.search_sidebar div.box h3 {
        color:#353638;
    }
    #bd div.search_sidebar div.box_bottom {
        background:url(../images/sidebar-box-bottom-bg.jpg) 0 0 no-repeat;
        height:4px;
        display:block;
    }
    
    
    div.home #bd div.search {
        background:#1C6EC4 url(../images/home_search_top.jpg) 0 0 no-repeat;
        padding:10px 0 1px 7px;
        height:26px;
        overflow:hidden;
    }
    div.home #bd div.search label {
        float:left;
        color:#fff;
        margin:0 20px 0 10px;
        line-height:22px;
        font-weight:bold;
    }
    div.home #bd div.search form input.search_field {
        border:0;
        width:220px;
        float:left;
        color:#666;
        height:15px;
        font-size:11px;
        padding:3px;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 0;
        -webkit-border-top-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        
    }
    div.home #bd div.search form input.search_submit {
        border:0;
        float:left;
    }
    
    div.home #bd div.search_bottom {
        width:380px;
        height:3px;
        display:block;
        background: url(../images/home_search_bottom.jpg) 0 0 no-repeat;
        margin-bottom:10px;
    }
    
    #bd div.sidebar {
        position:relative;
        border-right:0px solid #e5e5e5;
        background:url(../images/sidebar_bg_fade.jpg) 100% 0 repeat-y;
        padding-bottom:45px;
        margin-bottom:40px;
        margin-top:15px;
    }
    #bd div.sidebar_bottom {
        position:absolute;
        right:0;
        bottom:0;
        width:100%;
        height:41px;
        background:url(../images/sidebar_bg_fade_bottom.jpg) 100% 100% no-repeat;
    }
    #bd div.sidebar ul {
        margin:0;
        padding:0;
        padding-top:5px;
        background:url(../images/sidebar_topper.jpg) 0 0 no-repeat;
        line-height:28px;
    }
    #bd div.sidebar ul li {
        width:100%;
        height:28px;
        line-height:28px;
        margin:0;
        padding:0;
        position:relative;
        list-style:none;
        background:#2676cd url(../images/sidebar_menu_bg.jpg) 100% 0 repeat-y;
        border-right:1px solid #d9d9d9;
        vertical-align: bottom; /* This fixes the IE gap issue */
    }
    #bd div.sidebar ul li a {
        top:0;
        left:0;
        position:absolute;
        height:18px;
        line-height:18px;
        padding:5px 5px 5px 10px;
        color:#fff;
        display:block;
        width:195px;
        text-decoration:none;
        border:0;
        }
    #bd div.sidebar ul li.selected a, #bd div.sidebar ul li a:hover,
    div.login #bd div.sidebar ul li.login a,
    div.membership-information #bd div.sidebar ul li.membership-information a,
    div.member-directory #bd div.sidebar ul li.directory a,
    div.account #bd div.sidebar ul li.account a,
    div.register #bd div.sidebar ul li.register a,
    div.register #bd div.sidebar ul li.registration a,
    div.grants-and-awards #bd div.sidebar ul li.grants-and-awards a,
    div.abstracts #bd div.sidebar ul li.abstracts a,
    div.efp-journal #bd div.sidebar ul li.ef_p a,
    div.receipts #bd div.sidebar ul li.receipts a,
    div.handbook #bd div.sidebar ul li.handbook a,
    div.state-of-the-states #bd div.sidebar ul li.state_of_the_state a,
    div.newsletters #bd div.sidebar ul li.newsletter a,
    div.yearbooks #bd div.sidebar ul li.yearbooks a,
    div.yearbooks-archive #bd div.sidebar ul li.yearbooks a,
    div.abstracts #bd div.sidebar ul li.abstracts a,
    div.overview #bd div.sidebar ul li.overview a,
    div.calendar #bd div.sidebar ul li.calendar a,
    div.search #bd div.sidebar ul li.search a,
    div.proposals #bd div.sidebar ul li.proposal a,
    div.all-careers #bd div.sidebar ul li.all-jobs a,
    div.past-conferences #bd div.sidebar ul li.past_conferences a,
    div.submit-job #bd div.sidebar ul li.submit-job a
     {
        background:url(../images/sidebar_selected.jpg) 100% 0;
        background-color:transparent;
        left:-5px;
        right:-10px;
        padding-left:15px;
    }
    #bd div.sidebar div.submenu_bottom {
        height:5px;
        width:100%;
        display:block;
        background:url(../images/sidebar_bottom.jpg) 0 0 no-repeat;
        margin-bottom:15px;
        clear:both;
    }
    
    #bd div.sidebar div.button {
        margin-bottom:10px;
        width:100%;
        overflow:hidden;
    }
    #bd div.sidebar div.button a {
        border:0;
        background:none;
    }
    #bd div.sidebar div.button p {
        margin-right:10px;
    }
    #bd .paginate a {
        border-bottom:0;
    }
    #bd .paginate span {
        color:#ccc;
    }
    #bd .paginate p.left {
        width:50%;
        float:left;
        position:relative;
    }
    #bd .paginate p.right {
        width:50%;
        float:right;
        position:relative;
    }
    
    #bd div.item {
        border-bottom:1px solid #ccc;
        margin-bottom:10px;
        padding-bottom:10px;
        width:100%;
        overflow:hidden;
    }
    
    #bd p.note {
        padding:5px;
        background:#e4f1fe;
        border:1px solid #d8e4f0;
    }
    
    #bd div.job h3 {
        margin-bottom:5px;
        border-bottom:1px solid #c8dded;
    }
    
    div.news #bd div.item div.thumbnail {
        position:relative;
        display:block;
        width:140px;
        height:130px;
        float:left;
    }
    div.news #bd div.item div.thumbnail a {
        width:140px;
        height:130px;
        overflow:hidden;
        display:block;
        border-bottom:0;
    }
    div.news #bd div.item div.thumbnail a span {
        background:url(../images/news_thumbnailer.png) 0 0 no-repeat;
        _background-image: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/news_thumbnailer.png', sizingMethod='crop');
        z-index:200;
        width:140px;
        height:130px;
        display:block;
        position:absolute;
        overflow:hidden;
        top:0;
        left:0;
    }
    div.news #bd div.item div.teaser {
        width:380px;
        float:right;
    }
    div.news #bd div.item div.teaser h3 a {
        color:#2F1E00;
        font-size:110%;
    }
    div.news #bd div.archives ul {
        margin:0;
        padding:0;
    }
    div.news #bd div.archives ul li {
        list-style:none;
        margin:0 0 10px;
        padding:0;
    }
    div.news #bd div.archives ul li a {
        border-bottom:0;
    }

    
    div.home #bd {
        margin-top:30px;
    }
    div.home #bd div#top_content {
        width:100%;
        overflow:hidden;
    }
    div.home #bd div#top_left {
        width:540px;
        float:left;
    }
    div.home #bd div#top_left h3 {
        font-size:150%;
    }
    div.home #bd div#top_left div.top_story {
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
    }
    div.home #bd div#top_left ul {
        margin:0;
        padding:0;
    }
    div.home #bd div#top_left ul li {
        margin:0;
        border-bottom:1px solid #ccc;
        list-style:none;
    }
    div.home #bd div#top_left ul li h3 {
        margin:0;
    }
    div.home #bd div#top_left ul li h3 a {
        display:block;
        padding:10px 10px 10px 0;
        margin:0;
        background-image:url(../images/homepage_news_arrow.png);
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }
    div.home #bd div#top_left ul li h3 a:hover {background-color:transparent;}
    
    div.home #bd div#top_right {
        width:380px;
        float:right;
        overflow:hidden;
    }
    div.home #bd div.heroshot {
        margin-bottom:10px;
    }
    div.home #bd div.heroshot a {
        border-bottom:0;
    }
    
    div.home #bd div#bottom_content {
        margin:5px 0 50px;
    }
    div.home #bd div#bottom_content a {
        border-bottom:0;
    }
    
    div.members #bd form.search_name, div.members #bd div#browse_by {
        margin-bottom:10px;
        background:#dfebf7;
        width:520px;
        overflow:hidden;
        padding:10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    div.members #bd form.search_name input.search_text {
        display:inline-block;
        width:450px;
        *width:420px;
    }
    div.members #bd form.search_name input.search_submit {
        display:inline-block;
        float:none;
    }
    div.members #bd div#browse_by a {
        border-bottom:0;
    }
    div.members #bd div#browse_by ul {
        margin:0;
    }
    div.members #bd div#browse_by ul li {
        list-style:none;
        margin:0 0.75em 0 0;
        padding:0;
        float:left;
    }
    
    div.members #bd form.registration, 
    div.members #bd form.account, 
    div.about #bd form.contact, 
    div.careers #bd form.careers,
    div.proposals #bd form.proposals,
    #bd form.register {
        width:400px;
        margin-bottom:20px;
        overflow:hidden;
    }
    div.about #bd form.contact {
        width:100%;
    }
    div.members #bd form.registration label, 
    div.members #bd form.account label, 
    div.about #bd form.contact label, 
    div.careers #bd form.careers label {
        width:130px;
        display:inline-block;
    }
    div.members #bd form.registration input.text, 
    div.members #bd form.registration input.password, 
    div.members #bd form.account input.text, 
    div.members #bd form.account input.password, 
    div.careers #bd form.careers input.text, 
    div.careers #bd form.careers input.password, 
    div.careers #bd form.careers textarea,
    div.proposals #bd form.proposals input.text, 
    div.proposals #bd form.proposals textarea,
    #bd form.register input.text,
    #bd form.register input.password,
    #bd form.register textarea,
    #bd form.register select#id_memberType
     {
        width:260px;
    }
    
    
    div.members #bd form select#id_classification {
        width:260px;
    }
    
    div.about #bd form.contact input.text, 
    div.about #bd form.contact textarea {
        width:400px;
    }
    
    
    div.about #bd h2 {
        color:#343434;
        font-weight:normal;
        font-size:140%;
    }
    div.about #bd h3 {
        font-weight:normal;
    }
    
    div.faq #bd h3 {
        font-weight:bold;
        margin-bottom:0;
    }
    
    div.sustaining-members #bd div.item, div.institutional-members #bd div.item {
        padding:10px 0;
    }
    div.sustaining-members #bd div.item div.logo, div.institutional-members #bd div.item div.logo {
        width:120px;
        text-align:center;
        float:left;
    }
    div.institutional-members #bd div.item div.logo {
        width:220px;
    }
    div.sustaining-members #bd div.item p, div.institutional-members #bd div.item p {
        float:right;
        width:400px;
        padding-top:30px;
    }
    div.institutional-members #bd div.item p {
        width:300px;
    }
    
    div.staff #bd h2 {
        margin-bottom:0;
    }
    
    div.abstracts #bd div.item h3 {
        margin-bottom:0;
    }
    
    #ft {
        background:url(../images/footer_bg.jpg) 0 0 repeat-x;
        height:99px;
        padding:0;
        font-size:11px;
        color:#fff;
        width:100%;
        overflow:hidden;
    }
    #ft a {
        color:#fff;
        text-decoration:none;
    }
    
    #ft div.menu {
        width:80%;
        float:left;
        height:50px;
        line-height:50px;
    }
    #ft div.cx {
        width:20%;
        float:right;
        text-align:right;
        height:50px;
        line-height:50px;
    }