/* CSS Document */

body {background: #e0ddd0 url("images/bg2.jpg") center top repeat; font: 14px/22px "Georgia", "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0;}
#container {width: 795px; margin: 0 auto; padding: 0; }
#content {width:566px; margin: 0 10px; }
/*
#footer_png {background: url("images/footer.png") center bottom no-repeat; clear:left; height:300px; position:relative; font-size: 0;}
*/
#footer_noNav {background: url("images/footer2.jpg") center bottom no-repeat; clear:left; height:300px; position:relative; font-size: 0; clear:both;}
#footer {background: url("images/footer.jpg") center bottom no-repeat; clear:left; height:300px; position:relative; font-size: 0; clear:both;}
#footerBtns {width: 600px; margin: 0 auto; height: 151px;}
#footerTopRow {margin-left: 164px; padding-top: 4px; height: 65px;}
#footerBottomRow {margin-left: 123px; padding-top: 3px; height: 86px}

#oldadventureBook {background-image:url(images/book.jpg); width:405px; height:507px; margin: 30px auto; padding-left: 60px; padding-top: 40px;}
#adventureBookContainer {width:556px; position: relative; height:500px; margin: 0 auto;}
#adventureBookContainerAgain {margin-left: -30px;}

p {margin: 12px 30px 0 0; color: #2d220e; text-align:left;}
.header {margin: 30px 30px 0 0; color: #2d220e; text-align:left; font-size: 14px; font-weight: bold; }
.entryText a, .entry_comments a {color: #004e00; font-weight: bold; text-decoration:none; padding: 0 3px;}
.entryText a:hover, .entry_comments a:hover {border: 1px solid #004e00; padding: 0 2px; background-color: #ffffff;}
.recommendations a {color: #004e00; font-weight: bold; text-decoration:none;}
.recommendations a:hover {text-decoration: underline;}
.nohover a {padding:0;}
.nohover a:hover {border: none; padding: 0}

.titleNotes {font: 10px/10px Arial, Helvetica, sans-serif; color: #81818a; margin-left: 10px; margin-right: 50px;}

#btnHome a { display: block; padding: 0; width: 188px; height: 65px; background: url("images/homeward.jpg") 0 0 no-repeat;}
#btnHome a:hover { background: url("images/homeward.jpg") -188px 0 no-repeat;}
#btnOnward a { display:inline-block; display:-moz-inline-stack; margin-left: 5px; padding: 0; width: 133px; height: 86px; background: url("images/onward.jpg") 0 0 no-repeat; *display: inline-block;}
#btnOnward a:hover { background: url("images/onward.jpg") -133px 0 no-repeat;}
#btnBackward a { display:inline-block; display:-moz-inline-stack; padding: 0; width: 131px; height: 86px; background: url("images/backward.jpg") 0 0 no-repeat; *display: inline-block;}
#btnBackwardDisabled { display:inline-block; display:-moz-inline-stack; padding: 0; width: 131px; height: 86px; *display: inline-block;}
#btnBackward a:hover { background: url("images/backward.jpg") -131px 0 no-repeat;}

.email {font: 11px/14px Arial, Helvetica, sans-serif; color: #000000; margin: 10px; padding: 10px; border: 1px solid black; background-color: #FFFFFF;}

#sidebar {float:right; width:187px;}
#menu_jpg {width: 187px; height:575px; background-image: url("images/menu.jpg");}
/*
#menu_png {width: 187px; height:474px; background-image: url("images/menu.png");} 
*/
#previously_jpg {width: 187px; height:137px; background-image: url("images/previously.jpg"); margin-top: 30px;}
#previously_png {width: 187px; height:137px; background-image: url("images/previously.png"); margin-top: 30px;}
.previous a {font: 11px/14px "Georgia", "Times New Roman", Times, serif; color: #004e00; font-weight: bold; text-decoration:none}
.previous a:hover {text-decoration: underline}
.previous {font: 10px/14px Arial, Helvetica, sans-serif; color: #474747; padding: 8px;}
.recentComment a {font: 10px/13px "Georgia", "Times New Roman", Times, serif; color: #004e00; font-weight: bold; text-decoration:none}
.recentComment a:hover {text-decoration: underline}
.recentComment {font: 10px/14px Arial, Helvetica, sans-serif; color: #474747; padding: 8px;}
#menubtn1 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 95px; background: url("images/menu1.jpg") 0 0 no-repeat;}
#menubtn1 a:hover { background: url("images/menu1.jpg") -187px 0 no-repeat;}
#menubtn1b a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 71px; background: url("images/menu1b.jpg") 0 0 no-repeat;}
#menubtn1b a:hover { background: url("images/menu1b.jpg") -187px 0 no-repeat;}
#menubtn2 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 85px; background: url("images/menu2.jpg") 0 0 no-repeat;}
#menubtn2 a:hover { background: url("images/menu2.jpg") -187px 0 no-repeat;}
#menubtn3 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 53px; background: url("images/menu3.jpg") 0 0 no-repeat;}
#menubtn3 a:hover { background: url("images/menu3.jpg") -187px 0 no-repeat;}
#menubtn4 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 69px; background: url("images/menu4.jpg") 0 0 no-repeat;}
#menubtn4 a:hover { background: url("images/menu4.jpg") -187px 0 no-repeat;}
#menubtn7 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 74px; background: url("images/menu7.jpg") 0 0 no-repeat;}
#menubtn7 a:hover { background: url("images/menu7.jpg") -187px 0 no-repeat;}
#menubtn8 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 53px; background: url("images/menu8.jpg") 0 0 no-repeat;}
#menubtn8 a:hover { background: url("images/menu8.jpg") -187px 0 no-repeat;}
#menubtn6 a { display: block; padding: 0; width: 187px; margin-left: 12px; height: 75px; background: url("images/menu6.jpg") 0 0 no-repeat;}
#menubtn6 a:hover { background: url("images/menu6.jpg") -187px 0 no-repeat;}

#logo img {height: 139px; width: 563px; border: none; margin-top: 5px; margin-bottom: 40px;}
.comment_author {padding: 18px 100px 0 80px;}
.comment_author_hog {padding: 18px 100px 0 180px;}
.comment_datetime {padding: 10px 100px 5px 80px;}
.comment_datetime_hog {padding: 10px 100px 5px 180px;}
.comment_text {padding: 5px 160px 5px 20px;}
.comment_text_hog  {padding: 5px 18px 5px 170px;}
.comment_small {background-image:url(images/commentCard_125.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 125px; width: 531px; margin-top: 15px;}
.comment_medium {background-image:url(images/commentCard_220.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 220px; width: 531px; margin-top: 15px;}
.comment_large {background-image:url(images/commentCard_330.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 330px; width: 531px; margin-top: 15px;}
.comment_xlarge {background-image:url(images/commentCard_500.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 500px; width: 531px; margin-top: 15px;}
.comment_xxlarge {background-image:url(images/commentCard_800.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 800px; width: 531px; margin-top: 15px;}
.comment_xxxlarge {background-image:url(images/commentCard_1200.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 1200px; width: 531px; margin-top: 15px;}
/* .comment_small_hog {background-image:url(images/commentCard_125_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 125px; width: 531px; margin-top: 15px;} */
.comment_small_hog {background-image:url(images/commentCard_220_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 220px; width: 531px; margin-top: 15px;}
.comment_medium_hog {background-image:url(images/commentCard_220_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 220px; width: 531px; margin-top: 15px;}
.comment_large_hog {background-image:url(images/commentCard_330_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 330px; width: 531px; margin-top: 15px;}
.comment_xlarge_hog {background-image:url(images/commentCard_500_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 500px; width: 531px; margin-top: 15px;}
.comment_xxlarge_hog {background-image:url(images/commentCard_800_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 800px; width: 531px; margin-top: 15px;}
.comment_xxxlarge_hog {background-image:url(images/commentCard_1200_hog.jpg); font: 12px/15px "Georgia", "Times New Roman", Times, serif; height: 1200px; width: 531px; margin-top: 15px;}

.commentPost {background: url(images/commentPost_bg.jpg) center top no-repeat; width: 385px; height: 376px; margin: 0 auto;}
.quote {font-size: 11px/13px; margin-left: 10px; border-left: 4px solid #004e00; padding: 4px; color: #555555; background-color: #fbdebf}
.attention{border:1px solid black; background-color: #FFFF00; width: 350px; text-align:center; margin: 10px auto; padding: 5px;}
.danger{border:1px solid black; background-color: #FF4444; width: 350px; text-align:center; margin: 10px auto; padding: 5px;}

#recentCommentsBorder {margin: 5px; margin-top: 30px;  border: 1px solid #bdbdbd; background-color: #dbd5c7;}
#recentComments {margin: 5px; border: 1px solid #bdbdbd; background-color: #f5f1e6;}

.accordion_toggle {display: block; width: 550px; padding: 0; font-weight: bold; font-size: 14px; text-decoration: none; outline: none; color: #004e00; cursor: pointer; margin: 20px 0 0 0;}
.accordion_toggle_active {color: #000000; }
.accordion_content { width:550px; overflow: hidden;  }
.accordion_content p { }
.vertical_accordion_toggle {display: block; width: 550px; font-weight: bold; font-size: 14px; text-decoration: none; outline: none; color: #004e00; cursor: pointer; margin: 0; }
.vertical_accordion_toggle_active {}
.vertical_accordion_content { color: #444444; overflow: hidden; }
.vertical_accordion_content p { line-height: 150%; padding: 0; }

.content-small { font-family: Arial, Helvetica, sans-serif, san-serif; color: #000000; font-weight: normal; font-size: 9px; line-height: 11px; text-decoration: none;}

ul {margin-top: 0; list-style:square; padding-left:22px}
li {padding-top:2px}

.quote2 {border: 1px solid black; background-color: #FFFFFF; padding: 5px 5px 0 5px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.tableHeader {background-color: #444444; color: #ffffff; text-align:center; padding: 5px; font-weight:bold; font: 14px/22px "Georgia", "Times New Roman", Times, serif;}

.pageBar { font-family: Arial, Helvetica, sans-serif, san-serif; color: #000000; font-weight: normal; font-size: 11px; line-height: 11px; text-align: center; margin-bottom: 22px; margin-top: 25px;}
.pageBox {background: #d59b68; font-size: 10px; border: 1px solid #d59b68; padding: 2px 4px; margin: 0 2px;}
.pageBar a {background: #e4cfbc; color: #000000; font-size: 10px; border: 1px solid #d59b68; padding: 2px 4px; margin: 0 2px;text-decoration: none;}
.pageBar a:hover {background: #ffffff; color: #000000; font-size: 10px; border: 1px solid #d59b68; padding: 2px 4px; margin: 0 2px; text-decoration: none;}