/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography */
body {font-size:75%;color:#222;background:#fff url(../images/bg.gif);font-family: "Lucida Grande","Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#377d24; font-family: impact}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.75em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#abbf46;}
a {color:#c09a1f;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}



/* Header */
#headerWrapper {width: 100%; background: url(/images/headerbg.jpg) top center no-repeat; height: 240px; margin: 0; padding: 0}
#header {width:888px; margin: 0 auto; position: relative}
#logo {margin: 0; padding: 0; width:200px; height:134px; position: absolute; top: 25px; left: 36px}
#logo a {width:200px; height:164px; display:block; text-indent: -9999px}
#logo a:link, #logo a:visited {background: url(../images/logo.gif) no-repeat;}
#logo a:hover, #logo a:active {background: url(../images/logo.gif) -200px 0 no-repeat}

ul#topmenu {margin: 0; padding: 0; position: absolute; top: 40px; right:90px}
#topmenu li {margin:0; padding: 0; list-style: none; display: inline;}
#topmenu a:hover, #topmenu a:active {background:#899c1a;outline:0;color: #fff;}
#topmenu a {color:#2f4c37; float:left; padding: 5px 8px 5px 8px; margin-right: -1px; font-size: 12px; line-height: 12px; text-decoration:none;}

#menu {position: absolute; top: 182px; left: 25px; width:100%}

#searchform {position: absolute; left: 670px; top:11px}


/* Container */
.container {width:888px;margin:0 auto; background: url(../images/container-bg.gif) top center}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}



#maincol {width:562px; padding: 20px 20px 20px 45px; float: left; border-right: 1px dotted #ddd}
#fullcol {padding: 20px 20px 20px 45px; clear: both}

#breadcrumb {margin: 0 0 2em 0}

#maincol h1, #fullcol h1 {margin: 0 0 .5em 0}

.category_heading {border-bottom: 1px solid #999; margin-bottom: 1.5em}

.date {font-size: 16px; color:#377d24; clear: both}


.entry {border-bottom: 1px solid #ccc; margin-bottom: 20px; clear: both; position: relative}
.entry h3 {font-size: 2em; margin-bottom: .5em}

.entry object {margin-bottom: 20px}

.thumb {float:left; width:170px; padding: 4px; margin:10px;}

.entry img {margin:0 10px 0 0; top:-10px; position: relative; float: left;}

.details {border-bottom: 1px solid #999; margin-bottom: 2em; position: relative}


.options {border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 2em; position: relative; padding: 10px 0 10px 0}


a.link_to_reg:hover, a.link_to_reg:active {width:230px; height: 56px; display: block; background: url(/images/1-click-register.png) no-repeat}
a.link_to_reg {width:230px; height: 56px; display: block; background: url(/images/1-click-register.png) no-repeat; position: absolute; left: 380px; top:-2px; text-indent: -9999px}

a.get_started:hover, a.get_started:active {width:210px; height: 56px; display: block; background: url(/images/lets-get-started.png) no-repeat}
a.get_started {width:210px; height: 56px; display: block; background: url(/images/lets-get-started.png) no-repeat; position: absolute; left: 370px; top:-9px; text-indent: -9999px}

input.reg_button {width:230px; height: 56px; display: block; background: url(/images/1-click-register.png) no-repeat; text-indent: -9999px; border: none; cursor: hand !important; cursor: pointer !important; position: relative; left:40px}

a.login_to_sign_up:hover, a.login_to_sign_up:active {background-color: #aabd47; color: #FFF}
a.login_to_sign_up {display:block; width: 170px; height:30px; font-size: 18px; background-color: #377d24; color: #FFF; padding: 5px 0 5px 0; text-align: center; text-decoration: none; position: relative; top:-12px; border: 1px solid #213f17}
.add_to_invoice {margin-top:0px; position: absolute; right:10px; top:0px;}
.add_to_invoice input, .add_to_invoice_footer input {font-size: 18px;  color: #000}
.add_to_invoice img {border: none}

a.invoice {background: url(/images/invoice-icon.gif) 0px 3px no-repeat; padding-left:17px; display: block}

.add_to_invoice a {margin-left: 0px}




.post-footer {background-color:#377d24; color:#fff; padding:8px; margin: 20px 0 30px -8px;border-top: 1px solid #17410c; border-right: 1px solid #60a54e; border-bottom: 1px solid #60a54e; border-left: 1px solid #17410c; clear: both}
.post-footer a:link, .post-footer a:visited { color:#fff}


.loginform {border: 1px solid #ccc; padding: 8px; background-color: #eee; position: relative; left:-8px; margin-bottom: 20px; width:250px; float: left}
.or {position: absolute; top: 70px; left:-30px}
.registerform {border: 1px solid #ccc; padding: 8px; background-color: #eee; position: relative; left:-8px; margin-bottom: 20px; width:240px; float: right}

.caption-right {float:right; margin:0 0 10px 20px}
.caption-left {float:left; margin:0 20px 10px 0}

.caption-left p, .caption-right p {text-align: center; font-size: 80%; color: #999; margin: 5px 0 0 0}


.paginate {clear:both}


/* Sidebar */

.sidebar {float:left; width:188px; padding: 20px 0 0 25px; }

.sideboxWrapper {position: relative; left:-10px; width: 242px; background: #377d24 url(/images/sidebox.gif) bottom left no-repeat; padding-bottom:0px; margin: 30px 0 20px 0}
.sidebox {padding: 10px; background: url(/images/sidebox-top.gif) no-repeat; color: #badbb1}
.sidebox h3 {color: #fff; font-family: "Lucida Grande", sans-serif}


.email_icon {position: absolute; top: -10px; left:-10px; background: url(/images/e-mail_icon.gif) no-repeat; width:230px; height:50px}

.icons-sm {width:240px; height:30px; margin: 1em 0 2em -2px; position: relative}
.icons-sm li {list-style: none; display: inline}
.icons-sm a {width:27px; height: 27px; display: block; float: left; text-indent: -9999px; margin: 0 5px 0 0}
.icons-sm a.facebook:link, .icons-sm a.facebook:visited  {background: url(/images/icons_sm.png) no-repeat}
.icons-sm a.facebook:hover, .icons-sm a.facebook:active  {background: url(/images/icons_sm.png) no-repeat 0 -38px}
.icons-sm a.youtube:link, .icons-sm a.youtube:visited  {background: url(/images/icons_sm.png) no-repeat -27px 0px}
.icons-sm a.youtube:hover, .icons-sm a.youtube:active  {background: url(/images/icons_sm.png) no-repeat -27px -38px}
.icons-sm a.twitter:link, .icons-sm a.twitter:visited  {background: url(/images/icons_sm.png) no-repeat -86px 0px}
.icons-sm a.twitter:hover, .icons-sm a.twitter:active  {background: url(/images/icons_sm.png) no-repeat -86px -38px}
.icons-sm a.linkedin:link, .icons-sm a.linkedin:visited  {background: url(/images/icons_sm.png) no-repeat  -56px 0px}
.icons-sm a.linkedin:hover, .icons-sm a.linkedin:active  {background: url(/images/icons_sm.png) no-repeat -56px -38px}
.icons-sm a.technorati:link, .icons-sm a.technorati:visited  {background: url(/images/icons_sm.png) no-repeat  -110px 0px}
.icons-sm a.technorati:hover, .icons-sm a.technorati:active  {background: url(/images/icons_sm.png) no-repeat -110px -38px}
.icons-sm a.rss:link, .icons-sm a.rss:visited  {background: url(/images/icons_sm.png) no-repeat  -139px 0px}
.icons-sm a.rss:hover, .icons-sm a.rss:active  {background: url(/images/icons_sm.png) no-repeat -139px -38px}
.icons-sm a.newsletter:link, .icons-sm a.newsletter:visited  {background: url(/images/icons_sm.png) no-repeat  -167px 0px}
.icons-sm a.newsletter:hover, .icons-sm a.newsletter:active  {background: url(/images/icons_sm.png) no-repeat -167px -38px}

ul.sidemenu {margin: 0 0 30px 0; position: relative; width:216px; left:-10px}
.sidemenu li {margin:0; display: block; list-style: none}
.sidemenu a:hover {color: #fff; background-color: #c09a1f; border-left: 5px solid #377d24}
.sidemenu li a {color: #377d24; background-color: #d3e76a; border-left: 5px solid #377d24; font-size: 1.2em; padding: 3px 0 3px 5px; margin: 0 0 1px 0; text-decoration: none; position: relative; display: block;}




/* Home Slider */

#jFlowSlide{margin: -28px 0 0 -38px; background: #61a54f url(/images/slider/slider-bg.png) repeat-x}

#myController {padding:12px 0 6px 35px;  width:585px; background:#377d24;  margin: -4px 0 2em -38px}
#myController span.jFlowSelected { background:#5fa34d;margin-right:0px; }

.slide-wrapper { padding: 0px; overflow: hidden; color: #f6ff02}
.slide-thumbnail { width:260px; float:left; padding: 20px 30px 20px 20px}
.slide-thumbnail img {}
.slide-details { width:260px; float:left; margin:25px 0 0 0; color: #fff}
.slide-details h2 { font-size:2.5em; font-weight:normal; line-height: 1; margin:0; color:#f6ff02}
.slide-details h2 a {color:#fff; text-decoration: none}
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #5fa34d; }




/* Footer */

#footer {color:#9ccd8f; height:325px; width:938px; margin:0 auto; background: url(../images/footer.jpg) no-repeat !important;}
#footermenu {padding: 5px  0 20px 64px; text-transform:uppercase;}
#footermenu ul {margin: 0; padding: 0}
#footermenu li {margin:0; padding: 0; list-style: none; display: inline;}
#footermenu a {color:#2f4c37; float:left; padding: 16px 11px 17px 8px; margin-right: -1px; font-size: 12px; line-height: 12px; text-decoration:none; border-right: 1px dotted #a6bc38; border-left: 1px dotted #a6bc38;}
#footermenu a:hover, #footermenu a:active {background:#899c1a;outline:0;color: #fff;}
#copyright {text-align: center}
#copyright a {color:#b0dea4}



/* Forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:285px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

#login, #n_reg {margin: 20px 0 0 0px}
#login .input, #n_reg .input {width:200px}
#n_reg .name_field {float:left; padding: 0 20px 0px 0; color:#999}
#n_reg .name_field label {font-size: 1em; }
#n_reg .name_field input { width:100px}


#become_a_member {margin: 0 0 0 20px}
#become_a_member label {font-size: 1.25em; }
#become_a_member input { width:350px; font-size: 1.75em}
#become_a_member .name_field {float:left; padding: 0 20px 10px 0; color:#999}
#become_a_member .name_field label {font-size: 1em; }
#become_a_member .name_field input { width:160px}
#become_a_member p {clear:left; margin: 10px 0 0 0}
#become_a_member input#submit {width:200px; font-size: 2.5em; padding: 5px}

.anchorlink:hover {
cursor: hand;

}


/* Calendar */

.calendarBG {
 background-color: #000; 
 border-left: 1px solid #ddd;
}

.calendarBlank { 
 background-color: #9DB7A7;
 text-align: center;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #377d24; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: top;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 text-decoration:   none;
 text-align:  center;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width:14.2%;
}
.calendarToday a {text-decoration: none}
.calendarCell a {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
 line-height: 10px !important;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #377d24;
 text-decoration:   underline;
 background-color:  transparent;
}