/* CSS Document */

html { font-size: 62.5%; line-height: 62.5%; }
body { font-family: 'Open Sans', sans-serif; font-size: 1.1rem; line-height: 2.5rem; margin: 0px; background-color: #c9e3a3; valign: center; text-align: center; margin-left: auto; margin-right: auto; }
    
h1 { font-family: 'Gelasio', serif; font-style: italic; font-size: 3.5rem; color: #777; text-decoration: none; }
h1.bodyheader { font-family: 'Gelasio', serif; font-size: 1.8rem; color: #243008; text-decoration: none; margin-bottom: 4.0rem; }
h2 { font-size: 1.6rem; font-weight: bold; color: #333; text-decoration: none; }
h3 { font-family: 'Gelasio', serif; font-size: 2.5rem; font-style: italic; }
ul.menu { list-style: none; margin-left: 0px; padding-left: 0px; }
ul.menu li { border-bottom: 1px solid #ffffff; }
ul.menu li a { display: block; margin: 1rem 0; }
ul.menu li a.selected { font-weight: 700; }

p, td, a { color: #2c3812; text-decoration: none; }
a:hover { text-decoration: underline; }

.inner {
   -moz-box-shadow:    inset 0 0 10px #999;
   -webkit-box-shadow: inset 0 0 10px #999;
   box-shadow:         inset 0 0 10px #999;
   padding: 7rem 10rem 10rem 10rem;
   background-color: #fff;
}

#bodycontent a { color: #880000; text-decoration: underline; }
#bodycontent a:hover { color: #2B2B2B; }

@media screen and ( max-width: 1200px ) {
			
	.home img { float: none !important; margin-left: 0 !important; }
	.mindfulselfcompassion img { float: none !important; margin-left: 0 !important; margin-bottom: 40px !important; }
			
}