html,html body {height:100%}

html {
	background:-color:#fff;
	width:100%;
}
a {
	color:#CD5E04;
}
body 
{
	background: #C2DDF2 url(/images/broderbund/backgrounds/broderbund_bg_sky.png) no-repeat fixed top center;
	/*background: #c2ddf2 url(/images/broderbund/broderbund_bg_pattern.jpg) repeat-x;*/
	background-attachment: fixed;
	height:100%;
	margin-top:0px; 
	margin-left:0px; 
	margin-right:0px; 
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5b5b;	
	padding:0px;	
}
/*--------------------------------------------------
	Related site selector on the very top this is
	for all of our sites:
	Richard C. Silverio: 04.02.10
---------------------------------------------------*/
#B2C_RelatedSites
{
    width: 100%;
	background-color:#7f7762;
	height:25px;
	background:url(/images/site_images/universal_nav_background.jpg); 
	background-repeat:repeat-x; 	
	text-align:left;
}
.B2C_RelatedSitesCopy {
	color: #737373;
	float:left;
	font-size: .875em;
	font-weight: bold;
	padding: 5px 5px;
}

#global_nav {
	background:url(/images/site_images/universal_nav.png) no-repeat;
	width:273px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
}
#global_nav span {
	display: none;
}	
#global_nav li, #global_nav a {
	height:25px;
	display:block;
}
#global_nav li {
	float:left;
	list-style:none;
	display:inline;
}
#global_nav_bicycle {
	width: 52px;
}	
#global_nav_broderbund {
	width: 86px;
}
#global_nav_encore {
	width: 67px;
}
#global_nav_hoyle {
	width: 65px;
}
/*hover state for navigation*/
#global_nav_bicycle a:hover {
	background:url(/images/site_images/universal_nav.png) 0px -25px no-repeat; 
}
#global_nav_broderbund a:hover {
	background:url(/images/site_images/universal_nav.png) -53px -25px no-repeat; 
}
#global_nav_encore a:hover {
	background:url(/images/site_images/universal_nav.png) -140px -25px no-repeat; 
}
#global_nav_hoyle a:hover {
	background:url(/images/site_images/universal_nav.png) -208px -25px no-repeat; 
}
/*--------------------------------------------------
	New related site selector on the very top this is
	for all of our sites:
	Richard C. Silverio: 08.23.11
---------------------------------------------------*/
#B2C_RelatedSites
{   
	background:#fff url(/images/related_sites/v2/silverbar_bg.png) repeat-x;
	color:#000;
	font-size:11px;
	height:37px; 
	text-align:left;
	width: 100%;
}
.menu {
	background: #fff url(/images/related_sites/v2/silverbar_bg.png) repeat-x;
	font-family:verdana,arial,sans;
	font-size:11px;
	height:37px;
	line-height:37px;
	list-style: none;
	margin:0;
	padding:0;
	width:980px;
}
.menu li {
	background-repeat: no-repeat;
	height: 37px;
	list-style: none;
	padding: 0;
	margin: 0;	
}
.menu li a, .menu li a:visited {
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	text-decoration: none;
	text-indent: -1000px;
}
.bicycle {background-image: url(/images/related_sites/v2/site_bicycle.png); background-position: 0 -37px; width: 83px;}
.bicycle a {background-image: url(/images/related_sites/v2/site_bicycle.png); width: 83px;}
.broderbund {background-image: url(/images/related_sites/v2/site_broderbund.png); background-position: 0 -74px; width: 142px;}
.broderbund a {background-image: url(/images/related_sites/v2/site_broderbund.png); width: 142px;}
.encore {background-image: url(/images/related_sites/v2/site_encore.png); background-position: 0 -37px; width: 110px;}
.encore a {background-image: url(/images/related_sites/v2/site_encore.png); width: 110px;}
.hoyle {background-image: url(/images/related_sites/v2/site_hoyle.png); background-position: 0 -37px; width: 107px;}
.hoyle a {background-image: url(/images/related_sites/v2/site_hoyle.png); width: 107px;}
.king {background-image: url(/images/related_sites/v2/site_king.png); background-position: 0 -37px; width: 67px;}
.king a {background-image: url(/images/related_sites/v2/site_king.png); width: 67px;}
.printshop {background-image: url(/images/related_sites/v2/site_printshop.png); background-position: 0 -37px; width: 118px;}
.printshop a {background-image: url(/images/related_sites/v2/site_printshop.png); width: 118px;}
.punchsoftware {background-image: url(/images/related_sites/v2/site_punchsoftware.png); background-position: 0 -37px; width: 105px;}
.punchsoftware a {background-image: url(/images/related_sites/v2/site_punchsoftware.png); width: 105px;}
.punchcad {background-image: url(/images/related_sites/v2/site_punchcad.png); background-position: 0 -37px; width: 137px;}
.punchcad a {background-image: url(/images/related_sites/v2/site_punchcad.png); width: 137px;}
.support {background-image: url(/images/related_sites/v2/site_support.png); background-position: 0 -37px; width: 120px;}
.support a {background-image: url(/images/related_sites/v2/site_support.png); width: 120px;}
.vivamedia {background-image: url(/images/related_sites/v2/site_viva3.png); background-position: 0 -37px; width: 89px;}
.vivamedia a {background-image: url(/images/related_sites/v2/site_viva3.png); width: 89px;}
ul.menu li a:hover {background: none;}
ul.menu li a.site_on {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*---------------------------------------------*/
#broderbund_heading {
	background: #fff url(/images/broderbund/broderbund_nav_bg.jpg);
	/*border-bottom:2px solid #ab9971;*/
	clear:left;
	height:77px;
	line-height:35px;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:980px;
	z-index:1;
}
#broderbund_body {
	background: #fff url(/images/broderbund/bg_body.gif) repeat-x top center;
	border-top:1px solid #220904;
	color:#000;
	min-height:500px;
	margin:0 auto;
	padding:30px 0 30px 0;
	text-align:center;
	width:980px;
}
#broderbund_body_content {
	text-align:left;
	margin:0 auto;
	width:85%;
}
#broderbund_body_content h1 {
	color:#0939A8;
	font-size:25px;
}
#bicycle_body_content p {
	font-size: 14px;
}
#bicycle_body_content ul li {
	font-size: 14px;
	list-style-type:square;
	padding:5px 0;
}
#error_container {
	margin:0 auto;
	height:95%;
	width:980px;
}
#broderbund_footer
{
	background:#fff;
	font-size:11px;
	padding:10px;
	text-align:center;
	width:960px;
}