/********************
*********************

   GLOBAL SETTINGS

*********************
********************/

div.preview_notice {
}

h1 {
    font-size: 1.615em;
    margin: 0 0 .619em;
    color: #0077cc;
}
h2 {
    color: #0077cc;
}
h3 {
    color: #0077cc;
}
a {
    color: #ffaa02;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/********************
*********************

   LAYOUT

*********************
********************/

body {
    font-size: 13px;
    color: #546666;
    background: #21465e url(/images/reskin/bg_body.png) 50% 0;
}

#container {
    width: 1000px;
    margin: 0 auto;
}

/* top */

#top {
    height: 126px;
    background: url(/images/reskin/bg_top_bbyo90.png) no-repeat 42.5% 0;
}
body.teens_aza_bbg #top	{
	height: 155px;
    background: url(/images/reskin/bg_top_aza_bbg.png) no-repeat 42.5% 0;
}
body.connect #top	{
	height: 126px;
	background: url(/images/reskin/bg_top_connect.png) no-repeat 42.5% 0;
}
body.connect #top #sitebar a	{
	color: #000;
}
#top h2.logo {
    height: 91px;
    width: 191px;
    margin: 17px 0 0 90px;
    float: left;
}
#top h2.logo a {
    height: 91px;
    display: block;
}
#top .toptools {
    width: 696px;
    float: left;
}
#top #sitebar {
	width: 684px;
    height: 35px;
	position: absolute;
    z-index: 15;
	background: url(/images/2011/fan_topper_nav.png) no-repeat;
}

#top #sitebar ul {
    margin: 0;
   padding: 0 0 0 120px; 
    list-style: none;
	width: 505px;
}
#top #sitebar li {
    margin: 0;
    padding: 0 8px 0 0;
    /*border-right: 1px solid #fff;*/
    display: inline;
}
#top #sitebar li.last {
    border-right: none;
	padding: 0 0 0 0;
}
#top #sitebar a {
    color: #fff;
    font-size: 12px;
    line-height: 31px;
    text-decoration: none;
	font-weight:bold;
}
#top .toptools .signupbox {
    margin-top: 50px;
    float: right;
}
#top .toptools .signupbox form {
    font-size: 10px;
    font-family: tahoma,arial,helvetica,sans-serif;
}
#top .toptools .signupbox form formrow {
    margin: 3px 0;
}

#top .toptools .signupbox form input#signupbox_email,
#top .toptools .signupbox form input#signupbox_zip {
    color: #666;
    font-size: 10px;
    font-family: tahoma,arial,helvetica,sans-serif;
    width: 100px;
    margin: 0;
    border: 1px solid #ccc;
    padding: 3px 5px;
    height: 15px;
}

/* middle */

#middle {
    padding: 32px 0 0 33px;
    background: url(/images/reskin/bg_middle.png) no-repeat;
}
#content {
    padding: 18px 8px 18px 0;
    width: 706px;
    position: relative;
    float: left;
}
#content .extra-bg {
    padding: 1px 32px 1px 16px; /* real width: 658px */
    background: #fff;
}
#content b.top-bg {
    height: 18px;
    width: 706px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/reskin/bg_content_top.png) no-repeat;
}
#content b.bottom-bg {
    height: 18px;
    width: 706px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/reskin/bg_content_bottom.png) no-repeat;
}
body.transparent-content #content .extra-bg {
    background: transparent;
    padding: 0;
}
body.transparent-content #content {
    padding-top: 0;
}
body.transparent-content #content b.top-bg,
body.transparent-content #content b.bottom-bg {
    display: none;
}

/* for most forms */

body.is_form #content {
    padding: 18px 0;
    width: 944px;
}
body.is_form #content .extra-bg {
    padding: 1px 32px; /* real width: 880px */
    background: #fff;
}
body.is_form #content b.top-bg {
    width: 944px;
    background: url(/images/reskin/bg_form_content_top.png) no-repeat;
}
body.is_form #content b.bottom-bg {
    width: 944px;
    background: url(/images/reskin/bg_form_content_bottom.png) no-repeat;
}

/* and take it all back for show_sidebar on forms */

body.show_sidebar #content {
    padding: 18px 8px 18px 0;
    width: 706px;
    position: relative;
    float: left;
}
body.show_sidebar #content .extra-bg {
    padding: 1px 32px 1px 16px; /* real width: 658px */
    background: #fff;
}
body.show_sidebar #content b.top-bg {
    height: 18px;
    width: 706px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/reskin/bg_content_top.png) no-repeat;
}
body.show_sidebar #content b.bottom-bg {
    height: 18px;
    width: 706px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/reskin/bg_content_bottom.png) no-repeat;
}

#sidebar {
    width: 230px;
    float: left;
}

/* bottom */

#bottom {
    min-height: 220px;
    width: 914px;
    margin: 1em 0 0 33px;
    padding: 10px 15px;
    background: url(/images/reskin/bg_bottom.png) no-repeat;
    color: #999;
    font-size: 10px;
}
#bottom .searchbox {
    float: right;
}
#bottom .searchbox input#searchbox_keywords {
    width: 100px;
    margin: 0;
    border: 1px solid #ccc;
    padding: 3px 5px;
    height: 15px;
}
#bottom a {
    color: #999;
    font-weight: normal;
}
#bottom a:hover {
    text-decoration: none;
}

#bottomnav {
    margin-bottom: 1em;
}
#bottomnav ul {
    margin: 0;
    list-style: none;
}
#bottomnav li {
    margin: 0;
    display: inline;
}

#bottom .address,
#bottom .credits {
    float: left;
}
#bottom .address p,
#bottom .credits p {
    margin: 0;
}
#bottom .address {
    margin-right: 15px;
    padding-right: 30px;
    background: url(/images/reskin/bg_bottom_divider.png) no-repeat top right;
}

/******
Top Nav
******/

/* topnav */

#topnav {
    height: 52px;
    background: url(/images/reskin/bg_topnav.png) no-repeat;
    position: relative;
    z-index: 10;
}
#topnav ul {
    margin: 0;
    padding: 0 23px 0 43px;
    list-style: none;
}
#topnav ul ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 52px;
    left: -999em;
    background: url(/images/reskin/bg_dropdowns.png) repeat-x;
    z-index: 32767;
}
#topnav li:hover ul, #topnav li.over ul {
    left: 0;
    z-index: 32767;
}
#topnav li {
    margin: 0;
    float: left;
    position: relative;
}
#topnav li li {
    float: none;
}
#topnav li a,
#topnav li strong {
    height: 52px;
    display: block;
}
#topnav li li a,
#topnav li li strong {
    width: 150px;
    height: auto;
    padding: 6px 10px;
    color: #0d3355;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
#topnav li li.first a,
#topnav li li.first strong {
    border-top: none;
}
#topnav li li strong {
    cursor: default;
}
li#nav_about {
    width: 153px;
}
li#nav_about:hover,
li#nav_about.selected {
    background: url(/images/reskin/bg_topnav.png) -43px -52px;
}
li#nav_teens {
    width: 135px;
}
li#nav_teens:hover,
li#nav_teens.selected {
    background: url(/images/reskin/bg_topnav.png) -196px -52px;
}
li#nav_alumni {
    width: 154px;
}
li#nav_alumni:hover,
li#nav_alumni.selected {
    background: url(/images/reskin/bg_topnav.png) -331px -52px;
}
li#nav_parents {
    width: 160px;
}
li#nav_parents:hover,
li#nav_parents.selected {
    background: url(/images/reskin/bg_topnav.png) -485px -52px;
}
li#nav_newsroom {
    width: 152px;
}
li#nav_newsroom:hover,
li#nav_newsroom.selected {
    background: url(/images/reskin/bg_topnav.png) -645px -52px;
}
li#nav_support {
    width: 180px;
}
li#nav_support:hover,
li#nav_support.selected {
    background: url(/images/reskin/bg_topnav.png) -797px -52px;
}
li#nav_donate {
    display: none;
}
#topnav li li a:hover, #topnav li li.over a {
    color: #15aeee;
}
#topnav a:hover {
    text-decoration: none;
}

/******
Pagetools
******/

.breadcrumbs {
    font-size: 11px;
    color: #afc1c1;
}
.breadcrumbs a {
    color: #afc1c1;
    font-weight: normal;
}

.pt-wrapper {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    font-size: 11px;
}
.pt-wrapper ul.pt-list {
    margin: 0;
    list-style: none;
}
.pt-wrapper ul.pt-list li.pt-top-li {
    float: left;
    margin: 0 15px 0 0;
    position: relative;
    overflow: hidden;
}
.pt-wrapper ul.pt-list li.pt-top-li a.pt-top-a {
    text-decoration: none;
    display: block;
    font-weight: normal;
    line-height: 20px;
    color: #afc1c1;
}
.pt-wrapper ul.pt-list li.pt-email a.pt-top-a {
    background: transparent url(/images/reskin/icon_email.png) no-repeat 0 50%;
    padding-left: 25px;
}
.pt-wrapper ul.pt-list li.pt-print a.pt-top-a {
    background: transparent url(/images/reskin/icon_print.png) no-repeat 0 50%;
    padding-left: 25px;
}
.pt-wrapper ul.pt-list li.pt-share a.pt-top-a {
    background: transparent url(/images/reskin/icon_share.png) no-repeat 0 50%;
    padding-left: 25px;
}
.pt-wrapper .pt-share-wrapper {
    width: 110px;
    padding: 5px 5px 5px 0;
    border: 1px solid #ccc;
    position: absolute;
    left: -8888px;
    top: 22px;
    background: #fff;
    z-index: 100;
}
.pt-wrapper .pt-share-wrapper .bookmarks {}
.pt-wrapper .pt-share-wrapper .bookmark_list li {
    padding: 2px 0 2px 6px;
}
.pt-wrapper ul.pt-list li.pt-tweet-share {
    width: 100px;
    overflow: hidden;
}
.fb_share_count_nub_right,
.fb_share_count_right {
    visibility: visible !important;
}
.pt-wrapper ul.pt-list li.pt-fb-like {
    display: none;
}



/******
Sidebar Boxes
******/

.sidebarbox {
    margin-bottom: 1em;
}

.sidebar-involved {
    font-size: 11px;
}
.sidebar-involved h2 {
    height: 30px;
    margin: 0;
    background: url(/images/reskin/bg_sidebar_involved_title.png) no-repeat;
}
.sidebar-involved .sidebar-inner {
    padding: 6px 0 13px;
    background: url(/images/reskin/bg_sidebar_yellow.png) bottom left no-repeat;
}
.sidebar-involved ul {
    margin: 0;
    list-style: none;
}
.sidebar-involved ul li {
    margin: 0;
    padding: 0 15px;
}
.sidebar-involved ul li a {
    color: #3f7c76;
}
.sidebar-involved ul li.donate {
    padding: 0;
    margin-top: 6px;
    height: 38px;
    background: url(/images/reskin/bg_sidebar_involved_donate.png) no-repeat;
}
.sidebar-involved ul li.donate a {
    height: 38px;
    display: block;
}

.sidebar-events {
    color: #00040b;
    font-size: 11px;
    font-weight: bold;
}
.sidebar-events h2 {
    height: 30px;
    margin: 0;
    background: url(/images/reskin/bg_sidebar_events_title.png) no-repeat;
}
.sidebar-events .sidebar-inner {
    padding: 6px 15px 13px;
    background: url(/images/reskin/bg_sidebar_blue.png) bottom left no-repeat;
}
.sidebar-events form input {
    color: #666;
    font-size: 10px;
    font-family: tahoma,arial,helvetica,sans-serif;
}
.sidebar-events a {
    color: #00040b;
}

.sidebar-news {
    color: #00040b;
    font-size: 11px;
    font-weight: bold;
}
.sidebar-news h2 {
    height: 84px;
    margin: 0;
    background: url(/images/reskin/bg_sidebar_news_title.png) no-repeat;
}
.sidebar-news .sidebar-inner {
    padding: 6px 15px 13px;
    background: url(/images/reskin/bg_sidebar_black.png) bottom left no-repeat;
}
.sidebar-news h3.title a {
    font-size: 11px;
    color: #c5dbdb;
}
.sidebar-news p.teaser {
    font-size: 11px;
    color: #c5dbdb;
    font-weight: normal;
}
.sidebar-news p.readmore a {
    color: #15aeee;
    text-transform: uppercase;
}

/* legacy template work-arounds */

.sidebar-news h3.title,
.sidebar-news p.teaser {
    margin: 0;
}
.sidebar-news .leadin,
.sidebar-news .archiveboxitem {
    margin: 1em 0;
}

.sidebar-home-buttons {}
.sidebar-home-buttons ul {
    list-style: none;
    margin: 0;
    background: url(/images/reskin/bg_home_buttons.png) no-repeat;
}
.sidebar-home-buttons ul li {
    margin: 0 0 4px
}
.sidebar-home-buttons ul li a {
    height: 38px;
    display: block;
}

.sidebar-home-login {
    padding: 1px 15px;
    background: url(/images/reskin/bg_home_login.png) repeat-y;
}
.sidebar-home-login h2 {
    color: #1c4949;
    font-weight: normal;
    margin: .375em 0;
}
.sidebar-home-login form formrow {
    margin: 3px 0;
}
.sidebar-home-login form input#loginbox_email,
.sidebar-home-login form input#loginbox_password {
    color: #666;
    font-size: 10px;
    font-family: tahoma,arial,helvetica,sans-serif;
    width: 100px;
    margin: 0;
    border: 1px solid #ccc;
    padding: 3px 5px;
    height: 15px;
}
.sidebar-home-login form input#loginbox_email {
    width: 180px;
}
.sidebar-home-login form input#loginbox_password {
    width: 150px;
}
/******
Home Page
******/

#home-features {
    position: relative;
}
#home-features .leadin {
    margin: 0;
}
#home-features #switcher {
    width: 18px;
    position: absolute;
    right: 0;
    top: 175px;
    z-index: 100;
}
#home-features #switcher a {
    width: 18px;
    display: block;
    text-align: center;
}
#home-features a#s1 {
    color: #00c750;
}
#home-features a#s2 {
    color: #fa0;
}
#home-features a#s3 {
    color: #ff5796;
}
#home-features a#s4 {
    color: #07c;
}
#home-features a#s1.selected,
#home-features a#s2.selected,
#home-features a#s3.selected,
#home-features a#s4.selected {
    color: #bac4cb;
}



#home-media-hub {
    margin-bottom: 10px;
}
#home-media-hub ul {
    margin: 0;
    padding-left: 108px;
    list-style: none;
    height: 26px;
    background: url(/images/reskin/bbyo_media_hub_social_feed.png) no-repeat;
}
#home-media-hub li {
    margin: 0;
    float: left;
}
#home-media-hub li.photos a {
    height: 26px;
    width: 114px;
    display: block;
}
#home-media-hub li.videos a {
    height: 26px;
    width: 112px;
    display: block;
}
#home-media-hub li.downloads a {
    height: 26px;
    width: 130px;
    display: block;
}

#home-media-hub li.blog a {
    height: 26px;
    width: 107px;
    display: block;
}

#home-media-hub li.facebook a {
    height: 26px;
    /* width: 18px;*/ 
    width: 25px;
    display: block;
     margin: 0 0 0 12px;
}

#home-media-hub li.youtube a {
    height: 26px;
    /* width: 15px; */
    width: 25px;
    display: block;
	margin: 0 0 0 10px;
}

#home-media-hub li.twitter a {
    height: 26px;
    /* width: 16px;*/
    width: 25px;
    display: block;
    margin: 0 0 0 9px;
}





#home-bottom {}
#home-bottom a {
    font-size: 11px;
    color: #022222;
}
#home-bottom .leftcell3,
#home-bottom .middlecell3,
#home-bottom .rightcell3 {
    width: 230px;
}
#home-bottom .middlecell3 {
    padding: 0;
    margin: 0 8px;
}

#home-bottom .leftcell3 h2 {
    height: 56px;
    margin: 0;
    background: url(/images/reskin/bg_home_teens_title.png) no-repeat;
    text-indent: -8888px;
}

#home-bottom .leftcell3 h2 a {
    height: 56px;
    width: 230px;
    display: block;
}

#home-bottom .leftcell3 .inner {
    padding: 6px 15px 13px;
    background: url(/images/reskin/bg_home_green.png) bottom left no-repeat;
}
#home-bottom .middlecell3 h2 {
    height: 84px;
    margin: 0;
    background: url(/images/reskin/bg_home_friends_title.png) no-repeat;
    text-indent: -8888px;
}

#home-bottom .middlecell3 h2 a {
    height: 84px;
    width: 230px;
    display: block;
}

#home-bottom .middlecell3 .inner {
    padding: 6px 15px 13px;
    background: url(/images/reskin/bg_home_gold.png) bottom left no-repeat;
}
#home-bottom .rightcell3 h2 {
    height: 57px;
    margin: 0;
    background: url(/images/reskin/bg_home_parents_title.png) no-repeat;
    text-indent: -8888px;
}

#home-bottom .rightcell3 h2 a {
    height: 57px;
    width: 230px;
    display: block;
}

#home-bottom .rightcell3 .inner {
    padding: 6px 15px 13px;
    background: url(/images/reskin/bg_home_pink.png) bottom left no-repeat;
}
#home-bottom .rightcell3 h3.register {
    font-size: 11px;
    color: #022222;
    font-style: italic;
    font-weight: normal;
}

/******
Section Covers
******/

#section-feature .leadin {
    margin: 0;
}
#section-feature .leadin .txt {
    padding: 10px 15px;
    background: url(/images/reskin/bg_secfeature_txt.png) no-repeat;
}
#section-subfeatures .leadin h3.title,
#section-subfeatures .leadin h3.title a,
#section-feature .leadin h3.title,
#section-feature .leadin h3.title a {
    color: #07c;
}
#section-subfeatures .leadin h3.title,
#section-feature .leadin h3.title {
    font-size: 1.154em;
}
#section-subfeatures .leadin p.readmore,
#section-feature .leadin p.readmore {
    margin-top: 13px;
}
#section-subfeatures .leadin p.readmore a,
#section-feature .leadin p.readmore a {
    margin-left: -15px;
    height: 27px;
    width: 101px;
    display: block;
    background: url(/images/reskin/bg_readmore.png) no-repeat;
    text-indent: -8888px;
}
#section-subfeatures .leadin p.readmore a:hover,
#section-feature .leadin p.readmore a:hover {
    background-position: 0 -27px;
}

#section-subfeatures .leftcell {
    width: 349px;
    padding: 0 4px 0 0;
}
#section-subfeatures .rightcell {
    width: 349px;
    padding: 0 0 0 4px;
}
#section-subfeatures .leadin {
    margin: 0;
}
#section-subfeatures .leadin .img {
    margin: 0;
    float: none;
}
#section-subfeatures .leadin .txt {
    padding: 10px 15px;
    height: 130px;
    background: url(/images/reskin/bg_secsubfeature_txt.png) no-repeat;
}
#section-feature .leadin .size-wrapper {
    height: 233px;
    overflow: hidden;
}
#section-subfeatures .leadin .size-wrapper {
    height: 83px;
    overflow: hidden;
}

/******
Photo Gallery
******/

body.photo-cover .listeditem {
    width: 230px;
    margin: 0 5px 10px 0;
    float: left;
}
body.photo-cover .listeditem .img {
    margin: 0;
    float: none;
}
body.photo-cover .listeditem h3.title {
    padding: 0 10px;
    height: 26px;
    overflow: hidden;
    background: url(/images/reskin/bg_pg_title.png) no-repeat;
}
body.photo-cover .listeditem h3.title a {
    color: #fff;
    font-size: 11px;
    line-height: 26px;
}
/**** Main Round Box ****/


.mainroundbox {
    margin: 1em 0 1em 12px;
    border: 1px solid #037DD7;
    padding: 1px 10px;
    width: 155px;
    float: left;
    background: #037DD7;
}


/***
Hide form fields
***/

.formrow_alumni_region,
.formrow_alumni_chapter,
.formrow_high_school_graduation_year	{
	display: none;
}

.formrow_did_you_meet_your_spousepartner_in_bbyo,
.formrow_spousepartner_alumni_reion,
.formrow_spousepartner,
.formrow_spouse_high_school_graduation_year	{
	display: none;
}

/******
Contribution form footer styling ported from 2011 FAN reskin templates
******/

ul.options {
    list-style: none;
}
ul.options li {
    padding: 0 0 3px 24px;
}
ul.options li.help { background: url(/images/icon_info.gif) no-repeat; }
ul.options li.mail { background: url(/images/icon_mail.gif) no-repeat; }
ul.options li.phone { background: url(/images/icon_phone.gif) no-repeat; }




#forgotmypassword a {
	 font-weight: bold;
    font-size: 10px;
    color: #333;
    text-transform: uppercase;
	}

.photooftheday {
	height: 30px;
	margin: 0;
	background: url(/images/blog/keepingpace/photo_of_the_day.png) no-repeat;
	}

.columnone {
	float: left;
	width: 230px;
}
.columntwothree {
	float: left;
}

.signupwrapper {
background: url(/images/home/signup_home_peach.png) bottom right no-repeat;
margin-left: 8px; 
margin-top: 8px;
}

#gtfirstrow h3{color:#000;}


/* announce notice */

div.announce_notice {
    padding: 5px 10px 5px 0;
    background: #FF2400 url(http://bbyo.org/images/153x35-blank-image.png) no-repeat 10px 10px;
    min-height: 35px;
    font-family: arial,helvetica,sans-serif;
    color: #fff;
}
div.announce_notice .links {
    float: right;
}
div.announce_notice h2 {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
div.announce_notice p {
    font-size: 16px;
	font-weight:bold;
    margin: 0;
}
div.announcement_notice h2,
div.announcement_notice p {
    line-height: 35px;
   margin-left: auto;
    margin-right: auto;
}
div.announce_notice a {
    color: #fff;
    text-decoration: underline;
}