@charset "UTF-8";
/* CSS Document */


/*------------------------------ custum formating -------------------------------*/
/*sets the sub nav for the frotpage based navigation */
.spacer {
height: 14px;
width: 170px;
}
.light-grey {
background-color: #C3DEF3;
}
.lightest-grey {
bacground-color: #bcbcbc;
}
.border-topz {
border-top: 1px solid #ececec;
margin-top: 20px;
}
/*to use classes in the column div with class example <div class="1colspan dark-color">- also use the border class simmilarly located in the global style sheet*/
.blue {
background-color: #5AB1C3;
}
.dark-color {
background-color: #C3DEF3;
}
.med-color {
background-color: #d9ebfa;
}
.light-color {
background-color: #e7f4fe;
}
/* --------- Height - add to column class when making rows of cubes ---------- */
.heightA {
height: 22em; /*22em = aprox 300px;*/
}
.heightB {
height: 18em;
}
.heightC {
height: 16em;
}
.heightA-border {
height: 22em;
}
.heightB-border {
height: 18em;
}
.heightC-border {
height: 16em;
}
/*-------------------------------- Heading Colors ---------------*/

#title-container {background-color: #fff;}

#content-container h1,h2,h3,h4,h5,h6 { 
color: #478C9B;}

/*------------------------------- Link Colors ---------------*/
#content-container a:link, a:visited {
color: #478C9B;
}

/*------------------------------- Template color Formating -----------------------------------*
/* sets the background image which contains the color for the navigation so it the color remains for the full height of the page.*/
#inner-container {
background-image:url(/sbb/common/images/nav-color.gif);
background-repeat: repeat-y !important;
}
#left-nav-container {
	/*this is used for whent the text is resized and should be the same color of the above bg image*/
background-color: #C3DEF3;
}
/*top nav color*/
#nav-container {
background-color:#000000;
}
/*bottom nav color*/
#footer-container {
background-color:#000000;
}

/*----------------- Template Font Formating --------------------*/

/*-------------- Top Nav Coloring ----------------- */
#nav-container  a:link, #nav-container  a:visited  {
	color: #ffffff !important;
}

#nav-container  a:hover {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

#nav-container {
	background-color: #5AB1C3;
}

/*-------------- footer Nav Coloring ----------------- */
#footer-container  a:link, #footer-container  a:visited  {
	color: #ffffff !important;
}

#footer-container  a:hover {
	background-color: #999999
	color: #ffffff;
	text-decoration: none;
}

#footer-container {
	background-color: #5AB1C3;
}
/*-------------------- Left Navigation ---------------------*/

#left-nav-container a:link, #left-nav-container a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 8px;
	color: #037EFC;
}

#left-nav-container a:link, #left-nav-container a:visited {
color: #333333;
}

#left-nav-container h2 a:link, #left-nav-container h2 a:visited{
	padding-left: 14px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h3 a:link, #left-nav-container h3 a:visited{
	padding-left: 22px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h4 a:link, #left-nav-container h4 a:visited{
	padding-left: 30px;
}

#left-nav-container a:hover{
	background-color: #5AB1C3;
	color: #ffffff;
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

#left-nav-container h1 a:hover{
background-color: #5AB1C3 !important;
}
/*--- add for non linked text in leftnav */

h3.nav-nolink {
color: #ffffff !important;
padding-left: 22px !important;
padding-top: 8px;
}

h2.nav-nolink {
color: #ffffff !important;
padding-left: 14px !important;
padding-top: 8px;
}

/*------------ special formating ----------------- */
h1.white-large {
font-size: 158% !important;
color: #ffffff !important;
font-weight: normal !important;
padding-bottom: 14px;
}
/*********** spicial formating *************/
/*------------------ creates a to top button ---------------*/
.totop{
	 clear: both;
	 color: #638CC3;
	 float: right;
	 font-size: .5em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url("/newdesign/common/images/uparrow.gif");
	 background-repeat: no-repeat;
	 background-position: right;
	 }

/*------------------ use as div around photo with small text underneith ---------------*/
.caption {
 font-size: .6em;
 float: left;
 margin: 2px 10px 10px 0;
}
.quote {
font-size: 60%;
line-height: 120%;
color: #666666;
}



/* twocolum section */
.twocolumn{
	clear: both;
	width:490px;
	padding: 0;
	margin: 0 0 0 0;
}
.twocolumn_left{
	float:left;
	width:150px;
	
}
.twocolumn_right{
	float:right;
	width:352px;
	margin:0;

}
/* class for top button */
.totop{
	 clear: both;
	 color: #638CC3;
	 float: right;
	 font-size: .5em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url(/sbb/common/images/uparrow.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 }
.borderz {
border: 5px solid #CFE5F0;
}
.prog-head {
width: 508px;
border: 2px solid #E0E8F3;
/*background-color: #C3DEF3;
color: #ffffff;*/
height: 20px; 
padding: 12px 0px 0px 4px;
margin: 24px 0px 3px 28px
}
.smallz {
	font-size: 0.7em !important;
}
.feature-top {
background-color: #E6F2FB;
}

/*table formating*/
.tabledata th{
	font-size: 108%;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	color: #478C9B;
	background-color: #C3DEF3;
	border-right: 1px solid #fff;
	padding-left: 4px;
}
table.tabledata {
border-collapse: collapse;
margin-left: 28px;
}
.tabledata td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 123.1%;
color: #333333;
padding: 2px 5px 2px 4px;
vertical-align: top;
border-collapse: collapse;
border-bottom: 1px solid #5AB1C3;
}
.link-no-line a:link, .link-no-line a:visited {
	text-decoration: none !important;
	font-size: 80%;
	
}
h3.frontpage-links {
	font-weight: normal;
	font-size: 80%;
}
.frontpage-links a:link, .frontpage-links a:visted {
	font-weight: normal !important;
	text-decoration: none !important;
}

.section-heading {
	color: #478C9B;
	background: #C3DEF3;
	padding: 6px 6px 6px 6px;
	margin: 40px 28px 0px 28px;
}

.physio-right-col {
width: 170px; padding-right: 22px; float: right !important;
}

.physio-left-col {
width: 310px!important; float: left; margin-left: 0px;
}
.more {
background-image: url(/sbb/common/images/more-info-arrow.gif);
}

/*--------- mail chimp newsletter -------------*/
#mc_embed_signup {
	padding: 20px 50px 50px 60px;	
}
#left-nav-container #mc_embed_signup,  .mc-field-group  {
	text-align: left !important;
}
/*.input-group label {
	text-align: left !important;
	font-size: 15px !important;	
	text-transform: uppercase;
	color: #57c54e;
}*/

#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin: 0px 0px 5px 0px; font-size: 11px;}
#mc_embed_signup .mc-field-group select+select  {margin: 0px 0px 0px 0px;}
#mc_embed_signup {font-size: 14px; color: #7b7b7b;}
#mc_embed_signup input  {border-collapse:collapse; border: 2px solid #cccccc; width: 440px;}
#left-nav-container #mc_embed_signup .check-container ul, #content-container #mc_embed_signup .check-container  ul 
{margin: 20px 0px 0px 0px; padding: 0px 20px 0px 0px; list-style:none !important;}

#left-nav-container #inline1 #mc_embed_signup .check-container ul li, #content-container #mc_embed_signup ul li 
{display:block; padding:3px 0; margin:0px 0px 10px 0px !important; list-style:none !important; font-size: 12px;	
	 color: #696969;}
#mc_embed_signup .input-group label {display:inline; color: #333333; font-size: 15px;}
#mc_embed_signup .input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup .button-sub {clear:both; background-color: #5AB1C3; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-size:23px; font-weight: bold;  line-height: 32px; margin: 0; padding: 12px 20px 12px 20px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; 
    box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.22);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=235, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=235, Color='666666');
	border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

}
 
#mc_embed_signup .button-sub:hover {background-color:#000;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#content-container #mc_embed_signup p {
	margin: 0px;
 	width: 420px;
}
select.dropdowns {
	width: 180px !important;	
}
input#mce-EMAIL, input#mce-FNAME {
	margin-top: 20px;
	width: 300px !important;
	font-size: 16px;	
	color: #333;
}
input#mce-FNAME {
	margin-bottom: 20px;	
}
.required-indicator {
	font-size: 11px;
	color: #666;	
}
.submitbox {
	padding: 0px;	
}
.error {
	font-size: 16px !important; color: #ff0000 !important;
}
#mc_embed_signup .input-group label.check1 {color: #fd25ca;}
/*hides check box for signup */
.check-container {
	display: none;
	height: 1px;
	margin: 0px;
}
@media print
{
.physio-right-col {
float: none !important;
}
.physio-left-col {
float: none !important;
}
}