@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);
}
@media print
{
.physio-right-col {
float: none !important;
}
.physio-left-col {
float: none !important;
}
}