body, p, a, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input, textarea, label, div, span {font-family: 'droid_sansregular', sans-serif; color: #383838;} a {font-size: inherit; color: inherit; line-height: inherit; } body { background: #fff;} #container {width: 1282px; margin:0 auto; } #container #overall_wrapper {float: left; width: 1282px; } #container #wrapper {float: left; width: 1282px; background: #fbfbee; } /* Header */ #wrapper #header {float: left; width: 1282px; position: relative; background: #315b83; z-index: 5;} #wrapper #header #top {float: left; width: 1282px; padding-top: 9px; height: 58px; } #wrapper #header #topsearch {float: right; margin-right: 30px; margin-top: 9px; } #wrapper #header #topsearch input#search {float: right; border: none; padding: 0; margin:0; width: 38px; height: 30px; background: url(/App_Images/btn_search.gif) no-repeat; text-indent: -999px; overflow: hidden; } #wrapper #header #topsearch input#searchText {float: right; padding: 0 20px; margin: 0; margin-right: 3px; font-size: 14px; line-height: 30px; color: #686868; width: 230px; border: none;} #wrapper #header ul.socialmedia {float: right; position: relative; z-index: 10;} #wrapper #header ul.socialmedia li {float: right; margin-right: 20px; position: relative;} #wrapper #header ul.socialmedia li img.social { border: 1px solid #91a4b7;} #wrapper #header ul.socialmedia li .links {display: none; position: absolute; top: 30px; right: 23px; width: 233px; z-index: 5; background: #9c9c9c; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff;} #wrapper #header ul.socialmedia li:hover .links {display: block; } #wrapper #header ul.socialmedia li .links h3 {float: left; position: relative; padding-left: 38px; padding-right: 12px; width: 183px; font-size: 18px; line-height: 34px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #wrapper #header ul.socialmedia li .links h3 img {position: absolute; bottom: 0px; left: -22px; border: 1px solid #fff;} #wrapper #header ul.socialmedia li .links ul.list {float: left; margin-left: 17px; width: 200px; margin-top: 15px; padding-bottom: 20px; } #wrapper #header ul.socialmedia li .links ul.list li {float: left; font-size: 16px; line-height: 26px; } #wrapper #header ul.socialmedia li .links ul.list li a {color: #fff; } #wrapper #header #topcontact {position: absolute; z-index: 5; top: 68px; right: 0px; width: auto; height: 40px; padding-left: 15px; padding-right: 25px; background: rgba(49, 91, 131, 0.8); } #wrapper #header #topcontact span {float: left; font-size: 16px; color: #fff; line-height: 40px; } #wrapper #header #topcontact span.address {padding-left: 25px; background: url(/App_Images/ico_location.png) no-repeat left center;} #wrapper #header #topcontact span.phone {padding-left: 35px; margin-left: 20px; background: url(/App_Images/ico_phone.png) no-repeat left center;} #wrapper #header h1 {float: left; position: relative; } #wrapper #header h1 img {position: relative; z-index: 1; } #wrapper #header h1 img.logo {position: absolute; top: 1px; left: 72px; z-index: 5; } #wrapper #header #myAccount {float: right; font-size: 18px; color: #fff; line-height: 51px; padding-left: 40px; background: url(/App_Images/ico_account.gif) no-repeat left center; } #wrapper #header ul#topnav {float: left; width: 1282px; text-align: center;} .pg_kids #wrapper #header ul#topnav {background: url(/App_Images/bg_kids_nav.gif) no-repeat bottom right;} #wrapper #header ul#topnav li {display: inline-block; margin: 0 15px; position: relative;} #wrapper #header ul#topnav li a.nav {float:left; font-size: 18px; text-decoration: none; line-height: 28px; color: #fff; border-top: 12px solid #315b83; border-bottom: 8px solid #315b83; padding: 0 7px; } .pg_homepage #wrapper #header ul#topnav li.li_home a.nav, .pg_about #wrapper #header ul#topnav li.li_about a.nav, .pg_events #wrapper #header ul#topnav li.li_events a.nav, .pg_resources #wrapper #header ul#topnav li.li_resources a.nav, .pg_kids #wrapper #header ul#topnav li.li_kids a.nav, .pg_teens #wrapper #header ul#topnav li.li_teens a.nav, .pg_friends #wrapper #header ul#topnav li.li_friends a.nav, .pg_support #wrapper #header ul#topnav li.li_support a.nav, .pg_contact #wrapper #header ul#topnav li.li_contact a.nav, #wrapper #header ul#topnav li a.nav:hover { border-top-color: #3d658a; border-bottom-color: #547798; background: #5e7f9e;} #wrapper #header ul#topnav li.li_android {display: none; } #wrapper #header ul#topnav li ul.subnav {position: absolute; top: -3px; left: -22px; /*padding-top: 74px;*/ display: none;} #wrapper #header ul#topnav li.li_about ul#subAbout {left: -25px;} #wrapper #header ul#topnav li.li_resources ul#subResources {left: -23px;} #wrapper #header ul#topnav li.li_support ul#subSupport {left: -23px; } #wrapper #header ul#topnav li.li_about:hover ul#subAbout {display: block; } #wrapper #header ul#topnav li.li_resources:hover ul#subResources {display: block; } #wrapper #header ul#topnav li.li_kids:hover ul#subKids {display: block; } #wrapper #header ul#topnav li.li_teens:hover ul#subTeens {display: block; } #wrapper #header ul#topnav li.li_friends:hover ul#subFriends {display: block; } #wrapper #header ul#topnav li.li_support:hover ul#subSupport {display: block; } #wrapper #header ul#topnav li ul.subnav li.cover {position: absolute; top: 0px; left: 0px; width: 100%; height: 51px; z-index: 5; background: #f00; opacity: 0; display: block;} #wrapper #header ul#topnav li ul.subnav:hover li.cover {display: none; } #wrapper #header ul#topnav li ul.subnav li.top {float: left; height: 51px; line-height: 51px; font-size: 18px; color: #ffffff; margin: 0; padding:0;} #wrapper #header ul#topnav li ul.subnav li.top a {float: left; width: 112px; text-align: center; margin-top: 4px; text-decoration: none;} #wrapper #header ul#topnav li ul.subnav li.sub {float: left; margin: 0; padding: 6px 0; width: 100%; font-size: 18px; line-height: 27px; height: 27px; background: #547798; display: block;} #wrapper #header ul#topnav li ul.subnav li.sub a {color: #ffefef; line-height: 27px; height: 27px; display: inline-block; padding-left: 40px; margin-left: 15px; background: url(/App_Images/ico_subnav_bullet.png) no-repeat; } #wrapper #header ul#topnav li ul.subnav li.cap {float: left; margin: 0; margin-top: -6px; } #wrapper #header ul#topnav li ul#subAbout {float: left; width: 295px; background: url(/App_Images/bg_subnav_top_about.png) no-repeat;} #wrapper #header ul#topnav li ul#subAbout li.top a {width: 112px; } #wrapper #header ul#topnav li ul#subResources {float: left; width: 269px; background: url(/App_Images/bg_subnav_top_resources.png) no-repeat;} #wrapper #header ul#topnav li ul#subResources li.top a {width: 142px; } #wrapper #header ul#topnav li ul#subKids {float: left; width: 269px; background: url(/App_Images/bg_subnav_top_kids.png) no-repeat;} #wrapper #header ul#topnav li ul#subKids li.top a {width: 92px; } #wrapper #header ul#topnav li ul#subKids li.sub {background: #5f978b} #wrapper #header ul#topnav li ul#subTeens {float: left; width: 269px; background: url(/App_Images/bg_subnav_top_teens.png) no-repeat;} #wrapper #header ul#topnav li ul#subTeens li.top a {width: 106px; } #wrapper #header ul#topnav li ul#subTeens li.sub {background: #814c9d} #wrapper #header ul#topnav li ul#subFriends {float: left; width: 269px; background: url(/App_Images/bg_subnav_top_friends.png) no-repeat;} #wrapper #header ul#topnav li ul#subFriends li.top a {width: 172px; } #wrapper #header ul#topnav li ul#subSupport {float: left; width: 269px; background: url(/App_Images/bg_subnav_top_support.png) no-repeat;} #wrapper #header ul#topnav li ul#subSupport li.top a {width: 157px; } /* Main */ #wrapper #main {float: left; width: 1282px; position: relative; padding-top: 12px;} #wrapper #main #leftside {float: left; width: 356px; border-right: 2px solid #c4c4c4; padding-bottom: 30px;} /* This Week */ #main #leftside #week {float: left; width: 340px; background: #dfeadd; margin-bottom: 10px; } #main #leftside #week h2 {float: left; margin-left: -15px; width: 250px; height: 75px; padding: 30px 0px 0px 105px; margin-bottom: 10px; font-size: 24px; line-height: 24px; color: #fff; background: url(/App_Images/title_home_this_week.gif) no-repeat; } #main #leftside #week .none {float: left; width: 305px; margin-left: 5px; padding: 5px 0 20px 20px; font-size: 14px; line-height: 24px; color: #328674;} #main #leftside #week .item {float: left; width: 305px; margin-left: 5px; padding: 5px 0 45px 20px; border-bottom: 1px solid #fff; } #main #leftside #week .nobord {border: none;} #main #leftside #week .item img {float: left; width: 117px; border: 1px solid #fff; margin-right: 15px; } #main #leftside #week .item .text {float: left; width: 160px; font-size: 18px; line-height: 24px; color: #328674;} #main #leftside #week .noImage .text {float: left; width: 292px} #main #leftside #week .item .text span { display: block; margin-top: 8px; line-height: 18px; font-size: 16px} #main #leftside #week a.all {float: left; width: 325px; padding-left: 15px; font-size: 22px; line-height: 52px; color: #fff; text-decoration: none; background: #328674 url(/App_Images/btn_more.gif) no-repeat 290px center; } #main #leftside #week a.all:hover {text-decoration: underline;} /* Contact */ #main #leftside #contact {float: left; width: 356px; padding-bottom: 15px; border-bottom: 2px solid #d8d8d8; margin-bottom: 20px;} #main #leftside #contact p.phone {float: left; width: 260px; margin-top: 10px; font-size: 14px; line-height: 20px; color: #315b83; padding-left: 70px; margin-bottom: 15px; background: url(/App_Images/ico_phone_lg.gif) no-repeat 15px 0px;} #main #leftside #contact p.hours {float: left; width: 260px; font-size: 14px; line-height: 20px; color: #315b83; padding-left: 70px; margin-bottom: 15px; background: url(/App_Images/ico_hours_lg.gif) no-repeat 15px 0px;} #main #leftside #contact p.note {float: left; width: 320px; font-size: 13px; line-height: 18px; color: #315b83; margin-left: 35px;} #main #leftside #contact .spacer {float: left; width: 356px; height: 2px; background: #d8d8d8; margin-bottom: 20px;} /* Social */ #main #leftside ul#sociallinks {float: left; width: 356px; text-align: center;} #wrapper #leftside ul#sociallinks li {display: inline-block; margin: 0 10px; padding:0; width: 46px; position: relative;} #wrapper #leftside ul#sociallinks li img.social { border: 1px solid #f0f0ea;} #wrapper #leftside ul#sociallinks li .links {display: none; position: absolute; bottom: 34px; left: 24px; width: 233px; z-index: 5; background: #9c9c9c; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff;} #wrapper #leftside ul#sociallinks li:hover .links {display: block; } #wrapper #leftside ul#sociallinks li .links h3 {float: left; position: relative; padding-left: 38px; padding-right: 12px; width: 183px; font-size: 18px; line-height: 34px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #wrapper #leftside ul#sociallinks li .links h3 img {position: absolute; bottom: 0px; left: -22px; border: 1px solid #fff;} #wrapper #leftside ul#sociallinks li .links ul.list {float: left; margin-left: 17px; width: 200px; margin-top: 15px; padding-bottom: 20px; } #wrapper #leftside ul#sociallinks li .links ul.list li {float: left; font-size: 16px; line-height: 26px; width: 200px; } #wrapper #leftside ul#sociallinks li .links ul.list li a {color: #fff; } #main #right #newsdetails {float: left; width: 877px; padding: 30px 22px 40px 10px; } #main #right #newsdetails .left {float: left; width: 520px; } #main #right #newsdetails .left h3 {float: left; width: 520px; font-size: 26px; line-height: 30px; font-weight: bold;} #main #right #newsdetails .left h3.event {margin-bottom: 20px; } #main #right #newsdetails .left h4 {float: left; width: 520px; font-size: 16px; line-height: 20px; margin-top: 5px; margin-bottom: 25px;} #main #right #newsdetails .left h4.event {line-height: 30px; margin-bottom: 15px; } #main #right #newsdetails .left h4 span {font-weight: bold; margin-right: 10px;} #main #right #newsdetails .left dl {float: left; width: 520px; } #main #right #newsdetails .left dl dt {font-weight: bold; width: 67px; float: left; display: block; font-size: 16px; line-height: 30px;} #main #right #newsdetails .left dl dd {float: right; width: 450px; font-size: 16px; line-height: 30px; } #main #right #newsdetails .left div.txt {float: left; width: 500px; font-size: 18px; line-height: 24px; } #main #right #newsdetails .left div.txt ul {display: inline-block; width: 500px; margin: 10px 0; } #main #right #newsdetails .left div.txt ul li {float: left; padding-left: 20px; width: 480px; font-size: 18px; line-height: 24px; background: url(/App_Images/ico_bullet_library.gif) no-repeat 0px 5px; } #main #right #newsdetails .right {float: right; width: 320px; } #main #right #newsdetails .right a.web {float: left; padding-left: 42px; font-size: 16px; margin-bottom: 10px; line-height: 32px; margin-right: 15px; background: url(/App_Images/ico_weblink.gif) no-repeat;} #main #right #newsdetails .right a.pdf {float: left; padding-left: 42px; font-size: 16px; margin-bottom: 10px; line-height: 32px; background: url(/App_Images/ico_pdf.gif) no-repeat;} #main #right #newsdetails .right img {float: left; border: 1px solid #fff; width: 317px;} /* Footer */ #wrapper #footer {float: left; width: 1145px; padding: 0 69px 15px 68px; position: relative; z-index: 1; background: #315b83; } #wrapper #footer ul#btmnav {float: left; width: 1145px; padding: 20px 0; position: relative; border-bottom: 1px solid #90bce6; } #wrapper #footer ul#btmnav li {float: left; margin: 0; padding:0; } #wrapper #footer ul#btmnav li a {display: inline-block; font-size: 20px; text-decoration: none; color: #fff; width: auto; } #wrapper #footer ul#btmnav li.li_home {width: 113px; } #wrapper #footer ul#btmnav li.li_about {width: 117px; } #wrapper #footer ul#btmnav li.li_events {width: 119px; } #wrapper #footer ul#btmnav li.li_resources {width: 147px; } #wrapper #footer ul#btmnav li.li_kids {width: 105px; } #wrapper #footer ul#btmnav li.li_teens {width: 113px; } #wrapper #footer ul#btmnav li.li_friends {width: 183px; } #wrapper #footer ul#btmnav li.li_support {width: 170px; } #wrapper #footer ul#btmnav li.li_contact {width: 70px; } .pg_homepage #wrapper #footer ul#btmnav li.li_home a, .pg_about #wrapper #footer ul#btmnav li.li_about a, .pg_events #wrapper #footer ul#btmnav li.li_events a, .pg_resources #wrapper #footer ul#btmnav li.li_resources a, .pg_kids #wrapper #footer ul#btmnav li.li_kids a, .pg_teens #wrapper #footer ul#btmnav li.li_teens a, .pg_friends #wrapper #footer ul#btmnav li.li_friends a, .pg_support #wrapper #footer ul#btmnav li.li_support a, .pg_contact #wrapper #footer ul#btmnav li.li_contact a, #wrapper #footer ul#btmnav li a:hover {text-decoration: underline;} #wrapper #footer ul#subnav {float: left; width: 1145px; padding-top: 20px; position: relative; border-bottom: 1px solid #90bce6; } #wrapper #footer ul#subnav li {float: left; margin: 0; padding:0; margin-bottom: 20px; display: block; white-space: nowrap;} #wrapper #footer ul#subnav li a {display: inline-block; font-size: 12px; text-decoration: none; color: #fff; width: auto; } #wrapper #footer ul#subnav li.li_home {width: 113px; } #wrapper #footer ul#subnav li.li_about {width: 117px; } #wrapper #footer ul#subnav li.li_events {width: 119px; } #wrapper #footer ul#subnav li.li_resources {width: 147px; } #wrapper #footer ul#subnav li.li_kids {width: 105px; } #wrapper #footer ul#subnav li.li_teens {width: 113px; } #wrapper #footer ul#subnav li.li_friends {width: 183px; } #wrapper #footer ul#subnav li.li_support {width: 170px; } #wrapper #footer ul#subnav li.li_contact {width: 70px; } #wrapper #footer ul#subnav li ul {float: left; width: 100%; } #wrapper #footer ul#subnav ul li {float: left; width: 100%; } .pg_about_board #wrapper #footer ul#subnav li.li_about li.sub_li_board a, .pg_about_minutes #wrapper #footer ul#subnav li.li_about li.sub_li_minutes a, .pg_about_policies #wrapper #footer ul#subnav li.li_about li.sub_li_policies a, .pg_about_news #wrapper #footer ul#subnav li.li_about li.sub_li_news a, .pg_about_employment #wrapper #footer ul#subnav li.li_about li.sub_li_employment a, .pg_resources_books #wrapper #footer ul#subnav li.li_resources li.sub_li_books a, .pg_resources_databases #wrapper #footer ul#subnav li.li_resources li.sub_li_databases a, .pg_resources_links #wrapper #footer ul#subnav li.li_resources li.sub_li_links a, .pg_kids_books #wrapper #footer ul#subnav li.pg_kids li.sub_li_books a, .pg_kids_homework #wrapper #footer ul#subnav li.pg_kids li.sub_li_homework a, .pg_kids_news #wrapper #footer ul#subnav li.pg_kids li.sub_li_news a, .pg_teens_books #wrapper #footer ul#subnav li.li_teens li.sub_li_books a, .pg_teens_homework #wrapper #footer ul#subnav li.li_teens li.sub_li_homework a, .pg_teens_news #wrapper #footer ul#subnav li.li_teens li.sub_li_news a, .pg_friends_news #wrapper #footer ul#subnav li.li_friends li.sub_li_news a, .pg_friends_involved #wrapper #footer ul#subnav li.li_friends li.sub_li_involved a, .pg_friends_board #wrapper #footer ul#subnav li.li_friends li.sub_li_board a, .pg_support_foundation #wrapper #footer ul#subnav li.li_support li.sub_li_foundation a, .pg_support_volunteer #wrapper #footer ul#subnav li.li_support li.sub_li_volunteer a, .pg_support_donate #wrapper #footer ul#subnav li.li_support li.sub_li_donate a, .pg_support_wishlist #wrapper #footer ul#subnav li.li_support li.sub_li_wishlist a, #wrapper #footer ul#subnav li a:hover {text-decoration: underline;} #wrapper #footer ul#footsocial {float: left; width: 1145px; padding: 20px 0; margin-bottom: 25px; position: relative; text-align: center; border-bottom: 1px solid #90bce6; } #wrapper #footer ul#footsocial li {display: inline-block; margin: 0 10px; padding:0; width: 46px; position: relative;} #wrapper #footer ul#footsocial li img.social { border: 1px solid #91a4b7;} #wrapper #footer ul#footsocial li .links {display: none; position: absolute; bottom: 34px; left: 24px; width: 233px; z-index: 5; background: #9c9c9c; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff;} #wrapper #footer ul#footsocial li:hover .links {display: block; } #wrapper #footer ul#footsocial li .links h3 {float: left; position: relative; padding-left: 38px; padding-right: 12px; width: 183px; font-size: 18px; line-height: 34px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #wrapper #footer ul#footsocial li .links h3 img {position: absolute; bottom: 0px; left: -22px; border: 1px solid #fff;} #wrapper #footer ul#footsocial li .links ul.list {float: left; margin-left: 17px; width: 200px; margin-top: 15px; padding-bottom: 20px; } #wrapper #footer ul#footsocial li .links ul.list li {float: left; font-size: 16px; line-height: 26px; width: 200px; } #wrapper #footer ul#footsocial li .links ul.list li a {color: #fff; } #wrapper #footer p.copyright {float: left; width: 155px; font-size: 12px; line-height: 19px; color: #fff; margin-left: 90px; padding-left: 30px; background: url(/App_Images/ico_copyright.gif) no-repeat;} #wrapper #footer p.address {float: left; width: 590px; font-size: 14px; line-height: 18px; color: #fff; text-align: center;} #wrapper #footer p.developed {float: right; width: 280px; font-size: 12px; line-height: 19px; color: #fff; text-align: right;} #wrapper #footer p a {color: #fff; text-decoration: none;} #wrapper #footer p a:hover {text-decoration: underline; }