body {
 font: 16px Arial,sans-serif;
 margin: 0;
 padding: 0;
 background: #f7f7f7 url(images/header_bg.gif) top left repeat-x;
 text-align: center;
 color: #474747;
}

a { color: #009aca; }

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }
.clrleft { clear: left; }
.clrright { clear: right; }

.larger { font-size: 1.25em; }
.borderless  { border: none !important; }


.green { color: #3a8640; }

#page {
 text-align: left;
 width: 890px;
 margin: 0 auto;
 padding: 0;
}

/* Header */
#header {
 position: relative;
 height: 147px;
 overflow: hidden;
}

#header h1 {
 margin: 0;
 padding: 0;
 height: 106px;
 width: 233px;
 overflow: hidden;
 background: url(images/jj_logo.gif) top left no-repeat;
 position: absolute;
 bottom: 0;
 left: 0;
}

* html #header h1 { bottom: -1px; }

#header h1 a {
 display: block;
 padding: 106px 0 0;
}

#header ul {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 right: 0;
}

#header ul li {
 float: left;
 height: 120px;
 overflow: hidden;
}

#header ul li a {
 display: block;
 color: #00789d;
 font: 20px Georgia, serif;
 letter-spacing: -.06125em;
 text-decoration: none;
 padding: 90px 12px .5em 12px;
}

#header ul li a:hover { color: #f7f7f7; }
#header ul li.active a { color: #f7f7f7; background: #047ba0 url(images/nav_bg.gif) top left repeat-x; }

/* Footer */
#footer {
 clear: both;
 color: #a0a0a0;
 border-top: 1px solid #ccc;
 font-size: 11px;
 padding: 0;
 text-align: center;
}


/* Content */
#content {

}

#leftcol {
 float: left;
 width: 573px;
}

#leftcol p {
 margin: 1em;
 line-height: 1.25em;
}

#leftcol .intro {
 height: 240px;
 overflow: hidden;
 padding: 0 0 0 240px;
 margin: 0;
 overflow: hidden;
 background: url(images/main_img.jpg) top left no-repeat;
 font-family: Georgia,serif;
}

#leftcol .intro h2 {
 margin: 0;
 padding: .75em 0 0 0;
 letter-spacing: -.033em;
 font-size: 24px;
 font-variant: small-caps;
}

#leftcol .intro p {
 margin: 0 0 1em 0;
 font-style: normal;
}

#leftcol .intro h3 {
 margin: 0;
 padding: 3px 0 0 0;
 text-align: center;
 letter-spacing: -.033em;
 width: 300px;
 font-size: 20px;
 font-weight: normal;
}

#leftcol .intro h3 span {
 display: block;
 color: #f7f7f7;
 font-size: 30px;
 padding: 1em 0 0;
 font-style: italic;
}

#leftcol p {
 font-family: Georgia,serif;
 font-style: italic;
}

#rightcol {
 margin: 0 0 0 590px;
}

* html body #rightcol { margin-left: 587px !important; }

#rightcol ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 300px;
}

#rightcol ul li h3 {
 margin: 0;
 padding: 0;
 height: 83px;
 overflow: hidden;
}

#rightcol ul li h3 a {
 display: block;
 padding: 83px 0 0 0;
}

#rightcol ul li.jjsway h3 a { background: url(images/btn_jjsway.gif) top left no-repeat; }
#rightcol ul li.blog h3 a { background: url(images/btn_blog.gif) top left no-repeat; }
#rightcol ul li.progym h3 a { background: url(images/btn_progym.gif) top left no-repeat; }

a.jjswaylink {
 display: block;
 font-size: 3.5em;
 font-family: Georgia,serif;
 font-style: italic;
 font-weight: normal;
 letter-spacing: -.065em;
 text-align: center;
 margin: 0;
 padding: .5em 0;
 color: #3A8640;
}

#rightcol blockquote {
 margin: 0 0 1em;
 background: #3A8640;
 color: #f7f7f7;
 font-size: .875em;
 font-family:Georgia,serif;
}

#rightcol blockquote p {
 margin: 0;
 padding: 1em;
 line-height: 1.5em;
 font-style: italic;
}

#rightcol blockquote strong {
 display: block;
 font-size: 1.43em;
 font-weight: normal;
 display: block;
 margin: 0 0 .3em;
}


/* Interior Pages */
#page-content {
 float: left;
 font-size: 13px;
 width: 600px;
 line-height: 1.33em;
}

#page-content h2 {
 margin: 0 0 0 15px;
 padding: 0;
 border-bottom: 1px solid #ccc;
 font: 30px Georgia,serif;
 letter-spacing: -.033em;
 color:#3a8640;
}

#page-content h2 a { color: #3a8640; text-decoration: none; }
#page-content h2 a:hover { text-decoration: underline; }


#page-content h3 {
 font-size: 1.25em;
 margin: 1em 0 1em 15px;
}

#page-content p {
 margin-left: 15px;
}

#page-content img {
 border: 1px solid #ccc;
 padding: 3px;
 margin: 0 15px 15px;
}

#page-content img.right { float: right; }
#page-content img.left { float: left; }

#page-content ul li {
 padding: 0 4em 1em 0;
}

#page-content p.jjwayblurb {
 margin: 13px 0;
 font: italic 36px Georgia,serif;
 letter-spacing: -.0625em;
 color: #047ca1;
}

#page-sidebar {
 margin: 0 0 0 648px;
}

#page-sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#page-sidebar ul li {
 margin-bottom: 9px;
}

#page-sidebar ul li ul.categories,#page-sidebar ul li ul.archives {
 list-style: disc;
 margin: 1em 0 1em 2em;
 padding: 0;
}

#page-sidebar h3 {
 margin: 0 0 0 0;
}

#page-sidebar h3 a {
 display: block;
 color: #047ca1;
 background: #d2e9f0;
 padding: .5em 1em;
 text-align: center;
 text-decoration: none;
 font: 24px Georgia,serif;
 letter-spacing: -.0625em;
 border-top: 1px solid #6bb2c8;
 border-bottom: 1px solid #6bb2c8;
}

#page-sidebar h3 a:hover {
 background: #b9e0ec;
 text-decoration: underline;
}

#page-sidebar a img {
 border: 1px solid #ccc;
 padding: .25em;
}

#page-content #jjway-top ul {
 list-style: none;
 margin: 1.5em 4em 3em;
 padding: 0;
 text-align: center;
}

#page-content #jjway-top ul li {
 font-size: 1.75em;
 line-height: 1.15em;
 margin: .5em 0;
 padding: .4em 1em;
 background: #f8f8f8 url(images/discover_bg.gif) bottom left repeat-x;
 color: #434343;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

#page-content .questions h2 { clear: left; }

#page-content .questions ol {
 margin: 1em 280px 1em 1em;
 line-height: 1.25em;
}

#page-content .questions ol li {
 margin: 0 0 1em 0;
}

#page-content .buynow {
 color: #f7f7f7;
 background: #3a8640;
 padding: .3em;
 text-align: center;
 font: 30px Georgia,serif;
 letter-spacing: -.033em;
}

#DVD .buynow { clear: right; }

#contact-form  label {
 float: left; clear: left; width: 144px; display: block;
 font-weight: bold;
 cursor: pointer;
}

#contact-form blockquote label { float: none; display: inline; font-weight: normal; }

#page-content #progym {
 height: 130px;
 margin: 1em 0 2em 0;
 padding: 0;
 overflow: hidden;
 position: relative;
 background: url(images/progym.gif) center top no-repeat;
 text-indent: -9999px;
 border: none;
}

#progym span {
 font: bold .93em Arial,sans-serif;
 position: absolute;
 bottom: 1em;
 right: 6.75em;
 text-indent: 0;
 letter-spacing: -.025em;
 text-transform: uppercase;
 color: #222;
}

.pdflink { text-align: center; clear: right; }

.pdflink a {
 display: block;
 padding: 2em 2em 2em 100px;
 font-weight: bold;
 color: #CC0000;
 background: url(images/pdf-icon.gif) 100px top no-repeat;
}

#page-content h3.about { font-size:1.75em; font-family: Georgia,serif; font-weight: normal; padding: .75em 1em; margin: .25em 0 0 .5em; background: #057DA2; color: #f7f7f7; line-height: 1.15em; letter-spacing: -.04em; text-align: center; font-style: italic; }

/*
#page-content ul.about { list-style: none; margin: 0 0 2em; padding: 0; font-family: Georgia,serif; }
#page-content ul.about li { padding: 1em; margin: .5em 0 0 .5em; font-size:1.5em; background: #057DA2; color: #f7f7f7; line-height: 1.15em; letter-spacing: -.04em; text-align: center; font-style: italic; }
#page-content ul.about li a { color: #f7f7f7; }
*/

#page-content #subnav {
 font-size: 1em;
 height: 3.5em;
 overflow: hidden;
 margin: 0 0 0 1em;
}

#page-content #subnav p { margin: 0; padding: .5em; float: left; }

#page-content #subnav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#page-content #subnav ul li {
 float: left;
 margin: 0 .5em 0 0;
 padding: 0;
}
#page-content #subnav ul li a { display: block; padding: .5em .75em; text-decoration:none; margin: 0; }
#page-content #subnav ul li a:hover,#subnav ul li a.active { color: #f7f7f7; background: #009aca; }


#sweat { list-style: none; font-family: Georgia,serif; font-size: 1.5em; line-height: 2em;}
#sweat li strong { color: #057DA2; display: block; clear: left; float: left; padding: 0; font-size: 2em; }

#sweat li:hover { background: #f0f0f0; }

#page-content h2.buynow strong { display: block; }

/* Training Page */
body #page div.training h2 { margin-top: 1em; cursor: pointer; }
#page-content #progym-classes ul { list-style: none; margin: -1em 0 0 2em; padding: 0; color: #f7f7f7; height: 1.5em; }
#page-content #progym-classes ul li { float: left; margin: 0 0 0 .2em; padding: 0; }
#page-content #progym-classes ul li a { display: block; padding: .5em; color: #3a8640; }



/* BLOG */
#page-sidebar ul li.blogsearch { position: absolute; top: 0; right: 0; }
#page-sidebar ul li.blogsearch form { margin: 0; padding: 1em; font-size: .75em; color: #f7f7f7; background: #057CA1;  }
#page-sidebar ul li.blogsearch form p { margin: 0; padding: 0; }
#page-sidebar ul li.blogsearch form p label { display: block; font-size: 1.75em; font-family: Georgia,serif; letter-spacing: -.05em; }
#page-sidebar ul li.blogsearch form input { color:#666; font-size: 1.25em; font-family: Georgia,serif; vertical-align: middle; border: 1px solid; padding: .2em; width: 200px; }
#page-sidebar ul li.blogsearch form #blogsearchbtn { display: none; }

#page-sidebar ul li.blogads {
 font-family: Georgia,serif;
 color: #3a8640;
 border-top: 6px solid;
 border-bottom: 6px solid;
 font-size: .8125em;
 padding: 1em 0;
}

#page-sidebar ul li.blogads h3 {
 font-family: Georgia,sans-serif;
 font-size: 3em;
 text-align: center;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: -.05em;
 margin: 0;
 padding: 0;
}

#page-sidebar ul li.blogads p {
 margin: 0;
 padding: 0 1em;
 text-align: center;
 line-height: 1.5em;
}

#page-sidebar #rss {
 border: none;
 background: url(images/rss_icon.gif) top center no-repeat;
 height: 150px;
 overflow: hidden;
 padding: 0;
}

#page-sidebar #rss a, #page-sidebar #rss a:hover {
 display: block;
 padding: 150px 0 0;
 border: none;
 background: transparent;
}


#page-content .post {

}

#page-content .postmeta {
 font-size: .875em;
 color: #666;
 border: 1px solid #ccc;
 text-align: center;
 margin: 0 1.3em 2em;
 padding: .5em;
 background: #e7e7e7;
}

#page-content .postmeta p { margin: 0 1em; padding: 0; }

div.navigation { font-size: 1.25em; margin: 0 1em; }
div.navigation div a { font-weight: bold; }
div.navigation div em { font-size: .75em; }

div.navigation div.left { float: left; }

ul.archiveslist { font-size: 1em; margin: 1em 0 0 2.5em; padding: 0; }
ul.archiveslist li h3 { font-weight: normal; font-family: Georgia,serif; margin: 0; }

#searchform label {
 display: none;
}

#searchform #s {
 font-size: 1.5em;
 color: #666;
 font-family: Georgia,serif;
 width: 420px;
}

#searchform input { font-size: 1.5em; }

#comments {
 clear: left;
 padding: 1em 0 0;
}

#comments form {
 border: 1px solid #ccc;
 margin: 0 0 0 1.5em;
 padding: 1em;
 background: #e7e7e7;
}

#comments form input { font-family: Georgia,serif; color:#666; }

#comments textarea {
 font-family: Georgia,serif;
 width: 400px;
 color:#666;
}

#page-content h2#blogheader {
 background: url(images/blog_header.gif) top left no-repeat;
 height: 149px;
 overflow: hidden;
 border: none;
}

#page-content .post { line-height: 1.33em; }

#blogheader span {
 display: block;
 font-size: .75em;
 color: #f7f7f7;
 padding: 60px 0 0 160px;
 font-style: italic;
}

#comments .commentlist {
 list-style: none;
 margin: 0 0 0 1em;
 padding: 0;
}

#comments .commentlist li {
 clear: left;
 padding: 1em;
}

#comments .commentlist li p { margin: 0 0 1em; }

#comments .commentlist li { background: #d3e5ea; }
#comments .commentlist li.alt { background: #f7f7f7; }

#comments .commentlist li span.author { color: #057CA1; font-weight: bold; float: left; display: block; margin: 0 .5em 0 0; }

#comments .commentlist li p.commentmeta {
 border-top: 1px dotted #7eb9cc;
 color: #666;
 font-size: .8125em;
 text-align: right;
 font-style: italic;
}

#comments h3 { background: #057ca1; color: #f7f7f7; margin: 1em 0 1em 1em; padding: 1em; font-family: Georgia,serif; }