/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FFFFFF; 
	color:#FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; 
	padding:0;
}

ul{
	list-style:none;
}

.spacer{
	font-size:0; 
	line-height:0; 
	clear:both;
}

/* -- top navigation start -- */

#nav-login{
	color:#FFFFFF;
	text-align:right;
	font:normal 12px/37px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:37px;
	line-height:37px;
	padding:0 0px;
}

#nav-login a{
	color:#FFFFFF;
	text-align:right;
	font:normal 12px/37px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:37px;
	line-height:37px;
	padding:0 0px;
	text-decoration:none;
}

#nav-login a:hover{
	text-decoration:underline;
}

#topNav{
	width:974px; 
	margin:0 auto; 
	height:37px;
}

#topNav ul{
	width:974px; 
	margin:0 auto;
}

#topNav ul li{ /* background to li with a 10 pix padding*/
	height:37px; 
	float:left;
	padding-left: 25px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#topNav ul li a { /* this background,for the a href will be placed over the li background */
	height:37px; 
	padding:0 0px; 
	padding-right:25px;
	padding-top:3px;
	float:left; 
	text-decoration:none; 
	text-transform:capitalize;
	display:block;
	color:#FFFFFF;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
}

/*  The tabbed item */
#topNav ul li.current{ /* background to li with a 10 pix padding*/
	height:37px; 
	background:url(../images/tabs.gif); 
	float:left;
	padding-left: 25px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#topNav ul li.loginbutton{
	color:#FF0000;
}

#topNav ul li.current a{
	background:url(../images/tabs.gif) 100% 0; 
	padding:0 0px; 
	padding-right:25px;
	padding-top:3px;
	height:37px; 
	float:left; 
	display:block;
	color:#339999;
	font:bold 12px/37px Arial, Helvetica, sans-serif;	
}

#topNav ul li.loginbutton a{
	padding-left:218px;
	color:#FFFFFF;
}

/* hover effect */
#topNav ul li:hover{
	background:url(../images/top-rollover.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
}

#topNav ul li.current:hover {
	background:url(../images/tabs.gif); 
}

#topNav ul li.loginbutton:hover {
	background:none;
	color:#FF0000;
}

/* -- top navigation start -- */

#body div.logoline {
	height:50px; 
	padding:15px 0px; 
	background: #FFFFFF url(../images/bch-digital-logos.jpg) no-repeat center left; 
	text-align:right;
	vertical-align:middle;
	font:bold 14px/50px Arial, Helvetica, sans-serif;
	color: #878b8f;
}

#body div.logoline a {
	text-decoration:none;
	color:#00ADB9;
}

#body div.logoline a:hover {
	text-decoration:underline;
}

/* -- body start -- */
#body{
	width:974px; 
	margin:0 auto; 
	padding:0 0 50px 0;
	color:#171717;
}

#body img.logo{
	border:none; 
	margin:30px 0 0 0;
}

#body h1{
	background:url(../images/punch_line.gif) no-repeat 0 0 #F7F7F7; 
	color:#171717;
	width:142px; 
	height:49px; 
	text-indent:-20000px;
}

#body div.bchstrapline{
	background:url(../images/middle-strap-line.jpg) no-repeat 0 0 #F7F7F7; 
	height:45px;
	color:#FFFFFF;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align:center;
}

#body div.bchstrapline a{
	text-decoration:none;
	color:#FFFFFF;
}

#body div.midspacer{
	height:2px;
}

#body div.bodyText{
	padding:0 0 0 0;
	height:302px;
}

#body div.bodyTextsub{
	padding:0 0 0 0;
	height:310px;
}


#body div.bodyTextsub_inner{
	padding:0 0 0 0;
	height:80px;
}

#body div.bodyText p{
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; 
	color:#171717;
	padding:8px 0; 
	background-color:#FFFFFF;
}

#body div.bodyText p a{
	color:#003E6A; 
	background-color:#F7F7F7; 
	text-decoration:underline;
}

#body div.bodyText p a:hover{
	text-decoration:none;
}

#body div.bodyTextsub p{
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; 
	color:#171717;
	padding:10px 0; 
	background-color:#FFFFFF;
}

#body div.bodyTextsub p a{
	color:#003E6A; 
	background-color:#F7F7F7; 
	text-decoration:underline;
}

#body div.bodyTextsub p a:hover{
	text-decoration:none;
}

#body div.catagory{
	background-color:#FFFFFF;
	padding: 0 0 0 0;
	margin-top: 16px;
	margin-left: 0px;
	margin-right:0px;
	overflow: auto;
	width: 100%
}
	
#body div.middlecategory h3{	
	color:#00ADB9;
	text-align:left;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:10px;
}

#body div.middlecategory h4{	
	color:#666666;
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

#body div.middlecategory ul{	
	padding-top:5px; 
}

#body div.middlecategory ul{
	list-style:square outside url("../images/solution-bullet.gif");
	padding:10px 20px; 
	float:left; 	 
	display:block;
}

#body div.middlecategory li{
	padding-bottom:5px;
}

#body div.middlecategory a{
	text-decoration:none;
	color:#00ADB9;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#body div.middlecategory a:hover{
	text-decoration:underline;
}

#leftcolumn { 
	display: inline;
	color: #333;
	margin: 7px 0px;
	padding: 0px 0px 0px 30px;
	width: 213px;
	height:232px;
	float: left;
	background-color:#FFFFFF;
	border-right:1px dotted #00ADB9;
	overflow: hidden
}

#leftmiddle { 
	float: left;
	color: #333;
	margin: 7px 0px;
	padding: 0px 0px 0px 30px;
	width: 213px;
	height:232px;
	display: inline;
	position: relative;
	background-color:#FFFFFF;
	border-right:1px dotted #00ADB9;	
	overflow: hidden
}

#rightmiddle { 
	display: inline;
	position: relative;
	color: #333;
	margin: 7px 0px;
	padding: 0px 0px 0px 30px;
	width: 213px;
	height:232px;
	float: left;
	background-color:#FFFFFF;
	border-right:1px dotted #00ADB9;
	overflow: hidden
}

#rightcolumn { 
	display: inline;
	position: relative;
	color: #333;
	margin: 7px 0px;
	padding: 0px 0px 0px 30px;
	width: 190px;
	height:232px;
	float: left;
	background-color:#FFFFFF;
	overflow: hidden
}

#leftcolumn_contact, #leftcolumn_contact2 { 
	display: inline;
	margin: 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 300px;
	height:415px;
	float: left;
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#leftmiddle_contact, #leftmiddle_contact2 { 
	float: left;
	margin: 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 300px;
	height:415px;
	display: inline;
	position: relative;	
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#rightmiddle_contact, #rightmiddle_contact2 { 
	display: inline;
	position: relative;
	margin: 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 300px;
	height:415px;
	float: left;
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#rightcolumn_contact, #rightmiddle_contact2 { 
	display: inline;
	position: relative;
	margin: 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 300px;
	height:415px;
	float: left;
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#leftcolumn_contact strong, #leftcolumn_contact2 strong, #leftmiddle_contact strong, #leftmiddle_contact2 strong, #rightmiddle_contact strong, #rightmiddle_contact strong, #rightcolumn_contact strong, #rightmiddle_contact2 strong {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#00ADB9;
}

#leftcolumn_contact p, #leftcolumn_contact2 p, #leftmiddle_contact p, #leftmiddle_contact2 p, #rightmiddle_contact p, #rightmiddle_contact p, #rightcolumn_contact p, #rightmiddle_contact2 p {
	padding:5px 0px;
	color:#666666;
}

#leftcolumn_contact p.contact, #leftcolumn_contact2 p.contact, #leftmiddle_contact p.contact, #leftmiddle_contact2 p.contact, #rightmiddle_contact p.contact, #rightmiddle_contact p.contact, #rightcolumn_contact p.contact, #rightmiddle_contact2 p.contact {
	color:#00ADB9;
}

div.midstrapsidel {
	display:inline;
	float:left;
	width:200px;
	/* border-right:1px dotted #FFFFFF; */
}

div.midstrapsider {
	display:inline;
	float:left;
	width:200px;
	/* border-left:1px dotted #FFFFFF; */
}

div.midstrapmid {
	display:inline;
	float:left;
	width:550px;
}

div.bottom{
	clear:both;
	width:974px; 
	background-color:#FFFFFF;
	padding:0 0 0 0;
	margin-left: 0px;
	margin-right:0px;
	margin-top:0px;
	border-top:thin dotted #00ADB9;
}

div.bottom h4{
	color:#00ADB9;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding-top:9px;
}

div.bottomsub{
	clear:both;
	width:974px; 
	background-color:#FFFFFF;
	padding:0 0 0 0;
	margin-left: 0px;
	margin-right:0px;
	margin-top:0px;
}

div.bottomsub  h3{
	color:#00ADB9;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding-top:0px;
}

div.bottomsub  h4{
	color:#00ADB9;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-bottom:10px;
	border-bottom:thin solid #00ADB9;
}

div.bottomsub p {
	color:#00ADB9;
	padding-top:10px;
}

div.bottomsub p.bottom {
	border-bottom:thin solid #00ADB9;
	padding-bottom:10px;
	font-weight:bold;
}

div.bottomleft{
	background-color:#FFFFFF;
	width:280px;
	float:left; 
	padding-right:10px;
}

div.bottommiddle{
	background-color:#FFFFFF;
	width:324px;
	float:left; 
	padding-right:10px;
	padding-left:30px;
}

div.bottomright{
	background-color:#FFFFFF;
	width:290px;
	float:left; 
	padding-left:30px;
}

div.bottomleft p {
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

div.bottomleft a {
	text-decoration:none;
	color:#00ADB9;
	font:normal 11px Arial, Helvetica, sans-serif;
	
}

div.bottomleft a:hover {
	text-decoration:underline;
}

/* -sub pages - */

div.bottomleftsub{
	background-color:#FFFFFF;
	width:180px;
	float:left; 
	padding-right:5px;
}

div.bottomleftsub h3 {
	padding-top:0px;
	padding-bottom:5px;
	padding-left:20px;
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

div.bottomleftsub p {
	padding-bottom:5px;
	padding-left:20px;
	color:#00ADB9;
}

div.bottomleftsub p.grey {

	color:#666666;
}

div.bottommiddlesub_contact{
	background-color:#FFFFFF;
	width:550px;
	float:left; 
	padding-right:5px;
	padding-left:90px;
}

div.bottommiddlesub_inner{
	background-color:#FFFFFF;
	width:800px;
	float:left; 
	padding-right:5px;
	padding-left:20px;
}

div.bottommiddlesub{
	background-color:#FFFFFF;
	width:540px;
	float:left; 
	padding-right:15px;
	padding-left:5px;
}

div.bottommiddlesub p, div.bottommiddlesub_inner p, div.bottommiddlesub_contact p {
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:5px;
	line-height:20px;
}

div.bottommiddlesub h3 {
	padding-top:0px;
}

div.bottommiddlesub a:link,  div.bottommiddlesub a:visited{
	text-decoration:none;
	color:#00ADB9;
}

div.bottommiddlesub ul,div.bottommiddlesub_inner ul, div.bottommiddlesub_contact ul {
	padding-bottom:5px;
	padding-top:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
	padding-left:10px;
}

div.bottommiddlesub li,div.bottommiddlesub_inner li, div.bottommiddlesub_contact li {
	color:#666666;
	padding-bottom:10px;
	margin-left:5px;
	line-height:20px;
}

div.bottommiddlesub h4, div.bottommiddlesub_inner h4, div.bottommiddlesub_contact h4{
	padding-bottom:5px;
}



div.bottomrightsub {
	background-color:#FFFFFF;
	width:220px;
	float:left; 
	padding-left:5px;
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
}

div.bottomrightsub ul {
	padding-top:0px
}

div.bottomrightsub li {
	border-bottom:thin solid #00ADB9;
	padding-bottom:5px;
	padding-top:10px;
}

div.bottomrightsub h5 {
	color:#00ADB9;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding
}
/* - end sub pages - */

div.bottommiddle ul{
	list-style:square outside url("../images/point-bullet.gif");
	color:#666666;
	padding:10px 20px; 
	float:left; 	 
	display:block;
}

div.bottommiddle li{
	padding-bottom:5px;
}

div.bottommiddle a{
	text-decoration:none;
	color:#666666;
}

div.bottommiddle a:hover{
	text-decoration:underline;
}

div.bottomright p {
	color:#666666;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-top:5px;
}

div.creditsleft {
	width:500px;
}

div.creditsright {
	text-align:right;
	padding-top:3px;
	width:957px;
}

.floatLeft{
	float:left;
}
/* -- body end -- */

/* footer start -- */
#footer{
	background-color:#FFFFFF; 
	color:#00ADB9;
	text-align:left;
}

.footer{
	width:974px; 
	height:20px; 
	margin:0 auto; 
	padding:4px 0 0 10px;
	background:url(../images/bch-sitemap-bar.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
}

.footer ul{
	width:974px; 
	margin:0 auto;
}

.footer ul li{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#00ADB9; 
	float:left;
}

.footer ul li a{
	font:normal 12px/20px Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color:#00ADB9; 
	padding:0 5px;
}

.footer ul li a:hover{
	font:normal 12px/20px Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	color:#00ADB9; 
}

.footer p.valid a.xhtml{
	background:url(../images/xhtml_btn.gif) no-repeat 0 0 #292929; 
	color:#FFFFFF; 
	margin:5px 0 8px 0px;
	text-decoration:none; 
	text-indent:-2000px; 
	width:62px; 
	height:13px; 
	display:block; 
	float:left;
}

.footer p.valid a.xhtml:hover{
	background:url(../images/xhtml_btn_h.gif) no-repeat 0 0 #292929; 
	color:#FFFFFF; 
	margin:5px 0 8px 0px;
	text-decoration:none; 
	text-indent:-2000px; 
	width:62px; 
	height:13px; 
	display:block; 
	float:left;
}

.footer p.valid a.css{
	background:url(../images/css_btn.gif) no-repeat 0 0 #292929; 
	color:#FFFFFF; 
	margin:5px 0 8px 4px;
	text-decoration:none; 
	text-indent:-2000px; 
	width:62px; 
	height:13px; 
	display:block; 
	float:left;
}

.footer p.valid a.css:hover{
	background:url(../images/css_btn_h.gif) no-repeat 0 0 #292929; 
	color:#FFFFFF; 
	margin:5px 0 8px 4px;
	text-decoration:none; 
	text-indent:-2000px; 
	width:62px; 
	height:13px; 
	display:block; 
	float:left;
}

.credits {
	padding-top:2px;
	right:0px;
	width:200px;
}

.slide-out-div {
	padding: 5px 25px; 
    width: 400px;
    height: 430px;
    background: #FFFFFF;
    border: 3px solid #00ADB9;
    color:#339999;
    text-align:center;
    z-index:5000;
} 

.slide-out-div p {
	color:#00ADB9;
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:5px;
}

.slide-out-div h5 {
	color:#666666;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
}

.slide-out-div td {
	color:#666666;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:top;
}

.slide-out-div td.bottom {
	vertical-align:bottom;
	color:#00ADB9;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
}

.slide-out-div td.r {
	padding-left:10px;
}

.slide-out-div table {
	border-spacing: 0px 5px;
}

.slide-out-div h3 {
	padding-bottom:10px;
} 

.slide-out-div p {
	padding-top:6px;
} 

.slide-out-div img {
	padding-top:0px;
} 

.slide-out-div a {
	text-decoration:none;
} 

/* middle front page banners */
#slider {
	/* You MUST specify the width and height */
	width:974px;
	height:270px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:2922px;
	overflow:hidden;
}

#gallery li {
	/* float left, so that the items are arrangged horizontally */
	float:left;
}

#mask-excerpt {
	position:absolute;	
	top:0;
	left:0;
	z-index:5;
	
	/* width should be lesser than #slider width */
	width:500px;
	overflow:hidden;	
	
}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:10px;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:400px;
	overflow:hidden;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#666666;	
}

#excerpt li {
	padding:5px;
}
	
#excerpt h4 {
	font:bold 20px/26px Arial, Helvetica, sans-serif;
	color:#00ADB9;
	padding-top:20px;
}

#excerpt a {
	text-decoration:none;
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	color:#666666;	
	padding-top:20px;
}

#excerpt a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;	
}

/* footer end begin front slider -- */

#jFlowSlide{ 
	background:#DBF3FD; 
	font:bold 15px/20px Arial, Helvetica, sans-serif;
}

#myController { 
	font:normal 15px/25px Arial, Helvetica, sans-serif; 
	padding:2px 0;  
	padding-left:700px;
	width:974px; 
	background:url(../images/gallery-basebar.jpg) no-repeat 0 0 #00ADB9;
}

#myController span.jFlowSelected { 
	background:#33CBCC;
	margin-right:0px; 
}

.slide-wrapper { 
	padding: 0px; 
}

.slide-thumbnail { 
	width:300px; 
	float:left;
}

.slide-thumbnail img {
	max-width:974px; 
}

.slide-details { 
	width:380px; 
	float:left; 
	margin-left:-290px;
	margin-top:10px;
}

.slide-details h2 { 
	color:#00ADB9;
	text-align:left;
	font:bold 18px Arial, Helvetica, sans-serif; 
	margin:0; 
}

#body div.bodyText p.slideheader, #body div.bodyText p.slidebody{ 
	color:#666666; 
	font:normal 13px/18px Arial, Helvetica, sans-serif; 
	margin:0; 
	background:none;
}

#body div.bodyText p.slideheader { 
	color:#00ADB9;
	padding-top:0px;
}

.slide-details .description { 
	margin-top:3px; 
	color:#666666;
	text-align:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}

.jFlowControl, .jFlowPrev, .jFlowNext { 
	color:#FFF; 
	cursor:pointer; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:2px; 
	padding-bottom:2px; 
}

.jFlowPrev, .jFlowNext { 
	display:none;
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
	background: #33CBCC; 
}

.signup, signupsubmit {
	margin-top:8px;
}

.signupsubmit {
	margin-left:5px;
	background-color:#00ADB9;
	color:#FFFFFF;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	padding:2px;
	border:0px;
}

table.signup {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#00ADB9;
	border:1px dotted #00ADB9;
	padding:5px;
}

td.signup_small {
	color:#666666;
	font:normal 10px/18px Arial, Helvetica, sans-serif;
}

td.signup_small a {
	color:#666666;
	text-decoration:none;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
}

/*styles for the sitemap*/
#sitemaplist{
margin:0;
padding:0;
list-style-type:none;
}

#sitemaplist *{
margin:0;
padding:0;
}

#sitemaplist a{
margin:0;
padding:0;
font:normal 12px/20px Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#00ADB9; 
}

#sitemaplist a:hover{
text-decoration:underline;
color:#00ADB9; 
}

#sitemaplist li.sitemapSectionHead a{
font:bold 12px/20px Arial, Helvetica, sans-serif; 
}
.privacydownload a:link,  .privacydownload a:visited{
	text-decoration:none;
	color:#00ADB9;
}