/* Custom CSS */

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
  background: #b9ceff;
  margin-top:20px;
}

p {
font-size: 18px;
font-family: georgia, times, serif;
line-height: 1.2em;
}

.tallfont {
line-height: 1.6em;
}

/*
body hr#navlinetop {
 border-width: 1px 0 0; 
 height: 0px;
 border: solid #999;
 margin
 }
*/
#judah {display: display;}
#sonia {display: display;}

nav.top-bar {
  background: #b9ceff;
  /*background:#feeeb1;*/ /*#4c631f*/
  max-width: 1127px;
  margin: 0 auto 0 auto;
  padding-left: 0;
  }
nav.top-bar.vertical ul li.menutag {
  color: #fff;
  }  
div.banner {
  background: ##b9ceff;
  height: 270px;
  max-width: 1127px;
  margin: 0 auto 0 auto;
  padding-left: 1px;
  background-image: url('../images/teddy-banner.jpg');
  }
div.banner h2 {
  color:#d4b890;  /*color:#3d2115;*/
  padding-top: 28px;
  margin-bottom: -4px;
  }
div.banner h4 {
  color:#cc9900;  /*color:#3d2115;*/
  }
a {
  line-height: 1.0em;
  text-decoration: none;
  font-family: georgia, times, serif;
  color: #000;
  } 
a.hover {
  line-height: 1.0em;
  text-decoration: underline;
  font-family: georgia, times, serif;
  color: #000;
  } 
a.active {
  background-color: #999;
  line-height: 1.0em;
  }
div#firstlines1.six.colums a {
  font-size: 18px;
  }
div.ten.columns.biotext p {
font-size: 16px;
line-height: 1.5em;
margin-left: 50px;
}

div.twelve.columns.belltexthome p {
font-size: 16px;
line-height: 1.5em;
}

div.twelve.columns.hometext  p {
font-size: 16px;
line-height: 1.5em;
}

div.four.columns.poemtext  p {
font-size: 16px;
line-height: 1.5em;
}

div.five.columns.poemtext  p {
font-size: 16px;
line-height: 1.5em;
}

div.ten.columns.poemtext  p {
font-size: 16px;
line-height: 1.5em;
}

div.row {
 /*max-width: 1110px;*/
 }
footer.row {
 /*max-width: 1110px;*/
 }
h5 {
 color: #777;
 font-family: georgia, times, serif;
 }
h4 {
 font-size: 20px;
 font-family: georgia, times, serif;
 }
h6 {
 font-size: 16px;
 line-height: 1.4em;
 font-family: georgia, times, serif;
 }
.blue {
 background-color: #b9ceff;
 }
.spacedlb {
 margin-bottom:20px;
 margin-left:10px;
 } 
.listhead {
 margin-bottom:4px;
 }
ul {
  margin-bottom:10px;
  }
ul li {
margin-left:30px;
} 
img {
 border: 0;
 }
.pagetitle {
background: #fff;
border: 0;
margin: 0;
}
img.right {
margin-left: 1em;
}
img.left {
margin-right: 1em;
}
.paraindent {
margin-left: 20px;
}

.pagecontent {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin-left: 15px;
color: #000;
}

.pagecontentbold {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-left: 0px;
color: #000;
}

.pagecontentlist {
font-family: arial, verdana, helvetica, sans-serif;
/*font-size: 18px;*/
font-weight: normal;
margin-left: 15px;
color: #000;
}

.pagecontentlist2 {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
margin-left: 30px;
color: #000;
}

.pagecontentlisthead {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-left: 15px; margin-bottom: 6px;
color: #000;
}

#sidebarsection {
margin-top: 10px;
}
#sidebar {
margin-top: 10px;
}
.sidebarframe {
margin: 1em;
padding: 0px;
}
#copyright {
margin-left: 10px;
}

div.banner img {
  display: display;
/*  border-right: solid 0px #ccc;*/
/*background-image: url('../images/banner2.jpg');*/
/*background-repeat: no-repeat;*/
  }
div.banner p.headertext {
  position: absolute;
  top: 0;
  left: 9000px;  
  display: display;
  padding: 10px;
  margin: 0 auto 0px auto;
  }


/* small screen styles */

@media only screen and (max-width: 768px) {

.null {}
div.banner {
  display: display;
  background-image: url('../images/banner2-panel.jpg');
  padding-left:15px;
/*  position: absolute;*/
/*  left: 9000px;  */
}
div#pagecontainer.row div#sidebarsection.three.columns {
  position: absolute;
  left: 9000px;  
}
div.banner p.headertext {
  display: display;  
/*  margin: 0 auto 0px auto;*/
  position: absolute;
  top: 0;
  left: 0;
}
/*
ul.menutag {
display: block;
}  
*/



}