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

.container-fluid {
	max-width: 1200px;
}
    body,td,th {
	font-family: open-sans, gotham, arial, helvetica, san-serif;
	font-style: normal;
	font-weight: 600;
	color: #241;
}
    h1,h2,h3,h4,h5,h6 {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
}
h2{
	margin-top: 5px;
	color: #625;
}
h3{
	margin-top: 10px;
	line-height: 30px;
}
.turquoise{
	color: #248093;
}
h4{
	margin-top: 15px;
}
.openleading {
	line-height: 150%;
}
.lessmargintop {
	margin-top: -10px;
}
.lessmargintop5 {
	margin-top: -5px;
}
.lessmarginbottom {
	margin-bottom: -10px;
}
.margintop {
	margin-top: 10px;
}
.moremarginbottom {
	margin-bottom: 20px;
}
.bottomfooter {
	background-color: #961;
	font-weight: 500;
	font-size: 90%;
	color: #DD8;
	text-align: center;
	padding: 15px 10px;
	margin-botton: 10px;
}
.bottomfooter a:link {
	font-weight: 500;
	color: #DD8;
	text-decoration: underline;
}
.bottomfooter a:visited {
	font-weight: 500;
	color: #DD8;
	text-decoration: underline;
}
.bottomfooter a:hover, active {
	font-weight: 500;
	color: #edb95e;
	text-decoration: underline;
}
.ochrerulewide {
	background-color: #650;
	height: 8px;
	margin: 4px 0 12px 0;
}
.ochrerulefat {
	background-color: #B92;
	height: 25px;
	margin: 4px 0 12px 0;
}
.ochrerulemedium{
	background-color: #B92;
	height: 15px;
	margin: 0 0 12px 0;
}
.greenrulewide {
	background-color: #670;
	height: 10px;
	margin: 12px 0 4px 0;
}
.roserulewide {
	background-color: #736;
	height: 10px;
	margin: 12px 0 4px 0;
}
.greenrulefat {
	background-color: #8B3;
	height: 40px;
	margin: 12px 0;
}
.seagreenrulefat {
	background-color: #697;
	height: 40px;
	margin: 12px 0;
}
.roserulefat {
	background-color: #A45;
	height: 40px;
	margin: 12px 0;
}
.slaterulefat {
	background-color: #889;
	height: 20px;
	margin: 12px 0 4px 0;
}
.roserule {
	background-color: #736;
	height: 8px;
	margin: 12px 0;
}
.ochrerule {
	background-color: #860;
	height: 8px;
	margin: 12px 0;
}
.palerule {
	background-color: #DC7;
	height: 10px;
	margin-bottom: 12px;
}
.orangerule {
	background-color: #D70;
	height: 10px;
	margin-bottom: 12px;
}

.textochre {
	color: #860;
}
.textpaleyellow {
	color: #CB6;
}
.textpaleyellowlarger {
	color: #CB6;
	font-size: 125%;
}
.textdarkochredark {
	color: #650;
}
.textrose {
	color: #736;
}
.textaubergine {
	color: #403;
}
.textgreen {
	color: #670;
}
.textothergreen {
	color: #250;
}
.textlightgreen {
	color: #BD8;
}
.textbrown {
	color: #431;
}
.textbrownlarger {
	color: #431;
	font-size: 110%;
}
.img-responsive {
	margin-bottom: 10px;
}
.palebkgd {
	background-color: #DC7;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.rosebkgd {
	background-color: #736;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.ochrebkgd {
	background-color: #CA3;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.ochrebkgdlight {
	background-color: #DB4;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.gradientochrebkgd {
	padding: 15px 20px;
    background: #CA3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#CA3, #EC8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CA3, #EC8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CA3, #EC8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CA3, #EC8); /* Standard syntax */
	margin-bottom: 15px;
} 
.gradientorangebkgd {
	padding: 15px 20px;
    background: #DC7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#C84, #DC7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C84, #DC7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C84, #DC7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C84, #DC7); /* Standard syntax */
	margin-bottom: 15px;
} 
.celadonbkgd {
	background-color: #CD8;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.gradientceladonbkgd {
	padding: 15px 20px;
    background: #9B6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#9B6, #DE9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#9B6, #DE9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9B6, #DE9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#9B6, #DE9); /* Standard syntax */
	margin-bottom: 15px;
} 
.tawnybkgd {
	background-color: #CB8;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.ltgreenbkgd {
	background-color: #BD5;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.lightskybkgd {
	background-color: #8BB;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.paleslatebkgd {
	background-color: #BAA;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.gradientslatebkgd {
	padding: 15px 20px;
    background: #AAB; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#99A, #CCD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#99A, #CCD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#99A, #CCD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#99A, #CCD); /* Standard syntax */
	margin-bottom: 15px;
}
.paintgreenbkgd {
	background-color: #8A5;
	padding: 15px 20px 5px 20px;
	margin-bottom: 15px;
}
.darkpaintgreenbkgd {
	background-color: #683;
	padding: 15px 20px 5px 20px;
	margin-bottom: 15px;
}
.gradientgreenbkgd {
	padding: 15px 20px;
    background: #8A5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#794, #9B6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#794, #9B6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#794, #9B6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#794, #9B6); /* Standard syntax */
	margin-bottom: 15px;
} 
.darkpaintgreenbkgd a:link, a:visited {
	color: #BD8;
	text-decoration: underline;
}
.darkpaintgreenbkgd a:hover, a:active {
	text-decoration: underline;
	color: #DFA;
}

.paintingname {
	margin-bottom: 25px;
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 125%;
	text-align: center;
	color: #152;
}
.centertext {
	text-align: center;
}
.textlarger {
	font-size: 120%;
	font-weight: 600;
	color: #241;
}
.breepoem {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}
.breepoembrown {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 125%;
	line-height: 25px;
	color: #431;
}
.breepoemgreensmall {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 120%;
	line-height: 20px;
	color: #461;
}
.breepoemdeeprose {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 150%;
	line-height: 25px;
	color: #625;
}
.breepoemgreen {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 150%;
	line-height: 30px;
	color: #670;
}
.breepoemslate {
	font-family: bree-serif, georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 150%;
	line-height: 30px;
	color: #556;
}



/* everything below is related to the navigation bar */

.collapse navbar-collapse{
	padding: 5px 25px;
	background: #670;
	text-align: center;
	float: none;
	width: 100%;
}
#defaultNavbar1{
	padding: 5px 25px;
	background: #670;
	text-align: center;
	float: none;
	width: 100%;
}
.nav navbar-nav{
	 margin: auto;
	 background: #670;
}
.navbar {
  position: relative;
  min-height: 30px;
  margin-bottom: 0;
  border: 0;
  float: none;
  text-align: center;
}
.navbar-header {
  background: #670;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #AA2;
  background-image: none;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 0;
  background: #670;
}
.navbar-nav {
  margin: 3px -15px;
  text-align: center;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav {
    margin: 0;
	text-align: center;
  }
  .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
  .navbar-nav > li {
    float: left;
	text-align: center;
  }
  .nav navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
	text-align: center;
	background: #670;
	font-size: 100%;
	font-weight: bold;
  }
  li > a:hover
  li > a:active{
	padding-top: 15px;
    padding-bottom: 7px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
  }
.navbar .navbar-collapse {
  text-align: center;
}
}

.navbar-default {
  background-color: #670;
  text-align: center;
}
.navbar-default .navbar-text {
  color: #EE9;
  text-align: center;
}
.navbar-default .navbar-nav > li > a {
  color: #EE9;
  font-size: 100%;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #402;
  font-size: 100%;
  font-weight: bold;
}
.navbar-default .navbar-nav > .active > a{
  color: #EE9;
  background-color: #560;
  font-size: 100%;
  font-weight: bold;
  margin: 0 3px;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #402;
  background: #AA2;
  font-size: 100%;
  font-weight: bold;
}
.navbar-default .navbar-toggle {
  border-color: #AA2;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #DD6;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #670;
}
.navbar-default .navbar-nav > .open > a {
  color: #AA2;
  background-color: #670;
  font-size: 100%;
  font-weight: bold;
  margin: 2px 0;
}
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #402;
  background: #991;
  font-size: 100%;
  font-weight: bold;
}
