/* type */ body {font-family: Helvetica,Arial,sans-serif; font-size: 13px; color: #333333; font-weight:lighter; background-color: #F4F4F4; } a {color:#333333; text-decoration: none; } a:hover {color:#777; } .selected a, a.selected {color:#2ebffd !important} strong {color:#000} small {font-size:11px} hr {background:#ddd; margin-bottom: 0;} div {position:relative;} /* 404 - all styles relating to the 404 error page(404.php) */ .error {height: 300px; margin-top:30px;} .error h1 {color: #FF3399;} .error ul {list-style-type:none; padding-left:0px;} .error a {color: #333333; text-decoration:none;} .error a:hover {color: #000; text-decoration:none;} /*end of 404*/ /* header - all styles relating to the header(header.php) */ #header {background:transparent url("../images/html/bg_header.png") top left repeat-x; width:100%; z-index:999;} .toprightlinks {margin-top:18px; float: right !important; margin-bottom:-14px; } .toprightlinks a {float: right; margin-left: 10px; font-size:13px; font-family: Helvetica, Verdana, Geneva, Sans-serif; text-decoration:none;} a.contactBlog {padding: 5px 0;} .donate {background-color: #FF3399; color:#ffffff; -moz-border-radius: 3px;-webkit-border-radius: 3px; padding: 3px 8px 0px 8px; text-transform: uppercase; margin-right: 0;} .donate:hover {background-color: #003E7E; color:#ffffff; } /* sprite */ .sprite {display:block; background:transparent url("../images/html/sprites.png") 0 0 no-repeat; text-indent:-6000px; overflow:hidden; cursor:pointer; color: transparent; text-transform: capitalize;} /*link buttons*/ a.linkbutton {background-color: #FF3399; color:#FFF; -moz-border-radius: 3px;-webkit-border-radius: 3px; padding: 5px 10px 2px 10px; text-transform:uppercase; font-size: 16px;} a.linkbutton:hover {background-color: #FFF; color:#003E7E; } /* header-end */ /* home page banner slideshow area */ #homeBanner {height: 451px; background:url("../images/carousel/carouselbg.gif") 0px 36px repeat-x; position:relative;} #slideshow {height: 451px;} div.scrollable {position:relative; height: 451px; width: 940px; overflow: hidden;} div.scrollable ul {width:20000em; position:absolute; top: 0px;} div.scrollable li {margin-top:0px; width: 940px; height: 451px; float: left; position: relative;} div.scrollable li img {position: absolute; top: 0; right: 0;} div.scrollable h1 { margin-top: 100px;color: #FFF; height: 51px; width: 940px; text-indent:-6000px; } div.scrollable p {width: 350px; color: #FFF; font-size: 16px; text-transform: uppercase;} h1.learn {background:transparent url("../images/html/heading_learn.png") 0 0 no-repeat; } h1.support {background:transparent url("../images/html/heading_support.png") 0 0 no-repeat; } h1.participate {background:transparent url("../images/html/heading_participate.png") 0 0 no-repeat; } .navi {position:absolute; bottom:0; left:0; padding-bottom: 13px; z-index: 999;} .navi a {color: #ffffff; text-decoration:none; border-bottom:none; text-transform:uppercase; margin-right:20px; display:block; float: left; padding-top: 20px; } .navi a:hover {color: #DDD;} .navi a.active {background:url("../images/carousel/controlArrow.png") top center no-repeat;} /*home-content*/ h1 {font-family: Helvetica,Arial,sans-serif; font-size: 32px; color:#FF3399; font-weight: normal;} h2 {font-family: Helvetica,Arial,sans-serif; font-size: 28px; color:#003E7E; font-weight:normal;} .copy a {color: #1B8BC7; text-decoration:none; border-bottom: 1px dotted #1B8BC7; background-color: #ffffff;} .copy a:hover {color: #ffffff; text-decoration:none; border-bottom: 1px dotted #1B8BC7; background-color:#FF3399;} .copy img {border:10px solid #FFFFFF; margin:10px;} .copy img.alignright {float:right; margin-right: 0px} .copy img.alignleft {float:left; margin-left: 0px} .theLatest {height: 250px;} .theLatest h3 {font-family: Helvetica,Arial,sans-serif; font-size: 13px; color:#003E7E; font-weight: bold;} .upcomingEvents {margin-bottom:18px;} .upcomingEvents h3 {font-family: Helvetica,Arial,sans-serif; font-size: 13px; color:#003E7E; font-weight:bold;} .goal {margin-top:18px; margin-bottom:18px;} .description {margin-top:18px; margin-bottom:18px;} .quote {background:url("../images/html/horizontalgradient.jpg") bottom left no-repeat; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 18px 0px;} .quote p {font-size: 22px; font-style: italic; color:#333333; line-height:36px; margin: 18px 0px;} .quote h3 {font-family: Helvetica, Arial,sans-serif; font-size: 13px; color:#FF3399; font-weight:bold; margin-bottom: 18px; margin-left: 700px; margin-top:-45px;} ul.latestList {list-style-type: none;} /*home-content-end*/ /*page-content - all styles relating to page.php*/ #pageContent {background:url("../images/html/verticalgradient.jpg") 210px 0px no-repeat; padding-bottom: 72px; margin-top: 36px;} #pageContent p a {color: #1B8BC7; text-decoration:none; border-bottom: 1px dotted #1B8BC7; background-color: #ffffff;} #pageContent h1 {font-family: Helvetica,Arial,sans-serif; font-size: 32px; color:#FF3399; font-weight:normal; border-bottom: 1px solid #DDDDDD; padding-bottom: 18px; padding-right: 100px;} #pageContent h3 {padding-bottom: 36px; top: 18px; } #pageContent h4 a {color: #1B8BC7; text-decoration:none; background-color: transparent; border: none; } #pageContent h4 a:hover {color: #000; text-decoration:none;background-color: #FFF;} #pageContent p a:hover {color: #ffffff; text-decoration:none; border-bottom: 1px dotted #1B8BC7; background-color:#FF3399;} .copy ul { margin-left: 10px; } .copy ul li { background: url('../images/html/bullet.png') 0 5px no-repeat; padding-left: 14px; } .director_bio {padding:18px 0px 36px 0px;} .director_bio h3 {padding-top:18px;} .pagepic {border: 10px solid #ffffff; float:right; margin-left: 30px;} #pageContent hr {margin: 0;} img.figures {display: block; position: absolute; bottom:25px; left:0;} span.rsaquo {font-size: 1.25em;} /*sidebar - all styles relating to secondary navigation sidebar in page.php*/ #sidebar {padding-bottom: 100px; margin-top: 72px;} #sidebar h4 {text-transform: uppercase; color: #FF3399; font-size: 15px; margin-top: 0px; font-weight: normal;} #sidebar h2 {background:url("../images/html/blog_icon.png") 60px 0px no-repeat; margin-bottom: 36px; padding-top: 18px; margin-top:-90px;} #sidebar h2 a {color: #003e7e;} #sidebar h2 a:hover {color: #777;} #sidebar ul {list-style: none; margin-top:18px; margin-left:0;} #sidebar ul li {margin-bottom: 18px;} #sidebar ul li ul {margin-left: 18px;} #sidebar ul li a {text-decoration:none; color:#333333; font-size: 15px; border-bottom: none; text-decoration: none;} #sidebar ul li li a {font-size: 13px;} #sidebar ul li a:hover {color: #ffffff; text-decoration:none; border-bottom:none; background-color:#FF3399;} #sidebar ul li a:active {color: #ffffff; text-decoration:none; border-bottom:none; background-color:#FF3399;} /*page-content-end*/ /*blog - all styles relating to the blog and blog post pages(index.php and single.php)*/ #blogWrap {background:url("../images/html/verticalgradient.jpg") no-repeat 208px 54px;} .blog1 {margin-bottom: 36px; padding-top: 0px;} .blog2 {margin-bottom: 36px; padding-top: -18px;} .blog2 h2 {font-family: Helvetica,Arial,sans-serif; font-size: 28px; color:#003E7E;} .blog1 h4 a {color: #1B8BC7; text-decoration:none;} .blog1 h4 a:hover {color: #000; text-decoration:none;} .boxBlog {margin-bottom:18px; margin-top:18px; padding:17px 19px 0 19px; border:1px solid #DEDEDE; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} .boxBlogSocial {padding:8px 19px} .boxBlogSocial ul {top:4px} .boxBlogSocial .tweetmeme iframe {margin-top:2px; height:18px} .boxBlogSocial .fbshare {padding-right:50px} .boxBlogSocial .sharethis, .boxBlogSocial .sharethisEmail {width:80px; padding-top:2px} a.stbar.chicklet img {border:0; height:16px; width:16px; margin-right:3px; vertical-align:bottom} a.stbar.chicklet {height:16px; line-height:16px} .boxBlogSubscribe .normal {color:#333333;} .boxBlogSubscribe h5 {color: #FF3399; margin-bottom:18px} .boxBlogSubscribe a {font-weight:bold} .boxBlogSubscribe .socialMediaList li {margin-bottom:18px} .boxBlogSubscribe .socialMediaList a {color:#3E434A} #sidebarBlog h3 {text-transform: uppercase; color: #FF3399; margin-top: 18px; font-size: 15px; font-weight: normal;} #sidebarBlog h4 {text-transform: uppercase; color: #FF3399; margin-top: 36px; font-size: 15px; font-weight: normal;} #sidebarBlog ul {list-style: none; margin-left: 0; margin-top:9px;} #sidebarBlog ul li {color:#333333; border-bottom: none; text-decoration: none; margin-bottom: 18px;} #sidebarBlog ul li a {background-color: #F4F4F4; text-decoration:none; border-bottom:none; color:#333333;} #sidebarBlog ul li a:hover {color: #ffffff; text-decoration:none; border-bottom:none; background-color:#FF3399;} #sidebarBlog ul li a:active {color: #ffffff; text-decoration:none; border-bottom:none; background-color:#FF3399;} .searchForm {padding-bottom: 36px;} #blogsearch {color:#CCCCCC;} .aside {margin-left:0; padding-left:0; margin-bottom:18px;} .blog1 .postmetadata {background: none;} .blog2 .postmetadata {background: none; padding-left: 0; padding-right: 0;} .postmetadata { padding:18px 0px; border-bottom:1px solid #ddd; text-align: right;} .sideBarSubNav ul {margin-bottom: 36px;} .navigation a {color: #1B8BC7; text-decoration:none;} .navigation a:hover {color: #000; text-decoration:none;} .blogNextPrev a {color: #1B8BC7; text-decoration:none;} .blogNextPrev a:hover {color: #000; text-decoration:none;} /* pagination */ .navigation a {display:block; margin:18px 0; position:relative; top:5px} /* comments */ .commentlist {margin:0} .commentlist li {list-style:none; padding:18px 18px 17px 18px; border-bottom:1px solid #ddd} .commentlist li.odd {background-color:#f6f6f6} .comment img {display:block; padding:1px; border:1px solid #ddd; float:right; margin-left:18px; margin-bottom:18px} #respond {margin-top:36px} #sidebar #socialMediaList, #sidebar .socialMediaList {margin-left:0; list-style:none; margin: 72px 0px;} #sidebar #socialMediaList a:hover, #sidebar .socialMediaList a:hover {background-color: transparent; color: #777; } .iconTwitter32 a {display:block; background:url("../images/html/socialsprites.png") no-repeat 0px 0; padding-left:40px} .iconFacebook32 a {display:block; background:url("../images/html/socialsprites.png") no-repeat 0px -64px; padding-left:40px} .iconYouTube32 a {display:block; background:url("../images/html/socialsprites.png") no-repeat 0px -128px; padding-left:40px} .iconRSS32 a {display:block; background:url("../images/html/socialsprites.png") no-repeat 0px -192px; padding-left:40px} /*blog-end*/ /*search - all styles related to the search results page(search.php)*/ .search h4 a {color: #1B8BC7; text-decoration:none;} .search h4 a:hover {color: #000; text-decoration:none;} .search h1 {color: #FF3399} .search {} /* footer - all styles relating to green and blue footer areas*/ #footer1 {background-color: #008752; padding:18px 0 36px 0; font-weight: normal;} #footer1 h1 {color: #ffffff; font-size: 32px; margin-bottom:3px; font-weight: lighter;} #footer1 p {color:#ffffff; font-size: 13px; font-weight: lighter;} #footer1 a {color: #003E7E; font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; background-color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; } #footer1 a:hover {background-color: #003E7E; color: #FFF;} .cf {float:right;} .cf a { text-decoration:none; color:#ffffff;} .cf a:hover { text-decoration:none; color:#000;} .donateTab {background-color: #008752; font-size:14px; text-transform: uppercase; color:#FDFDFD; position: absolute; top: -40px; left: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:4px 10px 10px 10px; width: 130px; } #footer2 {background-color: #003E7E; padding:18px 0 36px 0; font-weight: normal; margin-top: 10px; margin-bottom:-36px;} #footer2 h2 {color:#ffffff; font-size: 15px; text-transform: uppercase; margin-bottom: 2px; margin-top:0; font-weight:bold; } #footer2 ul a {color:#DEDEDE; text-decoration:none; text-align: left; font-weight: normal; font-size: 12px;} #footer2 ul a:hover {color: #003E7E; background:#FFF;} #footer2 hr {margin: 54px 0 18px 0;} #footer2 p {color:#ffffff;} #footer2 ul {margin-bottom: 0px;} #footer2 .newsletter p {color: #DEDEDE;} .shareThis {position: absolute; top: 18px; right: 0; margin-right: -37px;} .thankyou {float:left;} .subscribe {background-color: #FF3399; color:#ffffff; -moz-border-radius: 3px;-webkit-border-radius: 3px; padding: 3px 10px; margin-top:10px; text-transform: uppercase; margin-right: 0; margin-left: 2px; text-decoration:none;} .subscribe:hover {background-color: #fff; color:#003E7E; -moz-border-radius: 3px;-webkit-border-radius: 3px; padding: 3px 10px; margin-top:10px; text-transform: uppercase;} #gform_fields_1 label {color:#FFF;} #gform_fields_1 #input_1_4 {width:75%;} #gform_fields_1 #input_1_3 {width:75%;} /* footer-end */ /* forms */ .cform label, .cform input[type="text"], .cform input[type="submit"], .cform textarea, .cform button {display:block; float:left; vertical-align:top} .cform label {margin-right:20px; margin-left:0} .cform input[type="text"], .cform textarea {margin-right:10px; margin-left:0} .cform button, .cform input[type="submit"] {padding:0} .btn_search {width:36px; padding: 1px 0px !important; margin-left:3px; background: #ff3399; color: #FFF; border: 0px; font-size: 14px; -moz-border-radius: 3px;-webkit-border-radius: 3px;} .btn_search:hover {background: #003e7e; cursor: pointer;} .search_site input[type=text] {width:114px;margin-right:0 !important} .search_site {margin-top: 36px;} .required {color:#999} /* TABLES */ table.sponsors { border: 0; } table.sponsors td, table.sponsors th { background: none; border: 0; } table.sponsors a { background: none; border: 0 !important; } table.sponsors img { background: none; border: 0; display: block; } /* blog */ /* images */ .caption p, .gallery-caption, .wp-caption-text {font-style:italic}