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

* {margin:0px;padding:0px;}
/* html, body {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#585859;background:url(images/body-bkg.jpg) no-repeat 50% 0;background-color:#9C9D9F;} */
html, body {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#000; background: #9C9D9F; }

p {margin-bottom:10px;line-height:20px;}
a {color:#000;text-decoration:none;}
a:hover {color:#B2111F;}
h1 {}
h2 {margin-bottom:5px;font-size:18px;}
h3 {font-size:13px;font-weight:bold;margin-bottom:10px;}
img {border:none;}
ul {margin:15px 30px;}
ol {margin:15px 30px;}
li {margin:5px 0px; line-height:20px;}
textarea { resize: none; }

img.gray-border {border:1px solid #dbdbdb;padding:4px;}
#content-area a { color: #B2111F; }
#content-area-home a { color: #B2111F; }
#content-area h3 { margin-top:20px; }

img.left {float:left;margin:0px 20px 20px 0px;}
img.right {float:right;margin:0px 0px 20px 20px;}

.red-text { color:#B2111F; }
.centered { text-align:center; }
.clear {clear:both;}
.invisible-line-10 {height:10px;}
.invisible-line-15 {height:15px;}
.invisible-line-20 {height:20px;}
.invisible-line-30 {height:30px;}
.invisible-line-70 {height:70px;}
.left {float:left;}
.q-button {float:left;padding:5px;width:90px;}
.dotted-line {background:url(images/dottedline-grey.gif) repeat-x center left;height:30px;margin-bottom:10px;}
.homepage-text {margin-bottom:10px;}
.pull-quote {display:block;font-size:13px;margin:20px 60px 30px 60px;color:#666;font-weight:bold;}
.events { margin-top:20px; border:#ccd 1px solid; }
.events td { padding:10px; }
.gray { background-color:#eee; }
.gray-box { width:550px;background-color:#58585A; margin:0px auto; padding:20px; color:#FFF; }
tr.table-header { background-color:#000;color:#FFF; font-weight:bold; }

#wrapper {width:1010px; margin: 10px auto 0px auto;background:#9C9D9F url(images/header-bkg-shadow.jpg) no-repeat 50% 10px;}
#background-body { background:url(images/body-bkg-shadow.jpg) 0px 200px;}
#main-wrap { width: 954px; margin: 0px auto; border-left:3px solid #58585A;border-right:3px solid #58585A; overflow: hidden;}

#header {background:url(images/header-bkg.jpg) no-repeat top left;height:150px; width: 954px; margin: 0px auto; border-left:3px solid #58585A;border-right:3px solid #58585A;}
#logo {background: url(images/logo.png) no-repeat bottom right;height: 99px;width: 285px;padding: 25px 0px 0px 28px;float:left;}
#logo a {display:block;height:99px;width:281px;}
#logo span {display:none;}
#sign-up-link {padding:60px 40px 0px 0px; float:right;color:#fff;font-size:12px;width:220px;}
#sign-up-link a { color:#fff; }

#sidebar-wrap {width:157px;height:395px;float:left;}

/*
#menu {padding:10px;margin-top:30px;}
#menu ul {list-style:none;}
#menu li {border-bottom:1px solid #dbdbdb;}
#menu li a {font-size:11px;text-transform:uppercase;display:block;padding:8px;}
#menu li a:hover {}
*/

#testimonials {padding:0px 18px 0px 15px;position:absolute;top:455px;width:121px;}

#vertical-text {float:left;width:54px;height:395px;}
#vertical-text.homepage {background:url(images/vertical-text-01.gif) no-repeat top left;border-right:1px solid #dbdbdb;}
#vertical-text.coaching {background:url(images/vertical-text-02.gif) no-repeat top left;}
#vertical-text.virtual-learning {background:url(images/vertical-text-03.gif) no-repeat top left;}
#vertical-text.testimonials {background:url(images/vertical-text-04.gif) no-repeat top left;}
#vertical-text.community {background:url(images/vertical-text-12.gif) no-repeat top left;}
#vertical-text.give-back {background:url(images/vertical-text-13.gif) no-repeat top left;}
#vertical-text.inspiring-news {background:url(images/vertical-text-06.gif) no-repeat top left;}
#vertical-text.people {background:url(images/vertical-text-07.gif) no-repeat top left;}
#vertical-text.resources {background:url(images/vertical-text-08.gif) no-repeat top left;}
#vertical-text.get-inspired {background:url(images/vertical-text-09.gif) no-repeat top left;}
#vertical-text.about-brita {background:url(images/vertical-text-05.gif) no-repeat top left;}
#vertical-text.privacy-policy {background:url(images/vertical-text-11.gif) no-repeat top left;}
#vertical-text.calendar {background:url(images/vertical-text-14.gif) no-repeat top left;}

#content-area {float:left;}
#content-area-home {float:left;}

#coaching-content-scroll {width:742px;}
#virtual-learning-content-scroll {width:742px;}
#default-content-scroll {width:741px;}
#testimonials-content-scroll {width:741px;}
#testimonials-logos {float:right;width:175px;padding:20px 20px 0px 20px;text-align:center;}
#testimonials-logos img {margin-bottom:10px; }
#testimonials-full {padding:40px 40px 0px 40px; }
#testimonials-full p {font-size:12px;}

#give-back-content-scroll {width:742px;}
#give-back-logos {float:right;width:175px;padding:20px 20px 0px 20px;text-align:center;}
#give-back-logos img {margin-bottom:10px; border: none;}
#give-back-descriptions {padding:40px 40px 0px 40px;font-size:12px;}

#coaching-descriptions {padding:40px 40px 0px 40px;height:355px;font-size:12px;}
#coaching-descriptions div.sub-header {float:left;width:150px;text-align:right;}

#coaching-descriptions div.sub-content {float:right;width:470px;line-height:20px;}

#virtual-learning-descriptions {padding:40px 40px 0px 40px;font-size:12px;}
#virtual-learning-descriptions div.sub-header {float:left;width:150px;text-align:right;}
#virtual-learning-descriptions div.sub-content {float:right;width:470px;line-height:20px;}

#teleclass-special-offer {padding:40px 40px 0px 40px; height:355px; font-size:14px;}
#teleclass-special-offer div.sub-header {float:left;width:150px;text-align:right;}
#teleclass-special-offer div.sub-content {float:right;width:470px;line-height:20px;}
#teleclass-special-offer h2 { font-size: 20px; }

#testimonials-full {padding:40px 40px 0px 40px;}
#testimonials-full p {font-size:12px;}

#rolling-text {height:160px;width:741px;border-bottom:1px solid #dbdbdb;}
#get-inspired {float:left;width:270px;font-size:30px;text-align:right;padding-top:40px;}
#rolling-text-slideshow {margin-left:270px;background-color:#fff;}
#rolling-text-slideshow img, #rolling-text-slideshow span, #testimonials span {display:none;}
#rolling-text-slideshow span {padding:75px 0px 0px 30px;font-size:30px;}
#rolling-text-slideshow img.first, #testimonials span.first {display:block;}
.quote {font-size:13px;font-weight:bold;font-style:italic;margin-bottom:10px;}
#testimonials-slideshow {width:136px;margin-bottom:5px;font-size:12px;background-color:#fff;}
.text-right {text-align:right;}

#sub-services {width:236px;height:234px;font-size:12px;}
#sub-services-scroll { height: 234px;}

.holder {float: left;}
.scroll-pane {overflow: auto;float: left;}

#sub-quicklinks {float:left;width:190px;height:204px;border-left:1px solid #dbdbdb;background-color:#eee;padding:15px;}
#sub-quicklinks h3 {color:#B2111F;}

#sub-about-brita {background:url(images/brita-new.jpg) no-repeat right 20px;float:left;width:281px;height:234px;border-left:1px solid #dbdbdb;}
#sub-about-brita-text {padding:20px 120px 0px 20px;font-size:12px;}

#footer {height:54px;border-top:1px solid #dbdbdb;}
#footer-wrap {background-color:#666;margin-top:4px;height:50px;background:url(images/footer-bkg.jpg) no-repeat top left;padding:12px 0px 0px 15px;color:#fff;}
#footer a {color:#FFF;}
#copyright { width:1010px; margin:0px auto; clear: both; background: url(images/copyright-bkg-shadow.jpg) no-repeat; }
#copyright a {color:#eee;}
#copyright a:hover {color:#fff;}
#copyright-text { height:50px;padding:0px;color:#eee; text-align:center;padding-top:10px;}
#footer-bar { clear: both; width: 1010px; margin: 0px auto; background: url(images/footer-bar-bkg-shadow.jpg) }
#footer-bar-wrap { height:50px;background:url(images/footer-bkg.jpg) no-repeat top left;color:#fff; margin: 0px auto; width: 960px;}

#testimonials-slideshow, #rolling-text-slideshow { 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); 
} 
span.required{
  font-size: 13px !important;
  color: #B2111F !important;
}

/* ACCORDIAN MENU */

.menu_list {	
	width: 157px;
	margin:20px 0px 0px 0px;
}
.menu_head {
	padding: 5px 15px;
	cursor: pointer;
	margin:1px;
    background: #fff url(images/down.png) center right no-repeat;
	text-transform:uppercase;
}
.no-sub {background: #fff url(images/left.png) center right no-repeat;}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  background-color:#eee;
  padding:3px 0px 3px 20px;
  text-decoration:none;
}
.menu_body a:hover{
  }

/* AUTO SCROLL */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eee;
}
.jScrollPaneDrag {
	position: absolute;
	background: #9C9D9F;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}