/*Stephen Furbish - GoNewEngland/
/*sarapennypacker.com*/
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}
body {
	background-image:url('');
	background-position: 50% 0%;
	background-repeat:repeat-x ;
	background-color: #FFFFFF;
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color:#000000;
	margin-top: 0px
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;

}

p{
    font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 12pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	text-align:default;
	margin: 0px;
	margin-left: 0x;
	margin-right: 0px;
	}


h1 {font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12pt;
    font-style : normal;
    font-weight : bold;
    color :#C7531C;
	text-align:default;
	margin-left: 0px;
	margin-bottom: 4px;}
h2 {
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 12pt;
    font-style : italic;
    font-weight : bold;
    color :#C7531C;
	text-align:default;
	margin-left: 0px;
	margin-bottom: 8px;}

h3 {
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 11pt;
	text-decoration: ;
    font-style : ;
    color : #001822;
    text-align : left;
	margin-left: 12px;}
h4 {
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 120%;
	text-align:left;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;}

	.style1 {
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style1-1 {
	border: 1;
	border-color: #000000;
}

.style1A {
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style2 {
	font-size: 11pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	
}

.style3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 11px;
	}

#column{
	width: 965px;
	font-size : 14pt;
	color :default;
    font-style : normal;
	text-align: left;
	line-height: 146%;	
  	background-color: transparent;
	padding-top:10px;
	padding-left:0px;
	padding-right:12px;
	padding-bottom:22px;
	}

#column_left{
	font-size : 10pt;
	width: 170px;
	color : #000000;
    font-style : normal;
	text-align: left;
	height: default;
  	background-color: transparent;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	}
#column_center{
	font-size : 10pt;
	width: 664px;
	color : #000000;
    font-style : normal;
	text-align: default;
	height: default;
  	background-color:transparent;
	padding-top:0px;
	padding-left:4px;
	padding-right:10px;
	padding-bottom:0px;
	}
#column_right{
	font-size : 10pt;
	width: 190px;
	color : #000000;
    font-style : normal;
	text-align: left;
	height: default;
  	background-color:transparent;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	}
#copywrapper {
	width: 664px;
	margin-top: 160px;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom:0px;
	background-color: default;
	
}

#copy-wrapper {
	width: 664px;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom:0px;
	background-color: default;
	
}
#content_wrapper {
	background-image:url('../images/sarapennypacker_waylon.jpg');
	width: 1024px;
	height: 700px;
	background-repeat: no-repeat;
	background-position: 50% 0%
	text-align: default;
	background-color: transparent;
	}
.book_thenewwrapper {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 3px;
	text-align: default;
	background-color: transparent;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

.book_wrapper {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-right: 3px;
	text-align: default;
	background-color: transparent;
	}

.book_wrapper_placeholder {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	height: 275px;
	padding-right: 3px;
	text-align: default;
	background-color: transparent;
	}
.buy_abook {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-right: 3px;
	padding-top: 7px;
	text-align: default;
	background-color: transparent;
	}

.page_title {
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 14pt;
    font-style : normal;
    font-weight : bold;
    color :#C7531C;
	text-align:default;
	margin-left: 0px;
	margin-bottom: 4px;
	padding-bottom: 8px;}


.book_wrapper2 {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-left: 6px;
	text-align: default;
	background-color: transparent;
	}
.book_wrapper3 {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-right: 3px;
	padding-bottom: 12px;
	text-align: left;
	background-color: transparent;
	}

.book_links {
	font-family :Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : normal;
    color :#000000;
	line-height: 146%;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 12px;
	text-align: center;
	background-color: transparent;
	}

#page_wrapper {
	background-image:url('../images/new_home1024.jpg');
	width: 1024px;
	height: 700px;
	background-repeat: no-repeat;
	background-position: 50% 0%
	text-align: default;
	background-color: transparent;
	}
#page_wrapper1 {
	background-image:url('../images/copyholder2015.jpg');
	width: 1024px;
	height: 700px;
	background-repeat: no-repeat;
	background-position: 50% 0%
	text-align: default;
	background-color: transparent;
	}
#page_wrapperr {
	background-image:url('../images/copyholder2015.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-color: transparent;
	}	
#list{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 8pt;
	color :#OOOOOO;
    font-style : normal;
    width: 100%;
	margin-bottom: 0px;
	padding:0;}
.headercontainer2{
	margin: 0 0 0px 0;
	padding:0;
	background-image:url('images/logos/logo.jpg');
	background-repeat: repeat-x;
	background-position: 50% 0%;}
.dhtml_header_menu{
 clip:rect(0, 50, 0, 0);
 line-height: auto;
 padding-top: 0px;
}

#content {
	margin-top:0px;
	background-color: transparent;
	position: top;
	width: 1024px;
	text-align: default;
		}

.content_search {
	width:75%;
	background-color: #FFFFFF;
	text-align: left;
	position: top;
	padding-top: 8px;
	padding-left: 6px;}
#content_inside {
	background-color: #FFFFFF;
	position: top;
	width: 982px;
	text-align: default;
	display: show;
	overflow: show;
	padding-top: 4px;
	padding-left: 6px;
	border-top: 1px solid #bbd539;
	border-left: 1px solid #bbd539;
	border-right: 1px solid #bbd539;
	border-bottom: 1px solid #bbd539;}
	

.footer_holder{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size : 12pt;
	font-weight : medium;
    font-style : normal;
    color :#FFFFFF;
	line-height: ;
	text-align:center;
	padding-top: 14px;
	margin-top: -1px;
	margin-right: px;
}

a:link {
	color: #C7531C;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
}
a:visited {
	color: default;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
a:hover {
	color: #C7531C;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#index_footer {
height: 33px;
width: 903px;
}
.guestbook{
background-color:#710071;
color:#ffffff;
height:30px;
}


/* OPEN / CLOSE BTNS */

.menu-btn {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 999;
    display: inline;
    font-size: 32px;
}

.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}

.btn-open:after {
    color: #34B484;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-open:hover:after {
    color: #34B484;
}

.btn-close:after {
    color: #fff;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #34B484;
}


/* OVERLAY */

.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #333;

    font-family: 'Architects Daughter', cursive;
      font-size:24px;
  font-weight:bold;
  width:100%;
  text-align:center;
  color:#ffffff;




}
.overlay a{
font-size:24px;
	color: #ffffff;
	font-family:  'Architects Daughter', cursive;
	text-decoration: none;
}
.overlay a:hover{
font-size:24px;
	color: #C7531C;
	font-family:  'Architects Daughter', cursive;
	text-decoration: none;
}
/* RESPONSIVE */

@media screen and (max-width: 768px) {
    .menu-btn {
        right: 25px;
    }
}

