/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Coda:400,800);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic);
html{min-height:100%;}
body {
 margin-top: 10px;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 13px;
 color: #000000;
 background: -webkit-linear-gradient(#FFFFFF, #d7ced1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FFFFFF, #d7ced1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FFFFFF, #d7ced1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FFFFFF, #d7ced1); /* Standard syntax */
}
h1 {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 180%;
 color: #000;
 font-weight: bold;
 text-align: center;
}
h2 {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 140%;
 font-weight: bold;
}
h2.abel{font-size:170%;}
a {
 color: #0000FF;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
.coda{font-family: 'Coda', sans-serif;}
.roboto{font-family: 'Roboto Condensed',sans-serif;}
div#container{
    width:1080px;
    margin:20px auto;
    background-color:#FFFFFF;
}
div#header {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 724px;
 text-align: center;
 color:#000000;
 background: url(../images/header-bg.jpg) top center no-repeat #FFFFFF;
}
div#header div{min-height: 1px;}
div#topnav{
    background: #FF0000;
    text-align:center;
    color:#FFFFFF;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    width:100%;
    margin-top:20px;
}
div#topnav>div{
    display:inline-block;
    color:#FFFFFF;
    font-size:140%;
    padding:10px 25px;
    font-weight: bold;
}
div#topnav>div>a{
    text-decoration: none;
    color: #FFFFFF;
    display:block;
    width:100%;
    text-align: center;
    border-right: 1px solid #FFFFFF;
    padding-right:25px;
}
div#topnav>div:last-child>a{border-right: none;}
div#topnav>a:hover{
    background:#0f469a;
    text-decoration: none;
}
div#topline{
    border-top:30px solid #e8e6e7;
    display:table;
    width:100%;
    font-size: 230%;
}
div#topline>div{display:table-row;}
div#topline>div>div{display:table-cell;width:50%;text-align: center;padding:0 2px;}
div#topline div.coda{
    color:#0f469a;
    font-weight: bold;
    font-size: 85%;
}
div#seller-logos{
    background: url('../images/gold-bg.jpg')top left no-repeat;
    background-size: cover;
    width:300px;
    border-radius:10px;
    float:right;
    margin-top:15px;
    margin-right:45px;
    border:1px solid #949597;
    padding:1.5em 0;
}
div#seller-logos div{padding:0.5em 0;text-align:center;}
div#seal{
    position:relative;
    top:95px;
    left:530px;
    width: 230px;
    margin:0;
    padding:0;
}
div#footer div#sep-line{
    height:15px;
    border-bottom: 1px solid #999999;
    margin-bottom:8px;
}
div#footer {
 margin: 0px;
 text-align: center;
 display:table;
 width:926px;
 clear:both;
 color:#959597;
}
div#footer>div{
    display:table-row;
}
div#footer>div>div{
    display:table-cell;
    text-align: center;
    vertical-align: top;
}
div#footer div#facebook-logo{
    padding-left:5.5em;
    padding-right:1em;
}
#footer a {
 color: #959597;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
div#footer div#copyright,div#footer div#designed-by-line{
    font-size:80%;
    padding:3px 0;
}
div.picture-right{
    float:right;
    padding:5px;
}
div.picture-left{
    float:left;
    padding:5px;
}
p.error{
    font-size: 90%;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    color:#FF0000;
}
div#main-content{
    display:table;
    width:100%;
}
div#main-content>div{
    display:table-cell;
    vertical-align: top;
}
div#main-content>div#left-col{width:280px;}
.italic{font-style: italic;}
.bold{font-weight: bold;}
div.clear{clear:both;}
.align-left{text-align:left;}
.align-center{text-align:center;}
div.seperator{height:1em;}
.smaller{font-size: 80%;}
div.shaded-box{
    width:98%;
    margin:5px auto;
    border-radius:10px;
    padding:5px;
    border:1px solid #b8b8b8;
    box-shadow: 5px 5px 15px #BBBBBB;
}
div#upcoming-events{text-align:center;width:230px;margin:15px auto;}
div#upcoming-events>div#title{
    color:#3871c8;
    font-size: 120%;
    padding-bottom:5px;
    text-align: center;
}
div#upcoming-events p{
    text-align: left;
}
div.half{
    width:48%;
    float:left;
    padding:5px;
    text-align: center;
}
div#index-full-book-container,div#resources-full-book-container{
    float: right;
    height: 290px;
    position: relative;
    width: 395px;
}
div#index-full-book,div#resources-full-book{
    -ms-transform: rotate(19deg); /* IE 9 */
    -webkit-transform: rotate(19deg); /* Chrome, Safari, Opera */
    transform: rotate(19deg);
    float:right;
    margin-top:-180px;
    margin-right:15px;
    position: relative;
}
div#resources-full-book-container{width:300px;height:220px;}
div#resources-full-book{
    margin-top:-90px !important;
}
div.table{display:table;}
div.row{display:table-row;}
div.cell{display:table-cell;}
div#continue-on-facebook{
    font-size:120%;
    padding-left:2em;
    float:left;
    text-align: center;
}
div#continue-on-facebook a{color:#000000;text-decoration:none;}
div#continue-on-facebook a:hover{text-decoration: underline;}
div#contact-form>div{
    width:60%;
}
/*div#contact-form>div.table{width:100%;}*/
div#contact-form>div.table>div.row{width:100%;}
div#contact-form>div.table>div.row>div.cell{padding:5px 1em;}
div#contact-form>div.table>div.row>div.cell:first-child{text-align:right;}
div#contact-form>div.table>div.row>div.cell:last-child{text-align:left;}
div#contact-form textarea{
    width:60%;
    height:6em;
}