/* 
-------------------------------------------------------------------
NWDA Corporate stylesheet: homepage-specific styles
-------------------------------------------------------------------
*/

#homepage { }
#homepage .left { width: 47.3em; margin: 1.5em 0 0; padding: 0 1em 0 0; min-height: 3em; float: left; border-right: 1px solid #e1e1e0; }
#homepage .right { width: 47.5em; margin: 1.5em 0 0; float: right; }
#homepage img { vertical-align: bottom; }
#homepage p.morelink { margin: .2em 0 0 0; text-align: right; }
#homepage p.morelink a { padding: 0 8px 0 0; background: url(../../../../images/homepage-morelinkbg.gif) no-repeat scroll center right; }

#homepage h1 { position: absolute; top: 0; left: -99999px; }

/* headers */
#homepage .h2 { margin: 0 0 1em; padding: .3em; background: #F5F5F1 url(../../../../images/relateditemsbg.gif) repeat-x scroll left top; border: 1px solid #bfbfbc; border-width: 0 1px 1px 0; color: #fff; }
#homepage .h2 h2 { margin: 0; padding: 0; font-size: 1.4em; }
#homepage .h2 h2 a { color: #3556a2; text-decoration: none; }
#homepage .h2 h2 a:hover { color: #3556a2; text-decoration: underline; }
#homepage .h2 h2 a:active, #homepage .h2 h2 a:focus { color: #fff !important; background: #3556a2 !important; text-decoration: underline; }
#homepage .h2 h2.rss { float: left; }
#homepage .h2 a.rss { line-height: 1; float: right; margin-bottom: -.5em; }

/* new scroller and stats box */

#homepage #banners { width: 63.8em; margin: 1.5em 0 0; float: left; border: 1px solid #bfbfbc; border-width: 0 1px 1px 0; }
#homepage #banners ul { margin: 0; padding: 0; font-size: 1em; list-style: none; }
#homepage #banners ul li { position: relative; }
#homepage #banners ul li img.img { width: 63.8em; height: 31.8em; }
#homepage #banners ul li .content { width: 54.8em; padding: .5em 3.5em 0; background: #f7f7f7; min-height: 7.7em; position: absolute; bottom: 1em; left: 1em; }
* html #homepage #banners ul li .content { height: 7.7em; }
#homepage #banners ul li .content h2 { margin: 0; padding: 0; font-size: 1.8em; color: #c03; background: #f7f7f7; }
#homepage #banners ul li .content p { margin: 0; background: #f7f7f7; }
#homepage #banners ul li .content p.link { text-align: right; }
#homepage #banners ul li .content p.link a { margin: 0; padding: 0 8px 0 0; float: right; background: url(../../../../images/homepage-morelinkbg.gif) no-repeat center right; }
#homepage #banners ul li .content p.link a span { position: absolute; top: 0; left: -99999px; }
#homepage #banners ul.controls li.prev { position: absolute; bottom: 0; left: 0; }
#homepage #banners ul.controls li.prev a { display: block; width: 2em; height: 8.2em; background: url(../../../../images/home-banner-left.png) no-repeat center left; text-indent: -99999px; border-right: 1px solid #cbcbcb; }
#homepage #banners ul.controls li.prev a:hover, #homepage #banners ul.controls li.prev a:active, #homepage #banners ul.controls li.prev a:focus { background: url(../../../../images/home-banner-left-over.png) no-repeat center left; }
#homepage #banners ul.controls li.next { position: absolute; bottom: 0; right: 0; }
#homepage #banners ul.controls li.next a { display: block; width: 2em; height: 8.2em; background: url(../../../../images/home-banner-right.png) no-repeat center left; text-indent: -99999px; border-left: 1px solid #cbcbcb; }
#homepage #banners ul.controls li.next a:hover, #homepage #banners ul.controls li.next a:active, #homepage #banners ul.controls li.next a:focus { background: url(../../../../images/home-banner-right-over.png) no-repeat center left; }
#homepage #banners ul.controls li.pause { position: absolute; right: 0; top: -21.6em; }
#homepage #banners ul.controls li.pause a { display: block; width: 20px; height: 20px; background: url(../../../../images/home-banner-pause.png) no-repeat center left; text-indent: -99999px; cursor: pointer; }
#homepage #banners ul.controls li.play { position: absolute; right: 0; top: -21.6em; }
#homepage #banners ul.controls li.play a { display: block; width: 20px; height: 20px; background: url(../../../../images/home-banner-play.png) no-repeat center left; text-indent: -99999px; cursor: pointer; }
#homepage #banners ul.controls li.off { display: none; }

#homepage #factBox { width: 28em; margin: 1.5em 0 0; padding: 1em 2em 1.3em; float: right; border: 1px solid #bfbfbc; border-width: 0 1px 1px 0; background: #f5f5f1; min-height: 29.5em; }
#homepage #factBox h2 { margin: 0; padding: 0 0 .6em; color: #c03; font-weight: normal; font-size: 1.6em; border-bottom: 1px solid #c1c1c1; }
#homepage #factBox p.stat { margin: 0; padding: .6em 0; color: #c03; border-top: 1px solid #fff; border-bottom: 1px solid #c1c1c1; font-size: 2em; }
#homepage #factBox p.stat em { font-style: normal; font-weight: bold; display: block; line-height: 1em; font-size: 3.5em; }
#homepage #factBox p { margin: .6em 0 0; }

#homepage #factBox h3 {margin: 0; background:#6486A5 url(../../../../images/homepage-h2bgwelcome.gif) repeat-x scroll left top;
border-color:#AFC1D1 #435A6F #435A6F #AFC1D1;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-size:1.2em;

padding:0.3em;}
#homepage #factBox ul.areas { margin: .6em 0 0; padding: 0; list-style: none; font-size: 1em; }
#homepage #factBox ul.areas li { margin: .3em 0 0; background: #e7e7e1; }
#homepage #factBox ul.areas li.area1 { border-left: .6em solid #7D3D96; }
#homepage #factBox ul.areas li.area2 { border-left: .6em solid #009FAD; }
#homepage #factBox ul.areas li.area3 { border-left: .6em solid #E10250; }
#homepage #factBox ul.areas li.area4 { border-left: .6em solid #F57A25; }
#homepage #factBox ul.areas li.area5 { border-left: .6em solid #02A160; }
#homepage #factBox ul.areas li.area6 { border-left: .6em solid #943d57; }
#homepage #factBox ul.areas li a { zoom: 1; font-weight: bold; color: #666; font-size: 1.1em; padding: .2em .5em; border: 1px solid #cfcfcf; border-width: 0 1px 1px 0; display: block; background: url(../../../../images/areasofworkarrow.png) no-repeat 98% center; }

#homepage #factBox p.more { margin: 0; padding: .5em 0 0 0; font-size: 1.1em; border-top: 1px solid #fff; background: url(../../../../images/homepage-morelinkbg.gif) no-repeat 98% 79%; border-right: 1px solid #f5f5f1; }
#homepage #factBox p.more a { display: block; padding: 0 8px 0 0; }

/* press releases */

#homepage .left .pressreleases { margin: 0; list-style: none; }
#homepage .left .pressreleases li { text-align: right; }
#homepage .left .pressreleases li a { padding: 0 0 0 10px; float: left; text-align: left; background: url(../../../../images/homepage-pressreleasesbull.gif) no-repeat scroll center left; }

#homepage .left p.morelink { margin: 0; }

/* publications, events and mailing list */

#homepage .right .columns .col { width: 15em; margin: 0 .5em 0 0; padding: 0 .5em 0 0; min-height: 20em; float: left; border-right: 1px solid #e1e1e0; }
#homepage .right .columns #mailingList.col { margin: 0; padding: 0; float: right; border-right: 0; }

#homepage .left .minHeight, #homepage .right .columns .col .minHeight { min-height: 19em; }
* html #homepage .left .minHeight, * html #homepage .right .columns .col .minHeight { height: 19em; }

#homepage .right p { margin: 0; }
#homepage .right .padbtm { padding-bottom: 1.8em; }
#homepage .right .columns .col .events { width: 4em; margin: 0 1em 0 0; padding: 0 0 .5em; float: left; }
#homepage .right .columns .col .events .events0 { background: url(../../../../images/homepage-events0.gif) repeat-x scroll bottom left; }
#homepage .right .columns .col .events .events1 { background: url(../../../../images/homepage-events1.gif) repeat-x scroll top left; }
#homepage .right .columns .col .events .events2 { background: url(../../../../images/homepage-events2.gif) no-repeat scroll top left; }
#homepage .right .columns .col .events .events3 { background: url(../../../../images/homepage-events3.gif) no-repeat scroll top right; padding-top: 9px; }
#homepage .right .columns .col .events .events4 { background: url(../../../../images/homepage-events4.gif) repeat-y scroll top left; }
#homepage .right .columns .col .events .events5 { background: url(../../../../images/homepage-events4.gif) repeat-y scroll top right; }
#homepage .right .columns .col .events .events6 { background: url(../../../../images/homepage-events4.gif) repeat-x scroll bottom right; }
#homepage .right .columns .col .events .events7 { background: url(../../../../images/homepage-events7.gif) no-repeat scroll bottom right; padding-top: 3px; padding-bottom: 5px; }

#homepage .right .columns .col .events .day { font-size: 1.7em; line-height: 90%; font-weight: bold; text-align: center; }
#homepage .right .columns .col .events .month { font-size: .9em; line-height: 90%; font-weight: bold; text-align: center; }

#homepage .right .columns #mailingList .list { margin: 0 1em 1em 0; padding: .5em; font-size: 1.1em; background: #7e3e97; }
#homepage .right .columns #mailingList .list h3 { margin: 0; padding: 0; font-size: 1.6em; color: #fff; }
#homepage .right .columns #mailingList .list label { color: #fff; }
#homepage .right .columns #mailingList .list .inputs { margin: .3em 0 0 0; background: #e7e7e1; padding: .5em; }
#homepage .right .columns #mailingList .list input { width: 8.8em; vertical-align: middle; }
#homepage .right .columns #mailingList .list input.submit { width: 100%; padding: .1em 0 0 .1em; background: #7e3e97 url(../../../../images/bg-go.png) repeat-x top left; font-size: 1.1em; font-family: "Arial", sans-serif; text-transform: uppercase; font-weight: bold; color: #fff; border: 1px solid #5c2372; outline: 0; cursor: pointer; }

/*#homepage .right .columns #mailingList .h2 { background: #7e3e97 url(../../../../images/bg-home-mailinglist.png) repeat-x scroll top left; }
#homepage .right .columns #mailingList h3 { display: none; font-size: 1.8em; margin: 0; color: #7d3d96; }
#homepage .right .columns #mailingList label { font-size: 1.1em; display: block; }
#homepage .right .columns #mailingList .inputs { margin: .7em 0; padding: .8em 0; background: #e7e7e1; border: solid #9c9c98; border-width: 0 1px 1px 0; text-align: center; }
#homepage .right .columns #mailingList .inputs input { width: 11em; vertical-align: middle; }
#homepage .right .columns #mailingList .inputs input.submit { width: auto; padding: .1em 0 0 .1em; background: #7e3e97; font-size: 1.2em; font-family: "Arial", sans-serif; text-transform: uppercase; font-weight: bold; color: #fff; border: 1px solid #5c2372; outline: 0; cursor: pointer; }*/
#homepage .right .columns #mailingList hr { margin: .7em 0 0; }
#homepage .right .columns #mailingList p { margin: .6em 0 0; font-size: 1.1em; }
#homepage .right .columns #mailingList p.morelink { margin: 0; }
#homepage .right .columns #mailingList ul { margin: 0; padding: 0; list-style: none; }
#homepage .right .columns #mailingList ul li { background: url(../../../../images/homepage-pressreleasesbull.gif) no-repeat scroll 0 .5em; }
#homepage .right .columns #mailingList ul li a { display: block; padding: 0 0 0 10px; }

#homepage #explore { margin: 1.5em 0 0; padding: 10px 10px 10px; background: #e9e9e7 url(../../../../images/bg-home-explore.png) repeat-x center left; border: 1px solid #d2d2d2; }
#homepage #explore h2 { margin: 0; padding: 0; font-size: 1.4em; color: #00429a; }
.js #homepage #explore h2 { cursor: pointer; background: url(../../../../images/bg-explore-up.png) no-repeat center left; padding: 0 0 0 28px; }
.js #homepage #explore h2:hover { text-decoration: underline; }
.js #homepage #explore h2.on { background: url(../../../../images/bg-explore-down.png) no-repeat center left; }
#homepage #explore .box { margin: .6em 0 0; border: 1px solid #c9cbca; background: #fff url(../../../../images/dotline.gif) repeat-y 33.3% 0; }
#homepage #explore .box .box2 { background: url(../../../../images/dotline.gif) repeat-y 66.6% 0; overflow: hidden; }
#homepage #explore .box .col { width: 29.5em; padding: 1px 1em 1.2em; float: left; }
#homepage #explore .box h3 { margin: .8em 0 1px; font-size: 1.4em; color: #666; }
#homepage #explore .box h3 a { color: #666; }
#homepage #explore .box p { margin: 0; padding: 0; font-size: 1.1em; }

/*
#homepage .padfix { padding-bottom: 3em; }
#homepage .right .padfix { padding-bottom: 1.5em; }

#homepage .left .signup { margin: 1em 0; padding: .3em .5em; font-size: 1.1em; background: #ff9933; color: #fff; }
#homepage .left .signup .label { width: 45%; float: left; border: 0; }
#homepage .left .signup strong { font-size: 1.5em; }
#homepage .left .signup input { width: 11.5em; vertical-align: middle; }
#homepage .left .signup .inputs { width: 50.5%; padding: .6em .5em; float: right; background: #e7e7e1; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; }
#homepage .left .signup input.submit { width: auto; }*/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #FFF;
    color: #333;
    border: 5px solid #CCC;
    padding: 15px 15px 20px 15px;
}

.jqmWindow a { background-color:#E7E7E1; padding:5px; text-align:center; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; color:#CC0033; font-size:1.2em; font-weight:bold; margin: 0 10px; display: block; width: 102px; float: left; height: 3.2em; }
.jqmWindow a span { display: block; font-size: 10px; color: #666; padding: 0.2em; line-height: 1.2; }
.jqmWindow a:hover  { background: #CC0033; color: #FFF; text-decoration: none; }
.jqmWindow a:hover  span { color: #FFF; }

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}