@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;}

#topbar #social-links           { float: left; margin: 0; padding: 0; list-style: none; }
#topbar #social-links li        { float: left; margin-left: 7px; padding: 0; }
#topbar #social-links li a      { outline: 0; }
#topbar #social-links li img    { border: 0; }

#rss-link       { float: left; margin: 0 0 0 7px; padding: 0; }
#rss-link img   { border: 0; outline: 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 6px 0 0; padding:0; list-style:none; background: #377394; font-weight: bold; border-top: 1px solid #fff; }

#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 li a:hover { background: #d2eaf8; color: #0a4a6e; }
#submenu .active a  { background: #d2eaf8 url(images/submenu-arrow-blue.gif) no-repeat 21px 20px !important; color: #0a4a6e; padding-left: 35px; }

#submenu a {display:block; cursor:pointer; text-decoration:none; color:#fff;  padding:17px 21px; outline: 0; }

#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*/ padding-bottom: 0; }

.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 .item h2 {color:#08a290}

#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:14px; 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 {}

#sidebar .title {font-size:20px; font-weight:bold; text-decoration:none;}

/* 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 {  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 .title {font-size:20px; font-weight:bold; text-decoration:none;}

#learnmore .text { float: none; width: auto; }

#learnmore .item {min-height:170px; margin-top: 0 !important; }

#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 0 7px; }

.template-homepage #page #content { margin-left: 32px; margin-right: 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 {background:url(images/banner-shad-and-mike.jpg) no-repeat 0 0}

.section-explore #banner {background:url(images/banner1.jpg) no-repeat 0 0}

.section-initiatives #banner,

.section-share #banner {background:url(images/3.jpg) no-repeat 0 0}

.section-get-involved #banner,

.section-learn #banner {background:url(images/1.jpg) no-repeat 0 0}

.section-newsroom #banner,

.section-archive-newsroom #banner {background:url(images/4.jpg) no-repeat 0 0}

.section-events #banner,

.section-past-events #banner {background:url(images/2.jpg) no-repeat 0 0}

.section-publications #banner,

.section-contact-us #banner {background:url(images/5.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}


/* HOME SLIDESHOW */
#home-slideshow                         { width: 662px; height: 294px; margin: 39px 0 7px 8px; overflow: hidden; position: relative; }
#home-slideshow-inner                   { width: 648px; height: 280px; padding: 7px; }
#home-slideshow-inner .slide            { width: 444px; height: 280px; overflow: hidden; position: absolute; top: -9999px; left: -9999px; z-index: 10; background: #fff; }
#home-slideshow-inner .active           { top: 7px; left: 7px; }
#home-slideshow-inner .slide .photo img { display: block; width: 444px; }

#home-slideshow .slide-content      { width: 444px; position: absolute; bottom: 0; left: 0; opacity: 0.85; background: #111; color: #fff; }
#home-slideshow .slide-content h2   { font-size: 20px; line-height: 25px; padding: 9px 17px 0; margin: 0 0 5px; }
#home-slideshow .slide-content h2 a { color: #12C6CE; text-decoration: none; }
#home-slideshow .slide-content p    { font-size: 1em; line-height: 1.2em; margin: 0; padding: 0 17px 15px; }
#home-slideshow .slide-content p a  { color: #12C6CE; text-decoration: none; }

#home-slideshow .numbered-nav                 { float: left; position: absolute; width: 200px; height: 29px; top: 7px; right: 7px; list-style: none; z-index: 30; background: #fff; height: 280px; padding: 0; margin: 0; }
#home-slideshow .numbered-nav li              { font-size: 1em; border-top: 1px solid #fff; margin: 0; width: 200px; }
#home-slideshow .numbered-nav a               { display: block; color: #5D5D5D; text-decoration: none; height: 53px; padding: 8px; background: url("banner/images/banner_thumbnail_back.gif") no-repeat 0 0; }

#home-slideshow .numbered-nav .active a,
#home-slideshow .numbered-nav a:hover         { background: url('banner/images/banner_thumbnail_back_dark.gif') no-repeat; }


#home-slideshow .numbered-nav .thumbnail      { float: left; width: 120px; background: #fff; border: 1px solid #fff; display: block; width: 50px; height: 50px; overflow: hidden; position: relative; }
#home-slideshow .numbered-nav .thumbnail img  { height: 50px; width: 79px; position: absolute; left: -15px; }
#home-slideshow .numbered-nav .title          { float: right; width: 125px; }

#home-slideshow .numbered-nav a:after,
#home-slideshow .numbered-nav li:after        { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#home-slideshow .numbered-nav a,
#home-slideshow .numbered-nav li              { zoom: 1; }