/* GLOBAL ELEMENT STYLES */
html { overflow:-moz-scrollbars-vertical; }
html, body { height:100%; }
body { margin:0; background-color:#d7d7d0; background-repeat:repeat-y; background-image:url(../images/bg-main.gif); }
div, form { margin:0; padding:0; }
img { border:0; }
.clearing { height:0; clear:both; }
/* containment approach for div's with floated children */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clearMe {overflow:hidden;width:100%;}
/* TEXT STYLES */
div, td, th, p, input,
textarea, select { font-family:verdana, helvetica, arial, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#333333; }
p { margin:0 0 12px 0; }
a { color:#333333; }
a:hover { color:#ce8e00; text-decoration:none; }
a.lock { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-lock.gif); background-repeat:no-repeat; background-position:1px 0;}
a.pdf { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-pdf.gif); background-repeat:no-repeat; background-position:0 0;}
a.doc { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-doc.gif); background-repeat:no-repeat; background-position:0 0;}
a.plain { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-plain.gif); background-repeat:no-repeat; background-position:0 0;}
a.xls { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-xls.gif); background-repeat:no-repeat; background-position:0 0;}
a.mov { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-mov.gif); background-repeat:no-repeat; background-position:0 0;}
a.print { display:block; padding:0 0 0 22px; margin-bottom:4px; background-image:url(../images/icon-print.gif); background-repeat:no-repeat; background-position:0 2px;}
a.camera { display:block; padding:0 0 0 25px; margin-bottom:4px; background-image:url(../images/icon-camera.gif); background-repeat:no-repeat; background-position:0 2px; }
a.edit { text-decoration:none; }
a.gallery { padding:0 0 2px 20px; background-image:url(../images/icon-gallery.gif); background-repeat:no-repeat; background-position:0 0;}
a.camera-inline { padding:0 0 0 25px; background-image:url(../images/icon-camera.gif); background-repeat:no-repeat; background-position:0 2px; }
a.roundarrow { line-height:18px;padding:3px 0 2px 20px;background-image:url(../images/icon-roundarrow.gif); background-repeat:no-repeat; background-position:0 2px; }
a.archive-year { font-size:10px; line-height:17px; padding:1px 4px 1px 4px; text-decoration:none; }
a.archive-year:hover,
a.archive-year-active { color:#FFFFFF; background-color:#8dadcf; }
h1 { font-family:verdana, helvetica, arial, sans-serif; font-size:18px; line-height:22px; font-weight:normal; color:#002f5f; margin:0 0 10px 0; }
h2 { font-family:verdana, helvetica, arial, sans-serif; font-size:14px; line-height:22px; font-weight:normal; color:#002f5f; margin:20px 0 5px 0; }
h3 { font-family:verdana, helvetica, arial, sans-serif; font-size:11px; line-height:22px; font-weight:bold; color:#002f5f; margin:0 0 0 0; }
h4 { font-family:verdana, helvetica, arial, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#002f5f; margin:0 0 0 0; }
/*copies of h styles for editor*/
.h1_e { font-family:verdana, helvetica, arial, sans-serif; font-size:18px; line-height:22px; font-weight:normal; color:#002f5f; }
.h2_e { font-family:verdana, helvetica, arial, sans-serif; font-size:14px; line-height:22px; font-weight:normal; color:#002f5f; }
.h3_e { font-family:verdana, helvetica, arial, sans-serif; font-size:11px; line-height:22px; font-weight:bold; color:#002f5f; }
.h4_e { font-family:verdana, helvetica, arial, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#002f5f; }
h2.nomargin { margin:0 }
h3.noheight { line-height:16px; }
h3.lock { padding:0 0 0 22px; line-height:16px; margin-bottom:4px; background-image:url(../images/icon-lock.gif); background-repeat:no-repeat; background-position:1px 0;}
h3 a { font-weight:normal; }
ul { margin:0 0 15px 16px; }
ul li { line-height:14px; padding:0 0 4px 10px; margin:0; background-image:url(../images/bullet-arrow.gif); background-repeat:no-repeat; list-style-type: none; background-position:0 5px; }
.redmessage { color:#AA0000; }
.green { color:#888762; }
.large { font-size:18px; }
.small { font-size:10px; }
.note { color:#666666; font-size:10px; line-height:13px; }
span.white-on-orange { color:#FFFFFF; font-size:10px; font-weight:bold; line-height:17px; background-color:#d09008; padding:1px 4px 1px 4px; }
span.white-on-blue { color:#FFFFFF; font-size:10px; line-height:17px; background-color:#8dadcf; padding:1px 4px 1px 4px; }
div.title-wrapper { margin-bottom:20px; }
div.subtitle-wrapper { margin-bottom:10px; }
.mission { font-size:13px; line-height:18px; }
.mission h2 { color:#002f5f; font-size:17px; line-height:22px; margin:0; padding:0; display:inline; font-weight:normal; }
/* GLOBAL LAYOUT STYLES */
#main { position:relative; width:980px; text-align:left; height:100%; background-image:url(../images/bg-content.gif); background-repeat:repeat-y; background-position:212px 0; }
#left-column { position:absolute; left:0px; top:0px; width:212px;z-index:2; }
#logo { margin:17px 0 17px 58px; }
.print-only { display:none; }
#nav-wrapper { margin:0 0 35px 17px; background-color:#a9a884; }
#nav-wrapper #top { background-image:url(../images/bg-navtopcap.gif); }
#nav-wrapper #mid { padding:13px 0 19px 0;}
#nav-wrapper #bot { background-image:url(../images/bg-navbotcap.gif); }
#nav-wrapper #mid img.topnav { border-bottom:1px dotted #d4d4c2; }
#nav-wrapper #mid #active-wrapper { background-color:#888762; padding:14px 0 12px 24px; border-bottom:1px dotted #d4d4c2; }
#nav-wrapper #mid #active-wrapper img { margin-bottom:10px; }
#nav-wrapper #mid #active-wrapper img.nosub { margin-bottom:4px; }
#nav-wrapper #mid #active-wrapper a.img { padding-left:0; }
#nav-wrapper #mid #active-wrapper a { color:#ffffff; display:block; text-decoration:none; padding-left:2px; }
#nav-wrapper #mid #active-wrapper a:hover,
#nav-wrapper #mid #active-wrapper a#active { color:#ebe2a2; }
#nav-wrapper #mid #active-wrapper div { margin:2px 0 2px 0; }
#nav-wrapper #mid #active-wrapper div a { padding-left:16px; }
#nav-wrapper #mid #active-wrapper div a:hover,
#nav-wrapper #mid #active-wrapper div a#active { color:#ebe2a2; background-image:url(../images/icon-arrow.gif); background-repeat:no-repeat; background-position:2px 7px; }
#nav-wrapper .nav-flyout-outer { position:relative;bottom:39px;left:195px;z-index:1; }
#nav-wrapper .nav-flyout { position:absolute;width:171px;display:none; }
#nav-wrapper .nav-flyout a { color:#ffffff;text-decoration:none;padding-left:2px; }
#nav-wrapper .nav-flyout a:hover,
#nav-wrapper .nav-flyout a#active { color:#ebe2a2; }
#nav-wrapper .nav-flyout-inner { background-color:#908f6b;padding:5px 0 7px 24px; }
#subscribe-wrapper { margin:0 0 24px 17px; }
#subscribe-wrapper div { margin-bottom:9px; font-family:arial, helvetica, verdana, sans-serif; line-height:14px; }
#subscribe-wrapper #subscribe { color:#666666; width:127px; height:16px; border:1px solid #d6d6d6; margin-right:3px;}
#promo-wrapper { margin:0 0 12px 17px; }
#partners { margin:0 0 0 36px; height:100px; }
#partners .title { margin:0 0 23px 0; }
#aoalogos { margin:0 0 0 16px; padding:20px; border-top:1px solid #CCCCCC; text-align:center; width:137px; }
#right-column { position:absolute; left:212px; top:0; width:768px; background-image:url(../images/bg-content.gif); background-repeat:repeat-y;z-index:1; }
#header { width:768px; height:50px; background-color:black; }
#utility-nav { padding:16px 0 0 28px; }
#utility-nav a { color:#a9aa81; font-size:10px; font-weight:bold; text-decoration:none; padding:6px 10px 6px 10px; border-right:1px dotted #666666; }
#utility-nav a:hover { color:#ce8e00; }
#utility-nav a#donate { color:#ce8e00; border-right:0; }
#utility-nav a#donate:hover { color:#ffffff; }
#search-wrapper { color:#a9aa81; font-size:10px; font-weight:bold; float:right; margin:14px 23px 0 0; }
#search-wrapper input#search { color:#a9aa81; width:127px; height:15px; border:1px solid #62634b; background-color:#3d3d30; margin:0 0 0 8px;}
#header-image { }
#content-wrapper { padding:30px 36px 0 38px; width:694px; }
#content-wrapper .left { float:left; width:410px; padding-right:24px; margin-bottom:45px; }
#content-wrapper .right { width:245px;padding-left:14px;float:right; }
#donatespiff { margin:5px 0 15px 0; }
#support-spiff-right { float:left;width:133px;margin:7px 0 0 7px; }
#footer { border-top:2px solid #e1e1e1; padding-top:13px; margin-top:40px; }
#footer #brighter { float:right; width:306px; }
#footer-nav { font-size:10px; line-height:10px; padding-top:3px; }
#footer-nav img { margin:0 3px 0 0;}
#footer-nav a.txt { color:#777777; border-right:1px solid #9b9b9b; padding:0 9px 0 5px; }
#footer-nav a.last { color:#777777; padding:0 9px 0 5px; }
#footer .copyright { color:#999999; font-size:10px; margin:50px 0 17px 0; }
div.grayline { background-color:#e1e1e1; height:1px; width:100%; margin:20px 0 15px 0; }
div.grayline-close { background-color:#e1e1e1; height:1px; width:100%; margin:10px 0 5px 0; }
/* FORM ELEMENTS */
input.amount { width:70px; height:12px; line-height:12px; }
input.reg { width:148px; height:12px; line-height:12px; }
input.sm { width:30px; height:12px; line-height:12px; }
select.reg { width:152px; height:16px; line-height:12px; }
select.sm { width:67px; height:16px; line-height:12px; }
/* PAGE SPECIFIC STYLES */
/* HOME PAGE */
#home-flash { background-color:#00234a; height:244px; }
.home-title { margin-bottom:15px; }
.home-article { border-top:1px dotted #BBBBBB;padding:4px 0 6px; }
.home-article-img { float:left; margin-right:15px; }
.home-article-videohighlight { padding:9px 0;border-top:1px dotted #BBBBBB; }
.home-article-videohighlight-bottom { padding:9px 0;border-top:1px dotted #BBBBBB;border-bottom:1px dotted #BBBBBB;margin-bottom:9px; }
.home-article-videohighlight-inner-right { float:left;margin-left:11px;width:133px; }
.home-article-videohighlight-inner-right h3.video { font-size:10px;line-height:12px; }
.home-article-videohighlight-inner-right br { line-height:4px; }
.home-article-videohighlight a,
.home-article-videohighlight-bottom a { text-decoration:none; }
.video-play-transparency { position:relative;z-index:100;left:6px;top:6px; }
.video-play-transparency img { position:absolute; }
.newstag { height:14px;width:58px;float:left;line-height:12px;font-size:9px;padding-left:3px;font-weight:bold; }
.newstag-active { background:#fff url('/common/images/newstag-active.gif') no-repeat 0 0;color:#fff; }
.newstag-inactive { background:#fff url('/common/images/newstag-inactive.gif') no-repeat 0 0;color:#5a7f90; }
.link-wrapper { border-top:1px dotted #BBBBBB;padding-top:20px; }
a.home-newsarchive { font-size:10px; background-image:url(../images/icon-arrow2.gif); background-repeat:no-repeat; background-position:80px 2px; padding-right:18px; margin-right:7px; }
a.home-newsarchive:hover { background-image:url(../images/icon-arrow2-on.gif); }
a.home-eventarchive { font-size:10px; background-image:url(../images/icon-arrow2.gif); background-repeat:no-repeat; background-position:83px 2px; padding-right:16px; }
a.home-eventarchive:hover { background-image:url(../images/icon-arrow2-on.gif); }
a.home-movie-title { font-weight:bold; text-decoration:none; padding:0 0 0 25px; background-image:url(../images/icon-camera.gif); background-repeat:no-repeat; background-position:0 2px; }
.img-link { margin-bottom:7px; }
#homepage-accordion h3 { cursor:pointer;cursor:hand;line-height:14px; }
#homepage-accordion .ui-accordion-content { padding:9px 0; }
#homepage-accordion .homepage-accordion-header { outline:none; }
#homepage-accordion .homepage-accordion-header h3 { float:left; }
#homepage-accordion .homepage-accordion-header img { float:right;margin-right:3px;cursor:pointer;cursor:hand; }
.article-image { float:left; margin-right:15px; }
.article-image img { margin-bottom:3px; }
/* ABOUT AOF */
img.about { float:right; border:1px solid #e2e2e2; margin:5px 0 0 30px; }
/* LEADERSHIP */
img.leader { float:right; border:1px solid #e2e2e2; margin:5px 0 0 50px; }
/* STAFF */
div.staff { height:260px; }
img.staff { float:left; border:1px solid #e2e2e2; margin:5px 30px 0 0; }
/* OUR PARTNERS */
table#partner-table { width:100%; padding:0; border:0; margin:30px 0 0 0; }
table#partner-table td.container { width:33%; padding:0; text-align:center; vertical-align:top; }
table#partner-table td div { width:200px; height:98px; padding:16px 0 0 16px; margin:0 0 15px 0; text-align:left; background-image:url(../images/bg-partner.gif); background-repeat:no-repeat; }
/* GIVING SUBPAGES */
table#annual-giving { width:100%; padding:0; border:0; margin:10px 0 10px 0; }
table#annual-giving th { padding:2px 0 3px 6px; text-align:left; }
table#annual-giving td { padding:2px 6px 3px 0; text-align:right; }
table#annual-giving tr.top td,
table#annual-giving tr.top th { background-color:#e6b33f; border-bottom:1px solid white; }
table#annual-giving tr.top td { font-weight:bold; }
table#annual-giving tr.midtop td,
table#annual-giving tr.midtop th { background-color:#eacf92; border-bottom:1px solid white; }
table#annual-giving tr.midtop td { font-weight:bold; }
table#annual-giving tr.midbot td,
table#annual-giving tr.midbot th { background-color:#f7eacc; border-bottom:1px solid white; }
table#annual-giving tr.midbot td { font-weight:bold; }
table#annual-giving tr.bot td,
table#annual-giving tr.bot th { border-bottom:1px solid #e1e1e1; }
/* DONATE PAGES */
img.donate-step { margin-right:17px; }
.donate-nav-wrapper { margin-bottom:27px; }
.donate-nav-wrapper-short { margin-bottom:11px; }
.donate-boxtop-lined { background-image:url(../images/donate-boxtop-lined.gif); background-repeat:no-repeat; }
.donate-box-lined { background-image:url(../images/bg-donate-lined.gif); background-repeat:repeat-y; width:658px; padding:9px 16px 9px 16px; }
.donate-boxbot-lined { background-image:url(../images/donate-boxbot-lined.gif); background-repeat:no-repeat; }
.donate-boxtop { background-image:url(../images/donate-boxtop.gif); background-repeat:no-repeat; }
.donate-box { background-color:#f7eacc; width:658px; padding:9px 16px 9px 16px; }
.donate-boxbot { background-image:url(../images/donate-boxbot.gif); background-repeat:no-repeat; margin-bottom:7px; }
.donate-boxbot-nomargin { background-image:url(../images/donate-boxbot.gif); background-repeat:no-repeat; }
.threecol-left2 { float:left; width:473px; margin-top:36px; }
.threecol-left { float:left; width:230px; }
.threecol-mid { margin-left:245px; width:220px; }
.threecol-right { margin-left:476px; width:210px; margin-top:36px; }
.donate-box .threecol-left2 { float:left; width:412px; margin-top:36px; }
.donate-box .threecol-left { float:left; width:210px; }
.donate-box .threecol-mid { margin-left:215px; width:190px; }
.donate-box .threecol-right { margin-left:415px; width:210px; margin-top:36px; }
.twocol-left { float:left; width:300px; }
.twocol-right { margin-left:315px; width:300px; }
.form-labels { float:left; width:100px; padding-left:3px; line-height:22px; }
.form-elements { margin-left:110px; width:180px; padding-top:1px; }
.form-elements input { margin-bottom:4px; }
.form-elements select { margin-bottom:4px; }
/* DONATE STEP 1 */
#step1-left { float:left; width:210px; }
#step1-right { margin-left:230px; width:350px; }
/* DONATE STEP 3 */
.step3-left { float:left; width:110px; padding-bottom:8px; }
.step3-right { margin-left:125px; width:275px; padding-bottom:8px; }
/* DONATE STEP 4 */
.step4-left { float:left; width:405px; }
.step4-right { margin-left:415px; width:230px; }
.step4a-left { float:left; width:110px; padding-bottom:8px; }
.step4a-right { margin-left:125px; width:100px; padding-bottom:8px; }
/* NEWS AND EVENTS HOME */
.news-left { float:left; width:410px; }
.news-left .news-container h3 { line-height:14px; }
.news-left .news-container a { text-decoration:none; }
.news-left .news-container .news-content { padding:10px 0 8px; }
.news-right { width:250px; float:right; }
.news-right .newsletter-container { margin:16px 0 44px; }
.news-right .newsletter-container img { margin-bottom:12px; }
.news-right .newsletter-container div { position:relative;top:10px;left:10px;width:145px; }
.news-right .newsletter-container div h3 { position:absolute;line-height:16px; }
.news-right .newsletter-container a.home-newsarchive { background-position:109px 2px; }
.news-right .newsletter-container a.pdf-link { text-decoration:none;cursor:pointer;cursor:hand; }
.tab-wrapper { width:330px; margin-top:33px; background-image:url(../images/bg-newsgrad.gif); background-repeat:repeat-x; }
.tab-wrapper .tabs { width:330px; height:22px; padding:4px 0 0 8px; font-size:10px; background-image:url(../images/bg-tab.gif); background-repeat:no-repeat; }
.tab-wrapper .tabs span { color:#012851; font-weight:bold; }
.tab-wrapper .tabs a.gallery { padding:0 0 2px 20px; background-image:url(../images/icon-gallery.gif); background-repeat:no-repeat; background-position:0 0;}
.tab-wrapper .item { border-bottom:1px solid #e1e1e1; border-top:0px; padding:13px 13px 13px 13px; }
.tab-wrapper .item .date { float:left; width:80px; }
.tab-wrapper .item .article { width:210px; margin-left:90px; }
/* NEWS AND EVENTS ARCHIVE */
.item { border-top:1px solid #e1e1e1; padding:10px 0 10px 0; }
.date { float:left; width:100px; }
.article { width:550px; margin-left:110px; }
.article-image { float:left; margin-right:15px; }
.article-image img { margin-bottom:3px; }
/* NEWS DETAIL */
div.list-section { line-height:14px; padding-bottom:7px; margin-bottom:4px; border-bottom:1px solid #e1e1e1; }
.detail-image { float:right; margin-left:15px; width:200px; }
/* VIDEO GALLERY */
.videogallery-left { float:left;width:430px; }
.videogallery-right { float:left;margin:0 0 0 30px;width:220px; }
.videolist-left { float:left;width:330px; }
.videolist-right { float:left;margin:0 0 0 30px;width:330px; }
#video-wrapper { background-image:url(../images/bg-newsgrad.gif); background-repeat:repeat-x; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; margin-bottom:18px; }
.video-item { border-top:1px solid #e1e1e1; padding:5px 0 5px 0; }
.video-item img { margin-right:15px; }
.video-item a { text-decoration:none; }
.video-item .article { width:210px; margin-left:115px; }
.video-item .video-item-content { float:right;width:215px; }
#video_player { height:242px; background-color:#999999; }
h3.video { line-height:16px; }
.videosectioncontainer { margin-top:16px; }
/* NEWSLETTER PAGE */
.newslettersectioncontainer { margin-top:16px; }
.newsletter-left { float:left;width:330px; }
.newsletter-right { float:left;margin:0 0 0 30px;width:330px; }
/* CMS LOGIN */
input#username { color:#666666; width:175px; height:16px; border:1px solid #d6d6d6; margin-right:3px;}
input#password { color:#666666; width:175px; height:16px; border:1px solid #d6d6d6; margin-right:3px;}
/* CMS STYLES */
.cms a { color:#333333; }
.cms a:hover { color:#ce8e00; text-decoration:none; }
.cms .note { color:#666666; font-size:9px; font-weight:normal; }
.cms .red { color:#AA0000; }
.cms hr { color:#e1e1e1; height:1px; width:100%; }
.cms #admin-nav { float:right; margin-top:4px; }
.cms #admin-nav a { color:#002f5f; text-decoration:none; }
.cms #admin-nav a:hover { color:#ce8e00; }
.cms div#desktops { background-color:#eeeeee; padding:5px 10px 5px 10px; margin-bottom:20px; }
.cms ul { margin:0 0 0 10px; padding:0; }
.cms ul li { line-height:14px; padding:0 0 4px 10px; margin:0; background-image:url(../images/bullet-arrow.gif); background-repeat:no-repeat; list-style-type: none; background-position:0 5px; }
.cms ul li a { color:#002f5f; text-decoration:none; }
.cms ul li a:hover { color:#ce8e00; }
.cms #add-link { float:right; margin-top:3px; }
.cms #left { float:left; width:300px; }
.cms #right { width:300px; margin:0 0 0 350px; }
.cms input.reg { width:200px; height:14px; padding:1px; line-height:14px; }
.cms input.sort { width:30px; height:14px; padding:1px; line-height:14px; }
.cms input.file { width:200px; height:20px; line-height:14px; }
.cms textarea { width:300px; height:300px; }
.cms textarea.small { height:150px; }
.cms table.item-list { border:0px; border-collapse:collapse; width:100%; margin-top:5px; }
.cms table.item-list th { color:#002f5f; padding:4px; border-bottom:1px solid #BBBBBB; white-space:nowrap; font-weight:bold; }
.cms table.item-list td { padding:4px; background-color:#FFFFFF; }
.cms table.item-list tr.alt td { background-color:#F5F5F5; }
.cms table.content-table { }
.cms table.content-table td { padding:4px 4px 8px 4px; }
.cms table.content-table td.label { text-align:right; font-weight:bold; vertical-align:top; padding-right:8px; }
.cms table.content-table td.input { text-align:left; vertical-align:top; }