/*
WPBT2.org STYLES
==============================================================================
GLOBAL STYLES
==============================================================================
*/

a:link {
	color: #ffffff;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #cccccc;
	text-decoration: none;
}
a:active {
	color: #cccccc;
	text-decoration: underline;
}
body {
	background-color: #000000;
	background-image: url(../imgs/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #000f6a; border-top:none; width:104px; margin:0}
ul.menu ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu ul li a:hover {background-color:#000f6a}
ul.menu ul ul {left:104px; top:-1px}
ul.menu .menulink {border:1px solid #000000; padding:3px 2px 2px; font-weight:bold; background:url(../imgs/header.gif); width:100px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../imgs/header_over.gif)}
ul.menu .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu .topline {border-top:1px solid #000f6a}

.footer {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #ffffff;
	text-align: center;
}
.headline {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.nav_menu_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 15px;
	padding-bottom: 5px;
	text-align: center;
}
.picture {
	margin-right: 15px;
	margin-bottom: 10px;
}
.picture_rt {
	margin-left: 15px;
	margin-bottom: 10px;
}
.subhead_bold {
	font-size: 14px;
	font-weight: bold;
}
.subhead_ital {
	font-size: 14px;
	font-style: italic;
}


/*
ABOUT WPBT2
==============================================================================
*/

ul.menu_about {list-style:none; margin:0; padding:0}
ul.menu_about * {margin:0; padding:0}
ul.menu_about a {display:block; color:#ffffff; text-decoration:none}
ul.menu_about li {position:relative; float:left; margin-right:2px}
ul.menu_about ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_about ul li {position:relative; border:1px solid #4881b3; border-top:none; width:104px; margin:0}
ul.menu_about ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_about ul li a:hover {background-color:#4881b3}
ul.menu_about ul ul {left:104px; top:-1px}
ul.menu_about .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_about .menulink:hover, ul.menu_about .menuhover {background:url(../imgs/header_over_about.gif)}
ul.menu_about .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_about .topline {border-top:1px solid #4881b3}

.about_link:link {color:#4881b3}
.about_link:visited {color:#999999}
.about_link:hover {color:#cccccc}
.about_link:active {color:#cccccc}

.about_link_financial:link {color:#FFFFFF}
.about_link_financial:visited {color:#999999}
.about_link_financial:hover {color:#cccccc}
.about_link_financial:active {color:#cccccc}

.about_content {
	background-image: url(../imgs/about_content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.about_content_main {
	background-image: url(../imgs/about_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.about_content_pr {
	background-color: #FFFFFF;
	color: #000000;
}
.about_copy {
	margin-left: 28px;
	margin-right: 50px;
}
.about_subhead {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: solid #ffffff 1px;
}
.about_subnavbar {
	background-image: url(../imgs/about_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.board_name {
	font-size: 14px;
}
.board_subhead {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: solid #ffffff 1px;
}
.board_title {
	font-style: italic;
	font-size: 12px;
}
.press_kit {
	padding-bottom: 20px;
}
.pk_logo {
	margin-bottom: 10px;
}
.footer_pr {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #4881b3;
	text-align: center;
}
.pr_frame {
	border: solid #ffffff 1px;
}
.pr_headline {
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	text-align: center;
}
.pr_headline_lg {
	font-size: 18px;
	color:#000000;
	text-align: left;
}


/*
COMMUNITY
==============================================================================
*/

ul.menu_social {list-style:none; margin:0; padding:0}
ul.menu_social * {margin:0; padding:0}
ul.menu_social a {display:block; color:#ffffff; text-decoration:none}
ul.menu_social li {position:relative; float:left; margin-right:2px}
ul.menu_social ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_social ul li {position:relative; border:1px solid #0c80f1; border-top:none; width:104px; margin:0}
ul.menu_social ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_social ul li a:hover {background-color:#0c80f1}
ul.menu_social ul ul {left:104px; top:-1px}
ul.menu_social .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_social .menulink:hover, ul.menu_social .menuhover {background:url(../imgs/header_over_social.gif)}
ul.menu_social .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_social .topline {border-top:1px solid #0c80f1}

.social_link:link {color:#0c80f1}
.social_link:visited {color:#999999}
.social_link:hover {color:#cccccc}
.social_link:active {color:#cccccc}

.social_content_main {
	background-image: url(../imgs/social_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.social_subnavbar_main {
	background-image: url(../imgs/social_subnav_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.social_copy_main {
	margin-left: 28px;
	margin-right: 25px;
}
.blog {
	padding: 9px;
}
.blog_box {
	border: 1px solid #ffffff;
}
.blog_logo {
	margin-bottom: 10px;
}

ul.menu_community {list-style:none; margin:0; padding:0}
ul.menu_community * {margin:0; padding:0}
ul.menu_community a {display:block; color:#ffffff; text-decoration:none}
ul.menu_community li {position:relative; float:left; margin-right:2px}
ul.menu_community ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_community ul li {position:relative; border:1px solid #c4a537; border-top:none; width:104px; margin:0}
ul.menu_community ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_community ul li a:hover {background-color:#c4a537}
ul.menu_community ul ul {left:104px; top:-1px}
ul.menu_community .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_community .menulink:hover, ul.menu_community .menuhover {background:url(../imgs/header_over_community.gif)}
ul.menu_community .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_community .topline {border-top:1px solid #c4a537}

.community_link:link {color:#c4a537}
.community_link:visited {color:#999999}
.community_link:hover {color:#cccccc}
.community_link:active {color:#cccccc}

.community_content_main {
	background-image: url(../imgs/community_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.community_subnavbar_main {
	background-image: url(../imgs/community_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

.community_copy_main {
	margin-left: 28px;
	margin-right: 25px;
}
.event_box {
	border: solid #011a8f 1px;
	padding: 4px;
}


/*
CONTACT US
==============================================================================
*/

ul.menu_contact {list-style:none; margin:0; padding:0}
ul.menu_contact * {margin:0; padding:0}
ul.menu_contact a {display:block; color:#ffffff; text-decoration:none}
ul.menu_contact li {position:relative; float:left; margin-right:2px}
ul.menu_contact ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_contact ul li {position:relative; border:1px solid #4881b3; border-top:none; width:104px; margin:0}
ul.menu_contact ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_contact ul li a:hover {background-color:#4881b3}
ul.menu_contact ul ul {left:104px; top:-1px}
ul.menu_contact .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_contact .menulink:hover, ul.menu_contact .menuhover {background:url(../imgs/header_over_contact.gif)}
ul.menu_contact .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_contact .topline {border-top:1px solid #4881b3}

.contact_link:link {color:#4881b3}
.contact_link_dk:link {color:#111D33}
.contact_link:visited {color:#999999}
.contact_link_dk:visited {color:#cccccc}
.contact_link:hover {color:#cccccc}
.contact_link_dk:hover {color:#999999}
.contact_link:active {color:#cccccc}
.contact_link_dk:active {color:#999999}

.contact_content {
	background-image: url(../imgs/contact_content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.contact_content_main {
	background-image: url(../imgs/contact_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.contact_subnavbar {
	background-image: url(../imgs/contact_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.contact_copy {
	margin-left: 28px;
	margin-right: 50px;
}


/*
PLAY / LEARN
==============================================================================
*/

ul.menu_play {list-style:none; margin:0; padding:0}
ul.menu_play * {margin:0; padding:0}
ul.menu_play a {display:block; color:#ffffff; text-decoration:none}
ul.menu_play li {position:relative; float:left; margin-right:2px}
ul.menu_play ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_play ul li {position:relative; border:1px solid #4881b3; border-top:none; width:104px; margin:0}
ul.menu_play ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_play ul li a:hover {background-color:#04acec}
ul.menu_play ul ul {left:104px; top:-1px}
ul.menu_play .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_play .menulink:hover, ul.menu_play .menuhover {background:url(../imgs/header_over_play.gif)}
ul.menu_play .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_play .topline {border-top:1px solid #04acec}

.play_link:link {color:#04acec}
.play_link:visited {color:#999999}
.play_link:hover {color:#cccccc}
.play_link:active {color:#cccccc}

.footer_play {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
	text-align: center;
}
.footer_play_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
	text-align: center;
	line-height: 20px;
}
.play_content {
	background-image: url(../imgs/play_content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #d8ffca;
	color: #2b66be;	
}
.play_content_bday {
	background-image: url(../imgs/play_content_bg_bday.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}
.play_content_main {
	background-image: url(../imgs/play_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.play_subnavbar {
	background-image: url(../imgs/play_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #d8ffca;
}
.play_subnavbar_bday {
	background-image: url(../imgs/play_subnav_bg_bday.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.play_subnavbar_main {
	background-image: url(../imgs/play_subnav_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.play_copy {
	margin-left: 28px;
	margin-right: 25px;
	color: #2b66be;
}
.play_copy_bday {
	margin-left: 150px;
	margin-right: 150px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}
.play_copy_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 28px;
	margin-right: 25px;
	color: #2b66be;
}
.play_copy_kidvision {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 28px;
	margin-right: 25px;
	color: #000000;
}
.play_headline {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.play_head_bday {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.play_kidvision {
	font-weight: bold;
	color: #2b66be;
}
.play_subhead {
	font-size: 14px;
	color: #000000;
}
.sponsors {
	font-size: 11px;
	font-style: italic;
	color: #2b66be;
	font-weight: bold;
}


/*
PROGRAMS
==============================================================================
*/

ul.menu_programs {list-style:none; margin:0; padding:0}
ul.menu_programs * {margin:0; padding:0}
ul.menu_programs a {display:block; color:#ffffff; text-decoration:none}
ul.menu_programs li {position:relative; float:left; margin-right:2px}
ul.menu_programs ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_programs ul li {position:relative; border:1px solid #991b38; border-top:none; width:104px; margin:0}
ul.menu_programs ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_programs ul li a:hover {background-color:#991b38}
ul.menu_programs ul ul {left:104px; top:-1px}
ul.menu_programs .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_programs .menulink:hover, ul.menu_programs .menuhover {background:url(../imgs/header_over_programs.gif)}
ul.menu_programs .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_programs .topline {border-top:1px solid #991b38}

.programs_link:link {color:#991b38}
.programs_link_dk:link {color:#410b18}
.programs_link:visited {color:#999999}
.programs_link:hover {color:#cccccc}
.programs_link:active {color:#cccccc}

.programs_content {
	background-image: url(../imgs/programs_content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.programs_content_main {
	background-image: url(../imgs/programs_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.programs_subnavbar {
	background-image: url(../imgs/programs_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.programs_copy {
	margin-left: 28px;
	margin-right: 50px;
}
.programs_copy_main {
	margin-left: 28px;
	margin-right: 25px;
}
.programs_subhead {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.featured_production {
	padding: 9px;
}
.featured_box {
	border: 1px solid #ffffff;
}
.featured_logo {
	margin-bottom: 10px;
}


/*
SUPPORT WPBT2
==============================================================================
*/

ul.menu_support {list-style:none; margin:0; padding:0}
ul.menu_support * {margin:0; padding:0}
ul.menu_support a {display:block; color:#ffffff; text-decoration:none}
ul.menu_support li {position:relative; float:left; margin-right:2px}
ul.menu_support ul {position:absolute; top:22px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu_support ul li {position:relative; border:1px solid #81af4b; border-top:none; width:104px; margin:0}
ul.menu_support ul li a {display:block; padding:3px 2px 2px; background-color:#000000}
ul.menu_support ul li a:hover {background-color:#81af4b}
ul.menu_support ul ul {left:104px; top:-1px}
ul.menu_support .menulink {border:1px solid #000000; padding:3px 2px 2px; background:url(../imgs/header.gif); width:100px}
ul.menu_support .menulink:hover, ul.menu_support .menuhover {background:url(../imgs/header_over_support.gif)}
ul.menu_support .sub {background:#000000 url(../imgs/arrow.gif) 98px 6px no-repeat}
ul.menu_support .topline {border-top:1px solid #81af4b}

.support_link:link {color:#81af4b}
.support_link:visited {color:#999999}
.support_link:hover {color:#cccccc}
.support_link:active {color:#cccccc}

.support_content {
	background-image: url(../imgs/support_content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.support_content_main {
	background-image: url(../imgs/support_content_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.support_subnavbar {
	background-image: url(../imgs/support_subnav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
.support_copy {
	margin-left: 28px;
	margin-right: 50px;
}
.support_sponsors {
	color: #ffffff;
	font-weight: bold;
	line-height: 18px;
}
