/* CSS Document */

/* reset.css */
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;}


body {text-align:center; background-color:#374143;}


/* Structure */
#wrapper {position:relative; width:844px; margin: 0 auto;}
#everything {position:relative; width:844px; background:#FFFFFF;}
#abovenav {position:relative; width:844px; background:url(/images/bg_abovenav_1x43.gif) top left repeat-x; height:43px;}
#navbar {position:relative; width:844px; background:url(/images/bg_nav_1x31.gif) top left repeat-x; height:31px; text-align:left;}
#header {position:relative; width:844px; height:317px; background:url(/images/bg_header_844x317.jpg) top left repeat-x;}
#internal_header {position:relative; width:844px; background-color:#FFFFFF; text-align:left;}
#internal_header img {margin:24px 24px;}
#header img {width:385px; height:90px; float:left; margin-left:31px; margin-top:24px;}
#page {position:relative; width:844px;  height: 446px; background:#FFFFFF;}
#pdfpage, #bookpage, #freepage, #workshoppage, #wallpaperpage, #conversationpage {position:relative; width:844px; background:#FFFFFF;padding:0;}
#rightcol {position:relative; float:right; width:240px; height:398px;text-align:left;}
#promomedia {margin: 24px 0 24px 0;}

#header .mainquote {position:absolute; bottom:120px; left: 31px; width:340px;}

#boxone {position:absolute; top:0; left:0; height:110px; width: 250px; margin: 24px 0 0 24px; padding: 12px 12px 12px 0; border-bottom-style:dashed; border-collapse:collapse; border-right:dashed; border-width:thin; border-color:#4b8500; text-align:left;}
#boxtwo {position:absolute; top:0; left:294px; height:110px; width: 250px; margin: 24px 0 0 0; padding: 12px 0 12px 12px; border-bottom-style:dashed; border-collapse:collapse;  border-width:thin;border-color:#4b8500;text-align:left;}
#boxthree {position:absolute; top:162px; left:0; height:110px; width: 250px; margin-left: 24px; padding: 12px 12px 12px 0; border-bottom-style:dashed; border-collapse:collapse;  border-right:dashed; border-width:thin; border-color:#4b8500; text-align:left;}
#boxfour {position:absolute; top:162px; left:294px; height:110px; width: 250px; padding: 12px 0 12px 12px; border-bottom-style:dashed; border-collapse:collapse;  border-width:thin;border-color:#4b8500;text-align:left;}
#boxfive {position:absolute; top:300px; left:0; height:110px; width: 250px; margin:0 0 0 24px; padding: 12px 12px 0 0; border-collapse:collapse; border-right:dashed; border-width:thin; border-color:#4b8500;text-align:left;}
#boxsix {position:absolute; top:300px; left:294px; height:110px; width: 250px; padding: 12px 0 0 12px; border-collapse:collapse;border-width:thin; border-color:#4b8500; text-align:left;}

#footer {position:relative; width:844px; background:url(/images/bg_footer_1x84.gif) top left repeat-x; height:84px; clear:both; text-align:center;}



/* formatting */
#navbar p {margin:0 0 0 24px;padding:10px 0 0 0;}
#navbar p a {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; text-decoration:none;}


#footer p a, #footer p.copyright {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; text-decoration:none;}

#header h1 {}
#header h2 {}
.quote p {}

.promocopy { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; font-size:small;}
#boxone h3, #boxtwo h3, #boxthree h3, #boxfour h3, #boxfive h3, #boxsix h3 { font-weight:bold; font-family:Arial, Helvetica, sans-serif; /* color:#4b8500;*/ color:#4b8500; margin:0; padding:0;}
#boxone p, #boxtwo p, #boxthree p, #boxfour p, #boxfive p, #boxsix p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small;color:#3f4344;}

 
a.hdr { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#4b8500; margin:0; padding:0;}

h3.pageheading {font:bold medium Arial, Helvetica, sans-serif; color:#4b8500; text-align:left; padding:0;}
#pdfpage h3.pageheading, #bookpage h3.pageheading, #freepage h3.pageheading, #workshoppage h3.pageheading, #wallpaperpage h3.pageheading, #conversationpage h3.pageheading {padding:0;}


h3.dropheading {font:bold small Arial, Helvetica, sans-serif; color:#4b8500; text-align:left; padding:3px 0; cursor:default;}

p {color:#3f4344; font:normal small Verdana, Arial, Helvetica; line-height:normal; text-align:left;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin: 0 auto;}
.center {text-align:center;}
.imgpad {padding:12px 12px 12px 0;}
.white {color:#FFFFFF;}
.strong {font-weight:bold;}
.italics {font-style:italic;}



#pageleft {margin-right:288px; font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; font-size:small; border-collapse:collapse; border-right-color:#4b8500; border-right-style:dashed; border-width:thin;padding:24px;}
#pageleft p {padding:0 0 12px 0;}

#freepageleft {margin-right:288px; font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; font-size:small; padding:24px; border-collapse:collapse; border-right-color:#4b8500; border-right-style:dashed; border-width:thin; height:600px;}
#freepageleft p {padding:0 0 12px 0; }
#freepageleft div.chapter {padding:0 12px 12px 0;}
#freepageleft div.chapter p {padding:6px 0 6px 2px; }
#freepageleft div.chapter h3.chptrhdr {font:bold large Arial, Helvetica, sans-serif; color:#999999; text-align:center; font-style:italic; padding:0 0 12px 0; margin:0;}

#footer p {padding:24px 0 0 24px; text-align:center;}
#footer p.copyright {padding: 12px 0 0 24px; text-align:center; color:#d2d2d2;}
.extrapad {padding-top: 20px; margin-top:12px;}

#internalquote {position:relative; width:844px; background:#4b8500; font: italic small Verdana, Arial, Helvetica, sans-serif; height:10px;}
#internalquote p {font-weight:bold; color:#FFFFFF; padding:12px 24px 10px 24px;}

a, a:link, a:visited, a:hover, a:active {text-decoration:none; color:#4b8500;}
a:hover {text-decoration:underline;}

#rightcol {padding:24px;}
#rightcol p {font:normal x-small Verdana, Arial, Helvetica, sans-serif;}
#rightcol h3.pageheading {padding-top:0;}
div.spacer {height:24px;}

#navbar p a:link, #navbar p a:visited, #navbar p a:hover, #navbar p a:active {background:url(images/bg_nav1x31off.gif) top left repeat-x; padding:10px 12px 9px 12px;}
#navbar p a:hover {background:url(images/bg_nav1x31on.gif) top left repeat-x;}
#navbar p a.on {background:#666666;}


p.testimonial {font-style:italic; color:#666666; font-size:small;}
p.dashed{font-style:italic; color:#666666; font-size:small; border-collapse:collapse; border-bottom-style:dashed; border-width:thin; border-color:#4b8500; margin:0 0 12px 0;}
span.quote {font-size:x-small; color:#999999; font-weight:normal; font-style:normal;}

img.sitethumb {float:left; margin-right: 12px; border:0;}

#pageleft .left {position:relative; width:240px;}
#pageleft .right {position:absolute; width:240px; left:288px; top:51px; text-align:left;}

.example {margin:5% 5%; background-color:#F4F4F4;padding:10px;}
.example p {font-size:90%;}
.ref { font-style:italic;}
#freepage #rightcol p { } /* Use to change the navigation link sizes */
#imagecredit {position:absolute; top:300px; left: 24px;}
#imagecredit p a {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; text-decoration:none;}

#readnav {position:absolute; right:312px; top:24px; width:40px; height:15px; float: right;}
#readnav img.back {border:0; margin:0 2px 0 0; height:15px; width:15px;}
#readnav img.next {border:0; height:15px; width:15px;}

p form {text-align:left;}

.imagetitle {font-size:small;}

a.white {color:#ffffff;}

.readgrey {color:#CCCCCC; cursor:default;}