﻿@import url(default.css);
@media screen {

#quicklinks { display: none; }

.ir { display: inline-block; /*help IE6*/}
.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.print .ir { overflow: visible; height: auto!important; padding-top: 0!important; }

.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; list-style: none; display: block;}
li.selectorClass3 {
    float: left;
    margin: 0 20px;
}
.print .nav { display: none; }
.nav dt { height:0; visibility:hidden; overflow:hidden; }

.AT { font-weight: bold; }

/* =LAYOUT
****************************/
body {
background: url("/images/paper.jpg") repeat scroll 0 0 transparent
  }

.searchbox
{
	position:absolute;
	z-index:1;
	right:40px;
	top:33px;
    text-align: right;
}
.ArtLinksPromoIsLive .searchbox { top: 25px; }

.ArtLinksPromoIsLive .gallerylink { right: 140px; }
.gallerylink
{
	position:absolute;
	z-index:1;
	right:230px;
	top:21px;
        display: none;
}

.artlinkspromo { display: none; }
.ArtLinksPromoIsLive .artlinkspromo
{
    display: block;
	position:absolute;
	z-index:1;
	right:270px;
	top:21px;
}

.searchbox input {  border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #888888;
    font-family: Georgia;
    font-style: italic;
    padding: 3px;
    vertical-align: middle;
    font-size: 14px; }

form { width: 976px; margin: 15px auto 0; background: url(/images/aac09_mp_body-tile.png) repeat-y 0 0; padding-bottom: 1px; }

#header  { background: url(/images/aac09_int_header-img_012.jpg) no-repeat  0 78px; height: 205px; position:relative; z-index:1;}
.home #header { background: url(/images/aac09_mp_header-img2.jpg) no-repeat  0 78px; }
#header h1 { margin: 0; padding: 0; }
#header .ir { padding: 78px 0 0; height: 78px; background:url(/images/aac09_mp_header.png) no-repeat 0 0;}
#header .prog { padding: 78px 0 0; height: 46px; background:url(/images/Programs/aac_programs-hdr_logo.gif) no-repeat 0 0;}

#content { font-size: 13px; line-height:21px; }
#main { width: 100%; float: left;}
#main .content { margin: 0 9px 0 300px; padding: 0 8px 0 0; }
.home #main .content { margin-left: 509px; padding: 0 8px 0 0; }
.sec_gallery #main .content { margin: 0 9px; padding: 0 8px; }

#breadcrumbs { font-size:12px; margin:-10px 0 20px -10px; }


#tools { font-size: 12px; margin: 0px -10px 20px 0px; float:right; }
#tools li { display: table-cell; display: inline-block; vertical-align: none; margin-right: 10px; zoom: 1; *display: inline; }
#tools .print a { display: block; height: 32px; line-height: 33px; margin-top: 4px; background: url(/images/print-icon.png) no-repeat 0 0; padding-left: 35px; }

#tools .text a { vertical-align: baseline; }
.txtSmaller { font-size: .83em; }
.txtLarger { font-size: 1.2em; }

#sidebar { width: 292px; float:left; margin-left: -100%; padding-left: 9px;  }
.home #sidebar { width: 498px; padding-left: 17px; }
#featured {  margin-left: 9%; }
#featured li { padding: 5px 0; }
.home #featured li { clear: right;
    display: block;
    float: left;
    padding: 10px;
    width: 80px; margin-bottom:5px; } 
#featured img { vertical-align: middle; border: 0 none;}


#pgHeading { height: 50px!important; text-indent: -999em; background: url(/images/aac09_int_sub-about.gif) no-repeat 100% 100%; margin: 0; }
.sec_grants #pgHeading  { background-image: url(/images/aac09_int_sub-grant-apps.gif); }
.sec_programs #pgHeading  { background-image: url(/images/aac09_int_sub-programs.gif); }
.sec_news #pgHeading  { background-image: url(/images/aac09_int_sub-news.gif); }
.sec_whats-new #pgHeading  { background-image: url(/images/aac09_int_sub-news.gif); }
.sec_events #pgHeading  { background-image: url(/images/aac09_int_sub-opportunities.gif); }
.sec_partners #pgHeading  { background-image: url(/images/aac09_int_sub-partners.gif); }
.sec_sitemap #pgHeading { background-image: url(/images/aac09_int_sub-sitemap.gif); }
.sec_search #pgHeading { background-image: url(/images/aac09_int_sub-search.gif); }
.sec_gallery #pgHeading { background-image: url(/images/aac09_int_sub-photogallery.gif); }
.sec_whats-new #pgHeading { background-image: url(/images/aac09_int_sub-whatsnew.gif); }

.sec_about #headImg { height:127px; width:976px; background: url(/images/aac09_int_header-img_about-us2.jpg) no-repeat 100% 100%; margin: 0; }
.sec_grants #headImg  { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_grant-apps2.jpg); }
.sec_programs #headImg  { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_programs2.jpg); }
.sec_news #headImg  { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_news2.jpg); }
.sec_events #headImg { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_events2.jpg); }
.sec_partners #headImg  { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_partners2.jpg); }
.sec_privacy #headImg { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_about-us2.jpg); }
.sec_sitemap #headImg { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_site-map.png); }
.sec_search #headImg { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_site-map.png); }
.sec_gallery #headImg { height:127px; width:976px; background-image: url(/images/aac09_int_header-img_site-map.png); }

.box { /*background: url(/images/aac09-shadow-box.gif) repeat-y 100% 0;*/ }
.box .bt { /*background: url(/images/aac09-shadow-box.gif) no-repeat 0 0;*/ overflow: hidden; width: 100%; display: none; }
.box .bb { /*background: url(/images/aac09-shadow-box.gif) no-repeat 0 100%;*/ overflow: hidden; width: 100%; }
.box .bt b { float:right; width: 20px; height: 15px; /*background:url(/images/aac09-shadow-box.gif) no-repeat -780px 0;*/ }
.box .bb b { float:right; width: 20px; height: 15px; /*background:url(/images/aac09-shadow-box.gif) no-repeat -780px 100%;*/ }
.box .bc { /*background: #E2E2E2 url(/images/aac09-shadow-box.gif) repeat-y -837px 0;*/ margin-right: 6px; }
.box .bc .ic { margin-left: 7px; /*background-color: #e2e2e2;*/ padding: 10px 10px 5px 20px; }


#nefta { width: 45%; margin: 2em auto 1em 321px; overflow: hidden; font-size: 12px; line-height: 1.4; clear: both; padding-top: 10px; color: #a1a1a1;}
.home #nefta { margin-left: auto; float:left; clear: right; width:43%; display:block; margin-top: -5px;}
#nefta .logo { float: left; margin: -10px 5px 5px 0;  }

#links { clear: both; font-weight: bold; text-align: center; color: #3A3D8A; margin: 1em 0; word-spacing: 1em; }
#links li { display: inline; color:#3a3e8a; }
#links a { word-spacing: normal;font-size:12px; }

.tagLine  {text-align: center; font-size: 1.4em; margin: 2em 0; letter-spacing: 1px; line-height: 1.4; }




#dah { height: 89px; padding-top:10px;}
#dah li { float: left; }
#dah .ir { background: url(/images/aac_dah-logos_2010_bluedark.gif) no-repeat 0 0; padding-top: 67px; height: 67px; }
#dah a.ir:hover { background-image: url(/images/aac_dah-logos_2010_bluedark.gif); background-repeat: no-repeat; padding-top: 68px; height: 68px; }

#dah_ahpp a.ir { background-position: 0px 0px; width:70px; margin-left: 145px; }
#dah_main a.ir { background-position: -70px 0px; width:91px; }
#dah_oshm a.ir { background-position: -161px 0px; width: 100px; }
#dah_dcc a.ir { background-position: -261px 0px; width: 90px; }
#dah_anhc a.ir { background-position: -351px 0px; width: 64px; }
#dah_ham a.ir { background-position: -415px 0px; width: 90px; }
#dah_mtcc a.ir { background-position: -505px 0px; width: 100px; }
#dah_aac a.ir { background-position: -605px 0px; width: 100px; }


#dah_ahpp a.ir:hover { background-position: 0px -68px; width:70px;  }
#dah_main a.ir:hover { background-position: -70px -68px; width:91px; }
#dah_oshm a.ir:hover { background-position: -161px -68px; width: 100px; }
#dah_dcc a.ir:hover { background-position: -261px -68px; width: 90px; }
#dah_anhc a.ir:hover { background-position: -351px -68px; width: 64px; }
#dah_ham a.ir:hover { background-position: -415px -68px; width: 90px; }
#dah_mtcc a.ir:hover { background-position: -505px -68px; width: 100px; }
#dah_aac a.ir:hover { background-position: -605px -68px; width: 100px; }


#staff p {
clear:left;
height:150px;
padding-bottom:1em;
}
#staff img {padding-right:10px;}


.home #navigation { background: url(/images/aac09_mp_nav1-b.png) no-repeat 0 0; height: 51px; }

#mainnav { background: url(/images/aac09_int_nav1-a.png) no-repeat -10px 100%; padding: 0 8px 8px 0; }
.home #mainnav, .sec_gallery #mainnav { height: 51px; padding: 0; background: none; }

#mainnav dd { background: white;/*#323684*/ }
.home #mainnav dd, .sec_gallery #mainnav dd { float: left; background: none!important; }

#mainnav a.ir { background: url(/images/aac09_int_nav1-a.png) no-repeat; padding-top: 42px; height: 42px; }
.home #mainnav a.ir, .sec_gallery #mainnav a.ir { background-image:url(/images/aac09_mp_nav1-a.png); }



#mn_home a.ir { background-position: -9px 0; padding-top: 41px; height: 41px; }
#mn_about a.ir { background-position: -9px -41px; }
#mn_grants a.ir { background-position: -9px -83px; }
#mn_programs a.ir { background-position: -9px -124px;   }
#mn_news a.ir { background-position: -9px -166px; }
#mn_events a.ir { background-position: -9px -208px; padding-top: 43px; }
#mn_partners a.ir { background-position: -9px -250px; }

.home #mainnav a.ir, .sec_gallery #mainnav a.ir { padding-top: 40px; height: 40px; }
.home #mn_about a.ir, .sec_gallery #mn_about a.ir { background-position: -8px 0; width: 123px; margin-left: 8px; }
.home #mn_grants a.ir, .sec_gallery #mn_grants a.ir { background-position: -131px 0; width: 223px; }
.home #mn_programs a.ir, .sec_gallery #mn_programs a.ir { background-position: -354px 0; width: 125px; }
.home #mn_news a.ir, .sec_gallery #mn_news a.ir { background-position: -479px 0; width: 89px; }
.home #mn_events a.ir, .sec_gallery #mn_events a.ir { background-position: -568px 0; width: 281px; }
.home #mn_partners a.ir, .sec_gallery #mn_partners a.ir { background-position: -849px 0; width: 118px; }

#mainnav a.ir:hover, #mainnav .AT { background-image: url(/images/aac09_int_nav1-b.png) !important; }
.home #mainnav a.ir:hover, .sec_gallery #mainnav a.ir:hover { background-image: url(/images/aac09_mp_nav1-b.png) !important; }

#mainnav ul .AT { background: #D88210!important; color: #fff!important; }


/* =DROPDOWNS 
*****************************/
/* behavior */
#navigation .dropdown dd { position: relative; z-index: 1; }
#navigation .dropdown ul {  position: absolute; z-index: 5; top:39px; left:0; display: none; }
#navigation .dropdown dd:hover { z-index: 10; }
#navigation .dropdown dd:hover ul { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }

#navigation #mn_about ul { margin-left:8px; }
#navigation #mn_partners ul { margin-left:-105px; }

#navigation .dropdown ul { overflow: visible; position:absolute; display:none; z-index:15; *top:40px; *left:0; margin:0 0 0 -1px; *zoom:1; }
#navigation .dropdown dd.active ul, #navigation .dropdown dd:hover ul,#navigation .dropdown dd.over ul { display:block; }

#mainnav ul { border: 1px solid #000; background:#1c1e53; list-style-type: none; width:282px; }
#mainnav ul li a { display:block; border-bottom: 1px solid #000; line-height:23px; vertical-align:middle; padding:0 0 0 20px; width:262px; font-size:12px; font-weight:normal; text-decoration:none; color:#DDD; }
.home #mainnav ul, .sec_gallery #mainnav ul { width:222px; border-top:0; }
.home #mainnav ul li a, .sec_gallery #mainnav ul li a { width:210px; padding:0 0 0 12px; border:0; }

#mainnav li.alt a { background:#014F91; } 
#mainnav ul li a:focus, #mainnav ul li a:hover, .home #mainnav ul li a:focus, .home #mainnav ul li a:hover { background:#D88210; color:#FFF; }

.archive-heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
    letter-spacing: -.02em;
    margin-top: 20px;
}
.expand-content li {
    list-style: none;
}
.expand-heading {
    width: 50%;
    border-bottom: 2px solid #b2b2b2;
    line-height: .6em;
    font-weight: bold;
    font-size: 20px;
    font-family: VarelaLocal, Varela, sans-serif;
    color: #444;
    cursor: pointer;
    display: block;
    margin: 10px 20px 20px 20%;
    padding: 15px 20px 0px 25px;
}
.expand-content a:hover {
    background: #555;
    color: #f3f3f3;
    text-decoration: none;
}
.expand-heading:hover {
    background: #555555;
    color: #f3f3f3;
}
.expand-content a {
    color: #555;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
    line-height: 2em;
}
.expand-content {
    text-align: right;
    margin-right: 22%;
    font-size: 16px;
    font-weight: bold;
    border-right: 2px dashed #b2b2b2;
    margin-top: -20px;
}
.st_sharethis_custom{
        background: url("/images/network-share-icon.png") no-repeat scroll left top transparent;
        padding: 21px 16px 16px;
}
li.font-sizer {
display: block;
float: left;
margin-top: 4px;
}
div.main-info {
width: 43%; color: #666666; background: #E9E9E9; padding: 12px; font-size: 14px; margin: -70px 20px 20px 35px; float: left;
}
.info-content {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-style: italic;
}
.info-head {
    color: #333333;
    display: block;
    font-family: OswaldLocal, Oswald, sans-serif;
    font-size: 16px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
    text-align: center;
}
/* =DROPDOWNS 
*****************************/

/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }
/* */

}

ul.article { list-style-image: url(/images/diamond.png); }

