@charset "utf-8";
/* CSS Document */
html, body {height:100%; width:100%; margin:0; padding:0}
body {font:12px Arial, Helvetica, sans-serif; color:#5d5d5d; background:#d1d1d1; display:table}
.outer {width:100%}
.inner {position:relative; width:993px; margin:0 auto}
a {color:#08a290}
form {margin:0; padding:0}
.sIFR-dummy {width:0px; height:0px; margin-left:42px!important; z-index:0}
.entry_date_time {color:#b3b3b3}

/* header */
.header {position:relative; z-index:99; height:100px; background:#0a4a6e}
.header #logo {display:block; position:absolute; top:0; left:2px; width:235px; height:121px; margin:0; padding:0; background:url(images/site-logo.jpg) no-repeat}
.header #logo img {margin:17px 0 0 19px; border:none}

/* topbar: rss|search|contact|language */
#topbar {position:absolute; top:11px; right:0; text-align:right}
#topbar #subscribe,#topbar #search,#topbar #links {position:relative; float:left; height:22px; margin-left:7px; background:#fff url(images/input-rc-left.gif) no-repeat left top}
#topbar #subscribe {color:#a3a3a3; width:185px; overflow:hidden}
#topbar #subscribe a {display:block; height:16px; width:171px; margin:0; padding:3px 7px; color:#a3a3a3; text-align:left; text-decoration:none; overflow:hidden; background:url(images/subscribe-btn.gif) no-repeat right top}
#topbar .input_text {float:left; height:20px; width:154px; margin:1px 0 0 3px; padding:0 3px; color:#a3a3a3; font:100% Arial, Helvetica, sans-serif; background-color:#fff; border:none}
#topbar .input_image {margin:0; padding:0}
#topbar #links {color:#00e4ff; padding-top:2px; background:none}
#topbar #links a {color:#00e4ff; margin:0 3px}
#topbar #links a.last {margin-right:0;}

/* top menu */
#topmenu {position:absolute; top:49px; right:0px}
#topmenu,#topmenu ul,#topmenu li {list-style:none; margin:0; padding:0}
#topmenu li {position:relative; float:left; height:51px; padding:0 12px; background:url(images/topmenu-separator.gif) no-repeat right bottom}
#topmenu span {display:block; float:left; height:51px}
#topmenu span.active {background:url(images/topmenu-arrow.gif) no-repeat 50% bottom}
#topmenu a {position:relative; top:21px; text-decoration:none; color:#fff}
#topmenu a:hover {color:#00e4ff}
/* drop menu */
#topmenu ul {visibility:hidden; position:absolute; z-index:999; height:auto; top:51px; left:-1px; width:191px; background:#0a4a6e; border-width:7px 1px 1px 1px; border-style:solid; border-color:#fff}
#topmenu ul li {float:none; width:191px; height:auto; padding:0; background:url(images/dmenu-separator.gif) no-repeat 50% bottom}
#topmenu ul li.last {background:none}
#topmenu ul a {display:block; width:154px; top:0; margin:0; padding:10px 25px 12px 12px; height:auto; background:url(images/dmenu-arrow.gif) no-repeat 172px 50%}
#topmenu ul a:hover,#topmenu ul a.active {color:#00e4ff; background:url(images/dmenu-arrow-over.gif) no-repeat 172px 50%}

/* main */	
.main {position:relative; z-index:1; padding-bottom:4px; background:#fff url(images/body-bg.jpg) no-repeat center 7px; display:table}
.main .inner {}
.leftcol {float:left; width:678px; overflow:hidden!important}
.rightcol {float:left; width:312px; margin-left:3px; overflow:hidden!important}
.clear {clear:both}

/* page */
#page {margin-top:7px}
#page #sidebar {float:left; width:225px}

#submenu {margin:0 0 13px 15px; padding:0; list-style:none}
#submenu li {margin:0 8px 0 0; padding:0; list-style:none; background:url(images/submenu-separator.gif) no-repeat left bottom}
#submenu div {padding-bottom:1px}
#submenu .first {margin:0 6px 0 0; background:#0a4a6e url(images/submenu-arrow.gif) no-repeat right 50%}
#submenu .first a {color:#fff; font-weight:bold; font-size:16px; line-height:1em; margin:0; padding:17px 21px}
.sIFR-active #submenu li.first div {visibility:hidden; font-family:Arial}
#submenu .active a {background:url(images/submenu-active.gif) repeat-y left 50%}
#submenu a {display:block; cursor:pointer; text-decoration:none; color:#5d5d5d;  padding:17px 21px}
#no-submenu-spacer {}

/* main content container */
#content {overflow:hidden}
.template-homepage #content, .section-search #content {width:616px; padding:17px 0 26px 0}
.template-homepage #content {padding-bottom:322px}
.template-subpage #content {float:left; width:385px; padding:17px 26px 26px 20px}
#usertools {position:relative; height:27px; width:391px; margin-bottom:17px; background:url(images/usertools.gif)}
#usertools a {position:absolute; display:block}
#usertools #addthis {top:9px; left:189px; height:10px; width:50px; margin:0; padding:0}
#usertools #addthis img {height:10px; width:50px; margin:0; border:none; visibility:hidden}
#usertools #print {top:8px; left:277px; height:15px; width:16px}
#usertools #text-plus {top:9px; left:358px; height:9px; width:9px}
#usertools #text-min {top:9px; left:369px; height:9px; width:9px}
#content h1 {font-size:20px; line-height:1em; margin:0; padding:0; color:#0a4a6e}
.sIFR-active #content h1 {visibility:hidden; font-family:Arial}

/* newsroom and video summaries */
#content .item {margin-top:12px}
#content p {clear:both}
.section-newsroom.page- #content img, .section-events.page- #content img, .section-videos.page- #content img {float:left; margin:12px 21px 12px 0; border:none} 
#content .text {float:left; width:280px} 
#content h2 {font-size:16px; margin:0; padding:0}

/* toolkit */
#toolkit {position:relative; height:391px; background:url(images/homepage-toolkit.jpg) no-repeat right 7px}
#toolkit a {display:block; margin:0; padding:0; width:203px; height:47px; position:absolute; left:30px; top:126px}
#toolkit a:hover {background:url(images/btn-toolkit-over.gif) no-repeat}
#toolkit a span {display:none}

/* left col box */
#sidebar .box-outer {margin:0 2px 0 9px; border-bottom:7px solid #fff; background:url(images/leftcol-box-middle.jpg) repeat-y left 50%}
#sidebar .box-middle {background:url(images/leftcol-box-top.jpg) no-repeat left top}
#sidebar .box-inner {padding:12px 27px 24px 27px; background:url(images/leftcol-box-bottom.jpg) no-repeat left bottom}
#sidebar .box-inner img {margin-top:12px; border:none}
#sidebar .box-inner .item {}
#sidebar .box-inner .text {}

/* right col box */
.rightcol .box-outer {margin:0 2px; border-bottom:7px solid #fff; background:url(images/rightcol-box-middle.jpg) repeat-y left 50%}
.rightcol .box-middle {background:url(images/rightcol-box-top.jpg) no-repeat left top}
.rightcol .box-inner {padding:24px 34px; background:url(images/rightcol-box-bottom.jpg) no-repeat left bottom}
.rightcol .box-inner .item {margin-top:12px;}
.rightcol .box-inner .item img {margin-bottom:21px}

/* learn more */
#learnmore {position:absolute; bottom:0; margin-left:1px}
#learnmore .box-outer {float:left; margin-left:1px; width:224px; border-bottom:7px solid #fff; background:url(images/learnmore-box-middle.jpg) repeat-y left 50%}
#learnmore .box-outer.last {margin:0}
#learnmore .box-middle {background:url(images/learnmore-box-top.jpg) no-repeat left top}
#learnmore .box-inner {padding:12px 28px 24px 28px; background:url(images/learnmore-box-bottom.jpg) no-repeat left bottom}
#learnmore img {margin-top:12px; border:none}
#learnmore .item {min-height:170px}
#learnmore .item img {margin:14px 0 6px 0}
.button {display:block; height:45px; width:164px; margin:0; padding:0; line-height:3em; font-size:14px; color:#fff; text-decoration:none; text-align:center; vertical-align:middle; background:url(images/btn-bg.gif) no-repeat 0 0}
.button:hover {background:url(images/btn-bg.gif) no-repeat 0 -45px}

/* latest news|events|videos */
#latest-outer {border-bottom:13px solid #fff; background:url(images/latest-top.jpg) no-repeat 0 0}
#latest-inner {padding:4px 9px 1px 9px; background:url(images/latest-bottom.jpg) no-repeat 0 bottom}
#tabs {position:relative; width:296px; height:46px}
#tab1,#tab2,#tab3 {display:block; overflow:hidden; margin:0; padding:0; width:99px; height:37px; float:left; text-align:center; text-decoration:none; color:#fff}
#tabs .active {color:#0a4a6e; background:url(images/tab-open.gif) no-repeat}
#tab3.active {background:url(images/tab-open-last.gif) no-repeat}
#tab3 {width:98px}
#tabs span {display:block; padding:12px 0}
#content1 {min-height:360px}
#content2,#content3 {display:none; min-height:360px}
#latest-inner .item {margin:29px}
#latest-inner img {float:left; width:80px; margin-right:21px; border:none} 
#latest-inner .text {float:left} 
#latest-inner h2 {font-size:12px; margin:0 0 3px 0; padding:0}
#latest-inner .more {margin:29px}

/* back to link */
.backto {margin-top:36px}

/* footer */	
.footer {height:82px; background:url(images/footer-gradient.gif) repeat-x}
.footer #copyright {color:#fff; padding:24px 33px}
.footer #copyright a {color:#fff; text-decoration:none}
#print-url {display:none}

/* homepage */
.template-homepage .main .inner {background:url(images/homepage-bg.jpg) no-repeat 0 29px}
.template-homepage #banner {margin:39px 0 7px 8px; height:294px; width:662px}
.template-homepage #page {margin:65px 32px 7px 32px}
.template-homepage #page #content h1 {font-size:28px}
.template-homepage #toolkit a {top:133px}

/* subpage */
.template-subpage .main .inner {background:url(images/subpage-bg.jpg) no-repeat 0 7px}
.template-subpage #banner {margin:46px 0 7px 15px; height:140px; width:648px}
.template-subpage #latest-outer {background:none}
.template-subpage #toolkit {height:190px; background:url(images/subpage-toolkit.jpg) no-repeat right 7px}
.template-subpage #toolkit a {top:119px}

/*banners*/
.section-who-we-are #banner,
.section-explore #banner {background:url(images/banner1.jpg) no-repeat 0 0}
.section-initiatives #banner,
.section-share #banner {background:url(images/banner2.jpg) no-repeat 0 0}
.section-get-involved #banner,
.section-learn #banner {background:url(images/banner3.jpg) no-repeat 0 0}
.section-newsroom #banner {background:url(images/banner4.jpg) no-repeat 0 0}
.section-events #banner,
.section-past-events #banner {background:url(images/banner5.jpg) no-repeat 0 0}
.section-publications #banner,
.section-contact-us #banner {background:url(images/banner6.jpg) no-repeat 0 0}

/* search */
.section-search #page {float:none; margin:39px 16px 0 16px; background:#fff}
.section-search #banner, .section-search #page #sidebar {display:none}
.section-search #content {width:678px}