.level-2 {
	margin-left: 20px;
}

.column {
	float: left;
	width: 350px;
}

.frame {
	margin-bottom: 20px;
	width: 330px;
}

.frame .top {
	background: url(/images/frames/frame-top-gray.png) no-repeat center top;
}

.frame .middle {
	background: url(/images/frames/frame-middle-gray.png) repeat-y center center;
}

.frame .bottom {
	background: url(/images/frames/frame-bottom-gray.png) no-repeat center bottom;
}


.frame .squeeze {
	overflow: hidden;
	padding: 15px 20px 20px 15px;
}

.frame h1 {
	color: #1667af;
	font-size: 1em;
	text-transform: uppercase;
}

.frame .button {
	float: left;
	padding-right: 20px;
}


#mediaplayer embed {
	display: block;
	margin: 0 auto;
}


.flash_notice,
.flash-notice {
	background: #FCC;
	border: 2px solid #966;
	padding: 5px;
}

body {
	background: #DDD;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
}

a {
	color: #339;
	font-weight: bold;
	outline: none;
}

a img {
	border: none;
	outline: none;
}

form div.fieldWithErrors {
	display: inline;
}

form div.fieldWithErrors input {
	background: #fcc;
}

form p {
	overflow: hidden;
}

label {
	display: block;
	float: left;
	margin-top: .3em;
	width: 10em;
}

li {
	padding-bottom: 1em;
}

strong {
	color: #339;
}

table {
	border-collapse: collapse;
}

table th, table td
{
	border: 2px solid #CCC;
	padding: 4px 10px;
	text-align: center;
}

table.border-none th, table.border-none td
{
	border: none;
	border-bottom: 1px solid #eee;
}


.blue {
	color: #339;
}

.bold {
	font-weight: bold;
}

.border-gray {
	border: 2px solid #CCC;
	padding: 10px 20px;
}

.clear-both {
	clear: both;
}

.divider {
	clear: both;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

.enews {
	color: #D00;
}

.first-word {
	font-size: 1.2em;
	text-transform: uppercase;
}

.float-left {
	float: left;
	margin-bottom: 1em;
	margin-right: 2em;
}

.float-right {
	float: right;
	margin-bottom: 1em;
	margin-left: 2em;
}

.indent {
	margin-left: 20px;
}

.inline {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.large-caption {
	color: #339;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

.list-item-double-spaced li {
	padding-bottom: 1em;
}

.list-item-single-spaced li {
	padding-bottom: 0px;
}

.list-style-lower-roman li {
	list-style: lower-roman;
}

.list-style-none {
	padding-left: 0px;
}

.list-style-none li {
	list-style: none;
}

.margin-small {
	margin: 5px 0px;
}

.padding-bottom-none {
	padding-bottom: 0px;
}

.padding-bottom-small {
	padding-bottom: 30px;
}

.padding-top-small {
	padding-top: 30px;
}

.padding-top-medium {
	padding-top: 50px;
}

.padding-top-large {
	padding-top: 100px;
}

.padding-width-large {
	padding-left: 100px;
	padding-right: 100px;
}

.red {
	color: #D00;
}

.section {
	clear: both;
	padding: 10px 20px;
}

.subheading {
	text-decoration: underline;
}

.table-border-none {
	border-collapse: collapse;
}

.table-border-none td {
	border: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 1em;
	padding-right: 20px;
	text-align: left;
}

.text-align-center, #center .text-align-center
{
	text-align: center;
}

.text-align-left, #center .text-align-left
{
	text-align: left;
}

.text-decoration-underline {
	text-decoration: underline;
}

.width-small {
	width: 150px;
}

.width-medium {
	width: 400px;
}

.with-columns {
	overflow: hidden;
}

.with-columns .column {
	float: left;
	width: 33%;
}

.with-columns .column > .squeeze {
	margin: 0px;
	padding: 0px;
	padding-right: 1em;
}

#container {
	background: white;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	overflow: hidden;
	width: 1000px;
}

#header {
	background: url(/images/default/header.png);
	height: 111px;
	margin: 0px;
	padding: 0px;
	width: 1000px;
}

#header * {
	margin: 0px;
	padding: 0px;
}

#header #site-title {
	display: none;
}

#header #site-logo {
	display: block;
	float: left;
	height: 111px;
	text-indent: -5000px;
	width: 250px;
}

#header #header-quote-text {
	display: none;
}

#header #header-quote-author {
	display: none;
}

#header .links {
	float: left;
	padding: 80px 0px 0px 110px;
}

#header .links ul {
	display: inline;
}

#header .links li {
	display: inline;
	list-style: none;
}

#header .links a {
	display: block;
	float: left;
	height: 21px;
	margin-left: 20px;
	text-indent: -5000px;
}

#center {
	background: white;
	float: left;
	overflow: hidden;
	padding-top: 0px;
	width: 700px;
}

#center > .squeeze {
	overflow: hidden;
	padding: 25px 15px 25px 15px;
}

.one-column #center {
	width: 1000px;
}

.two-column #center {
	width: 700px;
}

.info #center > .squeeze {
	padding-top: 30px;
}

#center h1 {
	margin: 1em 0px .8em 0px;
}

#center h2 {
	color: #D00;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}

#center h3 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

#center h4 {
	font-size: 1em;
	font-style: oblique;
	font-weight: normal;
	text-align: left;
}

.info #center h1
{
	color: black;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}

.info #center h2,
.info #center h3,
.info #center h4
{
	color: black;
	font-size: 1em;
	margin: 0px;
	margin-top: 2em;
	padding: 0px;
}

#center #page-banner {

}

#center #page-banner div {
	display: block;
	height: 120px;
	width: 100%;
}

#center #page-title {
	display: none;
}

#center #page-caption {
	display: none;
}

#center #page-subtitle {
	color: #D00;
	font-family: times, serif;
	font-size: 2em;
	font-weight: bold;
	margin: .5em 0px;
	text-align: center;
}

#center #page-subtitle-caption {
	color: #339;
	font-size: 1.5em;
	font-weight: bold;
	margin: .5em 0px;
	text-align: center;
}

#center #page-quote-text {
	font-size: 1.2em;
	font-style: oblique;
	line-height: 1.2em;
	margin: 1em 0px 0px 0px;
	text-align: center;
}

#center #page-quote-author {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0px 0px 1em 0px;
	text-align: center;
}

#center #slider {
	background: url(/images/default/slider-rect-top.png) no-repeat left top;
	float: left;
	overflow: hidden;
	width: 670px;
}

#center #slider .top {
	float: left;
	height: 40px;
	margin-left: 40px;
	width: 640px;
}

#center #slider .bottom {
	background: url(/images/default/slider-rect-bottom.png) no-repeat left bottom;
	float: left;
	height: 40px;
	width: 670px;
}

#center #slider .side {
	background: white;
	float: left;
	height: 40px;
	position: relative;
	top: +200px;
	width: 30px;
}

#center #slider-tabs ul {
	display: inline;
}

#center #slider-tabs li {
	display: inline;
	list-style: none;
}

#center #slider-tabs a {
	display: block;
	float: left;
	height: 30px;
	text-indent: -5000px;
}

#center #slider-frame {
	float: left;
	overflow: hidden;
	width: 610px;
}

#center #slider-canvas {
	width: 10000px;
}

#center #slider .section {
	float: left;
	width: 610px;
}

#center #slider .section > .squeeze {
	margin: 0px;
	padding: 10px 20px 0px 20px;
}

#right {
	background: white;
	float: left;
	width: 300px;
}

#right > .squeeze {
	padding: 15px;
}

#right .enews-signup {
	background: white;
}

#right .enews-signup .top {
	background: url(/images/default/signup-rounded-rect-top.png) no-repeat center top;
}

#right .enews-signup .bottom {
	background: url(/images/default/white-rounded-rect-bottom.png) no-repeat center bottom;
}

#right .enews-signup .squeeze {
	padding: 85px 25px 10px 25px;
}

#right         .column-quote,
#center .right .column-quote 
{
	background: #eee;
}

#right         .column-quote .top,
#center .right .column-quote .top
{
	background: url(/images/default/gray-rounded-rect-top.png) no-repeat center top;
}

#right         .column-quote .bottom,
#center .right .column-quote .bottom 
{
	background: url(/images/default/gray-rounded-rect-bottom.png) no-repeat center bottom;
}

#right         .column-quote .squeeze,
#center .right .column-quote .squeeze
{
	padding: 15px 25px;
}

#right .column-quote * {
	margin-bottom: 0px;
	margin-top: 0px;
}

#right .column-quote .column-quote-author {
	color: #339;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .3em;
	text-transform: uppercase;
}

#right .column-quote .column-quote-history {
	font-size: 1em;
	font-weight: bold;
}

#right .column-quote .column-quote-text {
	font-weight: normal;
	margin: .5em 0px;
}

#right .column-quote .float-left {
	margin-bottom: 1em;
	margin-right: 1em;
}

#right .column-quote .float-right {
	margin-bottom: 1em;
	margin-left: 1em;
}

#right .navigation {
	background: white;
}

#right .navigation .top {
	background: url(/images/default/white-rounded-rect-top.png) no-repeat center top;
}

#right .navigation .bottom {
	background: url(/images/default/white-rounded-rect-bottom.png) no-repeat center bottom;
}

#right .navigation .squeeze {
	padding: 15px 25px;
}

#footer {
	background: url(/images/default/footer.png);
	clear: both;
	color: white;
	overflow: hidden;
	text-align: center;
}

#footer > .squeeze {
	overflow: hidden;
	padding: 10px 10px;
}

#footer * {
	margin: 0px;
	padding: 0px;
}

#footer .links {
	float: left;
	width: 480px;
}

#footer .links ul {
	display: inline;
}

#footer .links li {
	display: inline;
	list-style: none;
}

#footer .links a {
	display: block;
	float: left;
	height: 43px;
	margin-right: 10px;
	text-indent: -5000px;
}

#footer .info {
	float: left;
	width: 480px;
}

#footer .info p {
	margin: .25em 0px;
}

#footer .info a {
	color: white;
	text-decoration: none;
}

#footer .info a:hover {
	text-decoration: underline;
}

.popup {
	background: white;
	left: 250px;
	opacity: 0;
	position: absolute;
	top: 5em;
	visibility: hidden;
	width: 600px;
}

.popup > .squeeze {
	padding: 20px;
}

.popup h2 {
	color: #D00;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#dimmer {
	background: url(/images/default/dimmer.png);
	height: 100%;
	left: 0px;
	opacity: 0;
	position: fixed;
	top: 0px;
	visibility: hidden;
	width: 100%;
}

#welcome-video {
	bottom: 0px;
	position: fixed;
	right: 5px;
}

#home-button {
	background: url(/images/default/home-button.png);
	width: 32px;
}

#gratitude-button {
	background: url(/images/default/gratitude-button.png);
	width: 82px;
}

#structure-button {
	background: url(/images/default/structure-button.png);
	width: 82px;
}

#ug-the-world-button {
	background: url(/images/default/ug-the-world-button.png);
	width: 40px;
}

#share-stories-button {
	background: url(/images/default/share-stories-button.png);
	width: 46px;
}

#blog-button {
	background: url(/images/default/blog-button.png);
	width: 49px;
}

#members-button {
	background: url(/images/default/members-button.png);
	width: 53px;
}

#about-ug-button {
	background: url(/images/default/about-ug-button.png);
	width: 56px;
}

#center #page-banner #build-your-gratitude-muscle-banner {
	background: url(/images/default/build-your-gratitude-muscle-page-title.png) no-repeat center top;
	height: 145px;
}

#gratitudenews-banner {
	background: url(/images/default/gratitudenews-page-title.png) no-repeat center top;
}

#cards-banner {
	background: url(/images/default/cards-page-title.png) no-repeat center top;
}

#bookmark-page-button {
	background: url(/images/default/bookmark-page-button.png);
	width: 125px;
}

#spread-the-word-button {
	background: url(/images/default/spread-the-word-button.png);
	width: 133px;
}

#got-an-ug-button {
	background: url(/images/default/got-an-ug-button.png);
	width: 102px;
}

#help-button {
	background: url(/images/default/help-button.png);
	width: 70px;
}

#hello-slider-tab {
	background: url(/images/default/hello-slider-tab.png);
	width: 46px;
}

#hello-slider-tab.active {
	background: url(/images/default/hello-slider-tab-active.png);
}

#services-slider-tab {
	background: url(/images/default/services-slider-tab.png);
	width: 66px;
}

#services-slider-tab.active {
	background: url(/images/default/services-slider-tab-active.png);
}

#cards-slider-tab {
	background: url(/images/default/cards-slider-tab.png);
	width: 50px;
}

#cards-slider-tab.active {
	background: url(/images/default/cards-slider-tab-active.png);
}

#training-slider-tab {
	background: url(/images/default/training-slider-tab.png);
	width: 66px;
}

#training-slider-tab.active {
	background: url(/images/default/training-slider-tab-active.png);
}

#news-slider-tab {
	background: url(/images/default/news-slider-tab.png);
	width: 50px;
}

#news-slider-tab.active {
	background: url(/images/default/news-slider-tab-active.png);
}

#share-slider-tab {
	background: url(/images/default/share-slider-tab.png);
	width: 50px;
}

#share-slider-tab.active {
	background: url(/images/default/share-slider-tab-active.png);
}

#cost-slider-tab {
	background: url(/images/default/cost-slider-tab.png);
	width: 46px;
}

#cost-slider-tab.active {
	background: url(/images/default/cost-slider-tab-active.png);
}

#guarantee-slider-tab {
	background: url(/images/default/guarantee-slider-tab.png);
	width: 82px;
}

#guarantee-slider-tab.active {
	background: url(/images/default/guarantee-slider-tab-active.png);
}

#join-slider-tab {
	background: url(/images/default/join-slider-tab.png);
	width: 46px;
}

#join-slider-tab.active {
	background: url(/images/default/join-slider-tab-active.png);
}

#more-slider-tab {
	background: url(/images/default/more-slider-tab.png);
	width: 46px;
}

#more-slider-tab.active {
	background: url(/images/default/more-slider-tab-active.png);
}

#center .page-title {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	text-indent: -5000px;
}

#the-answer-gift-page-title {
	background: url(/images/default/cards-page-title.png) no-repeat center top;
	height: 144px;
	text-indent: -5000px;
	width: 100%;
}

#about-ug-page-title {
	background: url(/images/default/about-ug-page-title.png) no-repeat center top;
	height: 50px;
	width: 650px;
}

#power-gratitude-page-title {
	background: url(/images/default/power-gratitude-page-title.png) no-repeat center top;
	height: 260px;
	width: 970px;
}

#power-structure-page-title {
	background: url(/images/default/power-structure-page-title.png) no-repeat center top;
	height: 260px;
	width: 970px;
}

#share-stories-page-title {
	background: url(/images/default/share-stories-page-title.png) no-repeat center top;
	height: 90px;
	width: 850px;
}

#world-page-title {
	background: url(/images/default/world-page-title.png) no-repeat center top;
	height: 90px;
	width: 850px;
}

#library-page-title {
	background: url(/images/default/library-page-title.png) no-repeat center top;
	height: 90px;
	width: 970px;
}

.info-about #center .squeeze h1 {
	padding-bottom: 1em;
}

.info-about #center .squeeze h2 {
	color: #339;
	font-family: times, serif;
	font-size: 1.2em;
	margin-top: 2em;
	text-transform: uppercase;
}

.info-about #center .squeeze .with-columns {
	margin: 0px 70px;
}

.info-about #center .squeeze .with-columns h2 {
	margin-top: 2em;
	text-align: center;
}

.info-about #center .squeeze .with-columns li {
	font-weight: bold;
	text-align: center;
}

.world #center .articles {
	background: url(/images/default/world-filmstrip.png) no-repeat left -1px;
	float: left;
	width: 700px;
}

.sharestories #center .stories {
	background: url(/images/default/share-stories-filmstrip.png) no-repeat left -1px;
	float: left;
	width: 700px;
}

.world        #center .articles > .squeeze,
.sharestories #center .stories > .squeeze 
{
	padding-left: 90px;
}

.world        #center .article,
.sharestories #center .story 
{
	background: url(/images/default/gray-wide-rounded-rect-top.png) no-repeat center top;
	overflow: hidden;
	width: 600px;
}

.world        #center .article > .squeeze,
.sharestories #center .story   > .squeeze 
{
	background: url(/images/default/gray-wide-rounded-rect-bottom.png) no-repeat center bottom;
	padding: 10px 30px 20px 30px;
}

.world        #center .article h1,
.sharestories #center .story   h1 
{
	color: #339;
	font-size: 1.2em;
	text-align: center;
}

.world        #right .squeeze, 
.sharestories #right .squeeze
{
	padding: 30px 0px 0px 0px;
}

.structure #center h2.toggler, 
.gratitude #center h2.toggler,
.members #center h2.toggler 
{
	background: url(/images/default/accordion-header-down.png) no-repeat 15px top;
	color: #339;
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 650px;
}

.structure #center h2.toggler.up, 
.gratitude #center h2.toggler.up, 
.members #center h2.toggler.up 
{
	background: url(/images/default/accordion-header-up.png) no-repeat 15px top;
}

.structure #center h2.toggler > span, 
.gratitude #center h2.toggler > span, 
.members #center h2.toggler > span
{
	display: block;
	padding-left: 25px;
	padding-top: 5px;
}

.structure .center, 
.gratitude .center,
.members .center
{
	float: left;
	width: 660px;
}

.structure .center > .squeeze,
.gratitude .center > .squeeze,
.members .center > .squeeze 
{
	padding: 0px 15px 15px 15px;
}

.structure .right,
.gratitude .right 
{
	float: left;
	width: 300px;
}

.structure .right > .squeeze,
.gratitude .right > .squeeze 
{
	padding: 0px 15px 15px 15px;
}