/* CSS PAGE FOR SITE LAYOUT */

/* CSS Reset */
html, body { height: 100%; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, p, blockquote, pre { margin: 0; padding: 0; }
ul, li, dl, di, dd { margin: 0; padding: 0; }
a, a:visited { color: #004890; }/*#691d4a; }*/
/* Page Layout */
body {
  background-color: #fdfdff;
  background-image: url("/templates/draa/images/background-gradient.png");
  background-repeat: repeat-x;
  /*height: 864px;*/
}
body.home {
  background-image: url("/templates/draa/images/homepage-bkgd.jpg");
  background-repeat: no-repeat;
  background-position:top center;
 }
body.innerpage {
  background-image: url("/templates/draa/images/interior-bkgd-theater.jpg");
  background-repeat: no-repeat;
  background-position:top center;
 }
#PageWrapper { margin: auto; width: 990px; z-index: 1; height: auto;  margin-bottom: -40px; position: relative; min-height:100%;  }
#Header {
  height: 88px;
  background-image: url("/templates/draa/images/header-background-gradient.png");
  background-repeat: no-repeat;
  padding: 26px 0 0 26px;
}
#Header a.logo { display: block; float: left; width: 220px; }
#HeaderContent { width: 600px; float: left; text-align: right; }
#HeaderContent ul { margin-right: 22px; }
#HeaderContent ul li { list-style: none; display: inline; margin-left: 10px; padding-left: 12px; background: transparent url(/templates/draa/images/header-list-divider.png) no-repeat 0 4px; }
#HeaderContent ul li:first-child { padding-left: 20px; background: transparent url(/templates/draa/images/header-subscribe-bullet.png) no-repeat 0 2px; }
#HeaderContent a { font-family: arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #fff; }
#HeaderContent a:hover, #InteriorNavigation a:hover { color:#F78934; }
#SocialLinks { float: right; padding-left: 21px; width: 118px; }
#SocialLinks img { float: left; margin-right: 12px; }

#Navigation { background: transparent url(/templates/draa/images/navigation-sprite.png) no-repeat; height: 40px; }
#Navigation ul { margin-left: 23px; }
#Navigation li { float: left; list-style: none; }
#Navigation a { display: block; background: transparent url(/templates/draa/images/navigation-sprite.gif) no-repeat; height: 40px; }
#Navigation a.about-us { background-position: -23px 0; width: 101px; }
#Navigation a.about-us:hover { background-position: -23px -40px; }
body.about-us #Navigation a.about-us { background-position: -23px -80px; }
#Navigation a.donate-support { background-position: -124px 0; width: 168px; }
#Navigation a.donate-support:hover { background-position: -124px -40px; }
body.donate-support #Navigation a.donate-support { background-position: -124px -80px; }
#Navigation a.education-outreach { background-position: -292px 0; width: 202px; }
#Navigation a.education-outreach:hover { background-position: -292px -40px; }
body.education-outreach #Navigation a.education-outreach { background-position: -292px -80px; }
#Navigation a.events { background-position: -494px 0; width: 88px; }
#Navigation a.events:hover { background-position: -494px -40px; }
body.events #Navigation a.events { background-position: -494px -80px; }
#Navigation a.news-press { background-position: -582px 0; width: 138px; }
#Navigation a.news-press:hover { background-position: -582px -40px; }
body.news-press #Navigation a.news-press { background-position: -582px -80px; }

#KeywordSearch { float: left; margin-top: 1px; margin-left: 40px; }
#KeywordSearch .search-input { float: left; display: block; background-color: transparent; border: 0 none; width: 157px; margin-top: 9px; }
#KeywordSearch .search-button { float: left; display: block; margin-top: 7px; }

#PrimaryGraphic { z-index: -1000; position: absolute; top: 156px; left: -303px; }
#PrimaryGraphic div { position: absolute; }
#PrimaryGraphic div.active { display: block; }
#PrimaryGraphic div.inactive { display: none; }

#ContentRow1 { height: 100px; margin-top: 30px; margin-right: 14px; float: right; }
#ContentRow1 .title, #ContentRow1 .buttons { float: left; }
#ContentRow1 .title { margin-right: 24px; }
#ContentRow1 .buttons a { display: block; }
#ContentRow1 .buttons a:first-child { margin-bottom: 8px; }
#ContentRow1 .buttons img { border: none; }

#ContentRow2 {  margin-top: 24px; margin-right: 14px; float: right;  }
#ContentRow2 .main-copy, #EventNav { float: left; } 
#ContentRow2 .main-copy { 
  background: transparent url(/templates/draa/images/homepage-main-content-background.png) no-repeat;
  margin-right: 24px;
  width: 323px;
  padding: 30px 25px 38px;
  font-family: arial, helvetica, sans-serif; 
  font-size: 14px; 
  color: #fff;
}
#ContentRow2 .main-copy p { line-height: 21px; margin-top: 10px; }
#ContentRow2 .main-copy p:first-child { margin-top: 0px; }
#ContentRow2 .main-copy a { color: #ff8e37; text-decoration: none; }
#EventNav { background: transparent url(/templates/draa/images/events-navigation-background.png) no-repeat; width: 250px; }
#EventNav .scroll-up { text-align: center; padding: 5px; margin-top: 50px; height: 24px; }
#EventNav .scroll-up .prev,.next { cursor: pointer; }
#EventNav .scroll-down { text-align: center; margin-top: 28px; } 
#EventNav .event-list { position: relative; height: 247px; overflow: hidden; padding: 28px 20px; margin-top: 10px; }
#EventNav .event-list .items { height: 750px; position: absolute; margin-right: 15px; }
#EventNav .event-list p { color: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; line-height: 18px; padding-bottom:10px; width:205px;  background-image:url("/templates/draa/images/events_div.jpg"); background-position:center bottom; background-repeat:no-repeat; }
#EventNav .event-list a { color: #bddeff; text-decoration: none; font-weight: bold; font-size: 13px; }
#EventNav .event-list .date { color: #ffa422; }

#SupportPartners {float:right; width:625px; margin-top:25px;  }
#Support {float:left; border-right:1px solid #C2A5C1; }
#Partners { float:left;}
#Partners ul {padding:0; margin:0; }
#Partners li  { list-style-type:none; padding-right:15px; display:inline; }


#InteriorNavigation { margin: 89px 0 0 26px; float: left; }
#InteriorNavigation ul { background-color: #10477F; width: 200px; list-style: none; }
#InteriorNavigation ul li { margin-left: 15px; border-bottom:2px solid #115294; padding: 5px 0 5px 15px;  line-height: 18px; width:165px; background: #10477F url(/templates/draa/images/interior-nav-bullet.png) no-repeat 0 10px; font-family: arial, hevetica, sans-serif; font-size: 12px; }
#InteriorNavigation a { color: #eee5f1; text-decoration: none; }
.news-press .InteriorNavigationCorners {display:none; }
.news-press .sub-menu {display:none; }

#InteriorNavigation ul li.last{ border:none !important; }
#SideNavButtons { padding-top: 25px; }
.news-press #SideNavButtons {padding-top:0;} 
#SideNavButtons img { padding-bottom:10px; border:none; }

#ContentWrapper { margin:89px 0 0 53px; float: left; width:650px; font-family: arial, helvetica, sans-serif;  color:#54474a; font-size:13px;}
#ContentWrapper a:hover { color:#691d4a; }
#ContentWrapper h1 { font-family: arial, helvetica, sans-serif; font-weight: normal; color: #722a69; font-size:24pt; padding-bottom:25px}
#ContentWrapper h2, h3 { padding-bottom:10px}

#ContentWrapper p {padding-bottom:15px; font-family: arial, helvetica, sans-serif; font-size:13px; color:#54474a; line-height:20px;}
#ContentWrapper ul { padding: 0 0 15px 15px; line-height:20px; }
#ContentWrapper img {margin-right:15px;}
/****Interior Page Content ****/

#Content { clear: both; } /* sets wrapper around content section for background */
#ContentBackground { min-height:800px; }
.leftQuote { font-style:italic; font-family: Verdana, sans-serif, Arial; font-size:14px; color: #3d3436 !important; width:195px;}
a img {border:none !important; }
.interiorlogos img {border:none !important}

#Footer { clear:both; height: 160px; margin-top:-160px; background-color: transparent; text-align: center; background:url("/templates/draa/images/bottom_grad_larger.jpg"); }
#Footer ul li { display: inline; list-style: none; color: #6c3481; font-family: Arial; font-size: 14px; margin: 0 5px; padding: 0 5px; }
#Footer ul li.div { background: url(/templates/draa/images/footer-bullet.png)  no-repeat scroll 0 2px transparent; margin: 0 5px 0 0; padding: 0 0 0 15px;  line-height:10px;}
#Footer ul { padding-top:115px; }

.search .content {clear:both; padding-left:50px; }
.search  .content{padding-bottom:15px; font-family: arial, helvetica, sans-serif; font-size:13px; color:#54474a; line-height:20px;}


.clearfix {clear:both; }
#FooterBackground { background:url("/templates/draa/images/footer_full.jpg"); height:160px; width:990px; margin:0 auto; }