html {color: #000; background: #FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0}
table {border-collapse: collapse; border-spacing: 0}
fieldset, img {border: 0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style: inherit; font-weight: inherit}
del, ins {text-decoration: none}
li {list-style: none}
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal}
q:before, q:after {content: ''}
abbr, acronym {border: 0; font-variant: normal}
sup {vertical-align: baseline}
sub {vertical-align: baseline}
 legend {color: #000}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit}
  input, button, textarea, select {*font-size: 100%}
   body {font:13px/1.231 arial,helvetica,clean,sans-serif;  *font-size:small;  *font:x-small}
 select, input, button, textarea, button{ font:99% arial,helvetica,clean,sans-serif}
 table {font-size:inherit; font:100%}
 pre, code, kbd, samp, tt {font-family:monospace; *font-size:108%; line-height:100%}
  body { margin:10px}
h1 { font-size: 138.5%}
h2 { font-size: 123.1%}
h3 { font-size: 108%}
h1,h2,h3 { margin: 1em 0}
h1,h2,h3,h4,h5,h6,strong,dt { font-weight: bold}
optgroup {font-weight:normal}
abbr,acronym { border-bottom: 1px dotted #000; cursor: help}
em { font-style: italic}
del { text-decoration: line-through}
blockquote,ul,ol,dl { margin: 0}
ol,ul,dl {  }
ol li { list-style: decimal outside}
ul li { list-style: disc outside}
dl dd { margin-left: 1em}
th,td {  padding: .5em}
th { font-weight: bold; text-align: center}
caption { margin-bottom: .5em;  text-align: center}
sup { vertical-align: super}
sub { vertical-align: sub}
p, fieldset, table, pre { margin-bottom: 1em}
 button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {padding:1px}
  .container_12{ margin-left: auto; margin-right: auto; width: 960px}
 .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; float: left; margin-left: 10px; margin-right: 10px}
.container_12 .grid_3 {width: 220px}
.container_12 .grid_6 {width: 460px}
.container_12 .grid_9 {width: 700px}
.container_12 .grid_12 {width: 940px}
 .alpha {margin-left: 0}
.omega {margin-right: 0}
 .container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
 .container_12 .prefix_3 {padding-left: 240px}
.container_12 .prefix_6 {padding-left: 480px}
.container_12 .prefix_9 {padding-left: 720px}
 .container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}
 .container_12 .suffix_3 {padding-right: 240px}
.container_12 .suffix_6 {padding-right: 480px}
.container_12 .suffix_9 {padding-right: 720px}
 .container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}
  .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
 .clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
   html,body {color: #383226; height: 100%; margin: 0;  }
hr {display:none}
input {padding: 6px 2px}
br {display: block; margin-bottom: 12px}
strong {font-style:normal; font-weight:bold}
.cursorhand {cursor: auto}
.center_align {text-align: center}
.left_align {text-align: left}
ul li {list-style: none}
.q{ font-family:Georgia,"Times New Roman",Times,serif; font-size: 138.5%}
img{ vertical-align: middle;}
 #header {background: #383226 url(../../images/bg_header2.png) 50% 0 repeat-x; line-height: 6em; width: 100%}
#nav_main ul {text-align: right}
#nav_main ul li {display: inline; list-style-type: none; padding: 0 10px}
#nav_main ul li a {color:#fff; padding: 0.25em 0; text-decoration: none}
#nav_main ul li.active a, #nav_main ul li a:hover {border-bottom: 5px solid #fff; padding: 0.25em 0}
#nav_secondary {background-color:#D6FCA9; border-bottom: 2px solid #fff; border-top: 2px solid #fff; line-height: 3em; text-align: center}
#nav_secondary ul li {display: inline; list-style-type: none; padding: 0 10px}
#nav_secondary ul li a {color:#000; text-decoration: none}
#nav_secondary ul li.active a, #nav_secondary ul li a:hover {border-bottom: 1px solid #383226}
#logo {color: #fff; font-family: Trebuchet MS, Helvetica, sans-serif; font-size:250%; text-decoration: none}
 #wrapper {background: transparent url(../../images/grad_shadow.png) 50% 0 no-repeat; border-top: 0px solid #93bb4a; padding-top: 2em}
  .fieldWithErrors input {background : #fdd; border: 4px solid #f00; color: #f00}
.errors {background: #FFF6BF; border: 1px dotted #738f25; color : #000; font-size: 129%; font-weight: bold; margin: 0 auto; padding: 0; text-align: center; width: 50%}
#errorExplanation h2 {background-color: #c00 ; color: #fff ; font-size: 12px; font-weight: bold; margin: 0; padding: 5px 5px 5px 15px; text-align: center}
#notice {background: #FFF6BF; border: 1px dotted #738f25; color : #000; font-size: 129%; font-weight: bold; margin-bottom: 10px; padding: 5px 0; text-align: center}
#index p.text_big {font-size: 300%}
.align_centre {background: #eee; border-bottom: 1px solid #738f25; border-top: 1px solid #738f25; padding: 6px; text-align: center; text-transform: uppercase}
#main #index p {padding: 25px 0}
.blogpost {background:#fff; clear :left; padding: 6px 0}
.blogdate {color:#738f25; float:left; height:68px; padding:0; width:72px}
.blogday {float: left; font-size:1em; font-weight:bold; padding:10px 0; text-align:center; width:72px}
.blogyear {float: left; text-align:center; width:72px}
.blogtitle {border-left :1px solid #738f25; font-style: italic; font-weight: bold; margin: 0 0 0 72px; padding: 10px 0 10px 10px}
.blogbody {border-left :1px solid #738f25; margin: 0 0 0 72px; padding: 10px 0 10px 10px}
th.descend {background: transparent url(../../images/up.png) no-repeat scroll 95% 50%}
th.ascend {background: transparent url(../../images/down.png) no-repeat scroll 95% 50%}
 .block {margin-bottom: 1em; border: 1px solid #56804d; background-color: #faffe7}
.block li, .block dt{ padding: 0.5em 0; border-top: 1px solid #eee; padding-left: 1em}
.block dd{ padding: 0 0 0.5em 0}
.block small{ width: 75px}
div.pagination{ text-align: center; padding: 1em 0; border: 1px solid #56804D; background-color: #faffe7; font-size:77% }
div.pagination .current{ border-bottom: 1px solid #000}
div.pagination form{ float: right; margin: 0 1em}
div.pagination form label{ float: left; margin-right: 1em}
 #bookreviews li {padding: 0.5em 0.5em 0.5em 50px}
#bookreviews .nickname {float: left}
#bookreviews .nickname cite{ font-weight: normal; font-style: italic; color: #56804d}
#bookreviews .date {float: right}
#bookreviews .comment {width: 100%; float: left; padding: 0}
#bookreviews p{ margin:0}
 #circledetails_indiv dt{ color:#56804D}
 #bookclub div div.pagination{ border-bottom: none}
.mybook_reviews li {padding-left: 65px}
.mybook_reviews li img.bookcover{ float: left; margin-left: -60px; border: 2px solid #eee; width: 50px}
.mybook_reviews li p.book_title {float: left; color: #56804d; font-weight: bold; width: 100%}
.mybook_reviews li p.book_title small {float: left; width: 100%}
.mybook_reviews li p.book_review {width: 100%; float: left; padding: 0.5em 0}
.mybook_reviews p{ margin:0}
 #whatsnew ul li small {width: 125px; float: left}
 .mycircle_nickname {float: left}
.mycircle_lastvisit{ float: right}
.mycircle_email {float: left; width: 100%}
.mycircle_credits {float: left}
#mycirclemembers p{ margin:0}
.mycircle_more{ float: right}
 #chatbox ul {border-top: none}
.chatbox_nickname {float: left}
.chatbox_nickname cite{ font-weight: normal; font-style: italic; color: #56804d}
.chatbox_date {float: right}
.chatbox_comment {width: 100%; float: left; padding: 0.5em 0}
#chatbox p{ margin:0}
#chatinput{ padding: 0.5em; color: #fff; background-color: #56804d}
#chatinput label{ color: #fff}
#forum_comment {width: 285px }
#chatsubmit{ margin-left: 1px}
 #bookings table {width: 100%; border-right: 1px solid #eee; border-collapse: no}
#bookings table tr.spec {background: #fff}
#bookings table tr.specalt {background: #faffe7}
#bookings table td{ color: #383226; border-left: 1px solid #eee}
#bookings table th{ color: white; background-color: #56804d }
#bookings span{ float: left; align: center; width: 100%}
#bookings table th.status{ width: 5em}
#bookings table td em{ font-weight: bold; font-style: normal; color: red}
 #bookclubbooks ul li{ display:inline; padding: 0;}
#bookclubbooks .block{ border-top: none; background-color: #faffe7; text-align: center}
.bookclubbook img{ width: 50px; height: 75px}
 .calendar td, .calendar th {padding:0.5em 0}
.calendar td.weekend {font-weight: bold}
.calendar td.otherMonth {color: #eee}
.today {background-color: #eee; color: red; font-weight: bold}
  label {color: #738f25; display: block;}
fieldset input, fieldset file {background-color: #FAF8CC; color: #56804d; border: 1px solid #cccccc; font-size: 116%}
fieldset textarea{ background-color: #FAF8CC; color: #56804d; font-size: 116%; width: 250px; height: 100px; border: 1px solid #cccccc; padding: 5px;}
select {background:#ffa; border: 1px solid #cccccc; color: #56804d}
select option {background:#ffa}
.readonly {background:#eee; border: 1px solid #ccdf98}
.ajax_hover {background-color: #ff0}
.ajax_input {background-color: #ff0; border: 1px dotted blue; margin:0; padding:0; text-align: center}
.noborderorbackground {background: transparent; border: 0}
 a {white-space: nowrap}
.buttonholder a {float: left; margin: 1em 0}
.buttonholder input {width: auto}
a.sbutton, a.sbutton:hover {border-width:1px; font-weight:normal; letter-spacing:0; margin: 0 4px; padding:2px 15px 2px 28px; text-decoration:none}
#wrapper .pagination {padding-top: 15px}
#wrapper .pagination a {text-decoration: none}
 #wrapper a{ color: #383226}
a.ovalbutton{ display: block; float: left; background: transparent url('../../images/oval-green-left.gif') no-repeat top left; font-weight: normal; line-height: 16px;  height: 24px;  padding-left: 11px;  text-decoration: none}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ }
a.ovalbutton span{ display: block; background: transparent url('../../images/oval-green-right.gif') no-repeat top right; padding: 4px 11px 4px 0;  }
a.ovalbutton:hover{  background-position: bottom left}
a.ovalbutton:hover span{  background-position: bottom right; color: black}
.buttonwrapper{  overflow: hidden;  width: 100%}
a.red{ background: transparent url('../../images/oval-red-left.gif') no-repeat top left}
a.red span{ background: transparent url('../../images/oval-red-right.gif') no-repeat top right}
a.green{ background: transparent url('../../images/oval-green-left.gif') no-repeat top left}
a.green span{ background: transparent url('../../images/oval-green-right.gif') no-repeat top right}
a.amend{ background: transparent url('../../images/oval-green-left.gif') no-repeat top left; clear: left}
a.amend span{ background: transparent url('../../images/oval-green-right.gif') no-repeat top right}
a.blue{ background: transparent url('../../images/oval-blue-left.gif') no-repeat top left; clear: left}
a.blue span{ background: transparent url('../../images/oval-blue-right.gif') no-repeat top right}
 h3 {text-transform: uppercase; padding: 0.5em; border-top: 1px solid #383226; border-bottom: 1px solid #383226; background-color: #eee;  }
 img.smallavatar{ float: left; margin-left: -60px; border: 2px solid #eee}
img.thumbavatar{ float: left; margin-left: -45px; border: 2px solid #eee}
td.thumbavatar, li.thumbavatar{ padding-left: 50px}
td.smallavatar, li.smallavatar{ padding-left: 65px}
 #circledetails:after, #wrapper:after, #nav_main:after,#nav_secondary:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
 * html #circledetails, * html #wrapper {height: 1%;}
 #wrapper #diary ul .sitdetails, #nav_main,#nav_secondary{ height:1%}
input[type="hidden"] {display: none}
a{ outline: none}
table {width:100%; margin:0; padding:0}
th {color:#738f25; border-top:1px solid #738f25; border-bottom:1px solid #738f25; letter-spacing:-1px; text-transform:uppercase; text-align:center; background:#eee; padding:6px}
td {border-bottom:1px solid #e6efcb; color:#738f25; text-align:center; letter-spacing:0; padding:15px 6px}
.talt {background:#efd; color:#738f25}
.editable{ display: inline; padding-right: 25px; background-image: url(../../images/pencil.gif); background-position:100% 50%; background-repeat:no-repeat}
caption {text-align:right}
td.status_award {background-image:url(../../images/tag_orange.gif); background-position:0 50%; background-repeat:no-repeat; color:#fdd}
td.status_sitterneeded {background-image:url(../../images/tag_red.gif); background-position:0 50%; background-repeat:no-repeat; color:#fdd}