/* ---------- Shared ---------- */

body {
margin: 0px;
padding: 0px;
text-align: center;
background: #ADDFFA;
font: 13px Arial, Helvetica, sans-serif;
}

#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}

#header {
margin: 0px;
padding: 0px;
height: 57px;
background: url('../images/spiralHeader.gif') no-repeat;
}

#content {
margin: 0px;
padding: 1px 50px;
background: url('../images/contentBg.gif') repeat-y;
}

#footer {
clear: both;
margin: 0px;
height: 75px;
padding-top: 1px;
background: url('../images/footer.gif') no-repeat;
}

html {
overflow-y: scroll;
}

.clearBoth {
clear: both;
width: 100%;
}

.clearRight {
clear: right;
}

.main { float: left; width: 600px; }

.sideArea { float: right; width: 170px; }

/* Text */

p,
li {
margin: 0px;
color: #333333;
text-align: left;
line-height: 17px;
}

p.small {
font-size: 11px;
line-height: 13px;
}

p.center {
text-align: center;
}
	
p.foot {
color: #FFFFFF;
font-size: 11px;
margin-top: 30px;
text-align: center;
}

.disc,
.faqDisc {
color: #666666;
font-size: 10px;
}

.bold {
font-weight: bolder;
}

.italic {
font-style: italic;
}

/* Links */

a {
color: #1C9AD6;
text-decoration: underline;
outline: none;
}

a:hover {
color: #1C9AD6;
}

a:active {
color: #1C9AD6;
}

a:visited {
color: #1C9AD6;
}

a.pink {
color: #FF604F;
}

a.pink:hover {
color: #FF604F;
}

a.pink:active {
color: #FF604F;
}

a.pink:visited {
color: #FF604F;
}

/* Images */

img {
margin: 0px;
border-style: none;
text-decoration: none;
}

#titleBar {
margin-top: 6px;
text-align: center;
}	

#brandLogos {
margin-top: 8px;
text-align: center;
}


/* ---------- Navigation ---------- */

#navi {
margin: 0px;
padding: 0px;
}

#navi #naviAbove,
#navi #naviBelow {
height: 16px;
width: 900px;
background-image: url('../images/navi/naviAbove.gif');
background-position: top left;
background-repeat: no-repeat;
}

#navi #naviBelow {
height: 24px;
background-position: bottom left;
background-image: url('../images/navi/naviBelow.gif');
}

#navi ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#navi ul li a {
border: 0px;
margin: 0px;
padding: 0px;
display: block;
text-decoration: none;
}

#navi ul li a span {
display: none;
}

#navi ul li#homeLink,
#navi ul li#kitsLink,
#navi ul li#shopLink,
#navi ul li#faqLink,
#navi ul li#aboutLink,
#navi ul li#contactLink,
#navi ul li#blogLink {
float: left;
height: 33px;
width:122px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
background-position: top left;
background-repeat: no-repeat;
}

#navi ul li#homeLink a,
#navi ul li#kitsLink a,
#navi ul li#shopLink a,
#navi ul li#faqLink a,
#navi ul li#aboutLink a,
#navi ul li#contactLink a,
#navi ul li#blogLink a {
display: block;
width: 122px;
height: 33px;
}

#navi img#naviRight,
#navi img#naviLeft {
float: left;
width: 23px;
height: 33px;
}

/* Home Link */

#navi ul li#homeLink {
width: 89px;
}

#navi ul li#homeLink a {
width: 89px;
background-position: 100% 100%;
background-image: url('../images/navi/naviHome.gif');
}

#navi ul li#homeLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#home #navi ul li#homeLink a {
background-image: url('../images/navi/naviHome_select.gif');
}

/* About Link */

#navi ul li#aboutLink a {
background-position: 100% 100%;
background-image: url('../images/navi/naviAbout.gif');
}

#navi ul li#aboutLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#about #navi ul li#aboutLink a {
background-image: url('../images/navi/naviAbout_select.gif');
}

/* Blog Link */

#navi ul li#blogLink a {
background-position: 100% 100%;
background-image: url('../images/navi/naviBlog.gif');
}

#navi ul li#blogLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

/* Shop Link */

#navi ul li#shopLink a {
background-position: 100% 100%;
background-image: url('../images/navi/naviShop.gif');
}

#navi ul li#shopLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#shop #navi ul li#shopLink a {
background-image: url('../images/navi/naviShop_select.gif');
}

/* Kits Link */

#navi ul li#kitsLink {
width: 155px;
}

#navi ul li#kitsLink a {
width: 155px;
background-position: 100% 100%;
background-image: url('../images/navi/naviKits.gif');
}

#navi ul li#kitsLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#kits #navi ul li#kitsLink a {
width: 155px;
background-image: url('../images/navi/naviKits_select.gif');
}

/* Faq Link */

#navi ul li#faqLink a {
background-position: 100% 100%;
background-image: url('../images/navi/naviFaq.gif');
}

#navi ul li#faqLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#faq #navi ul li#faqLink a {
background-image: url('../images/navi/naviFaq_select.gif');
}

/* Contact Link */

#navi ul li#contactLink a {
background-position: 100% 100%;
background-image: url('../images/navi/naviContact.gif');
}

#navi ul li#contactLink a:hover {
cursor: pointer;
background-position: 0% 0%;
}

body#contact #navi ul li#contactLink a {
background-image: url('../images/navi/naviContact_select.gif');
}





/* ---------- Home ---------- */

body#home #content {
padding-bottom: 14px;
}

#bulletinBoard {
margin-top: 5px;
text-align: center;
}

#newsContainer ul,
#randomThoughtContainer p,
#greenFactContainer p {
width: 760px;
height: auto;
margin: 0px auto;
border: 1px solid;
padding: 15px 20px;
}

#newsTitle,
#randomTitle,
#greenTitle {
margin: 0px;
padding: 0px;
width: 802px;
height: 57px;
}

#newsTitle span,
#randomTitle span,
#greenTitle span {
display: none;
}

/* News Container */

#newsTitle {
background: url('../images/newsEvents.gif') no-repeat;
}

#newsContainer {
margin-top: 12px;
}

#newsContainer ul {
border-color: #F9AA8F;
}

#newsContainer li {
margin: 11px 0px 0px 20px;
}

#newsContainer li#first {
margin-top: 0px;
}

/* Random/Green Containers */

#randomTitle {
background: url('../images/randomThought.gif') no-repeat;
}

#greenTitle {
background: url('../images/greenFact.gif') no-repeat;
}

#randomThoughtContainer,
#greenFactContainer {
margin-top: 10px;
}

#randomThoughtContainer p {
border-color: #93D7F9;	
}

#greenFactContainer p {
border-color: #94CC79;
}





/* ---------- About Us ---------- */

#bulletinBoardAbout {
margin-top: 4px;
text-align: center;
}

#aboutUs {
margin: 24px 0px 8px 0px;
padding: 0px 5px 0px 5px;
}





/* ---------- Shop ---------- */

body#shop #content {
padding-bottom: 16px;
}

/* Left Column */

#shopColumnL {
width: 340px;
float: left;
margin: 20px 14px 0px 0px;
text-align: center;
}

.shopHeading,
.shopHeadingSm {
font-size: 13px;
font-weight: bold;
text-align: center;
margin-bottom: 13px;
}

.shopHeadingSm {
font-size: 11px;
}

#shopForm {
margin-bottom: 15px;
}

#shopFormTable {
border: 0px;
margin: 0px auto;
}

.inputField {
width: 180px;
}

label {
color: #333333;
}

td {
text-align: left;
}

#underForm {
padding: 0px 25px;
}

.shopDivider {
margin-top: 8px;
margin-bottom: 8px;
border-top: 1px dashed #333333;
}

#newAccount {
padding-top: 10px;
}

#formatIcons a {
margin: 0px 6px;
}

#dlReader {
margin-top: 20px;
text-align: center;
}

/* Right Column */

#shopColumnR {
width: 428px;
float: left;
margin-top: 20px;
background-color: #FFFFFF;
}

#catalogsBg {
width: 429px;
height: 537px;
padding: 0px 0px 0px 24px;
background: url('../images/bulletinBg.jpg') no-repeat;
}

#catalogs {
padding-top: 68px;
}

.catalogButton {
float: left;
display: inline;
margin: 12px 0px 0px 12px;
}

.catalogInfo {
width: 100px;
padding: 5px;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #f7ED76;
}





/* ---------- Kits ---------- */

/* Columns */

#kitsColumnL,
#kitsColumnR {
float: left;
width: 400px;
margin-top: 20px;
}

#kitsColumnR {
float: right;
}

/* Images */

#elemSupplies,
#daySupplies,
#jhSupplies,
#specSupplies {
margin-top: 7px;
text-align: center;
}

#daySupplies,
#specSupplies {
margin-top: 22px;
}





/* ---------- FAQ ---------- */

body#faq #content {
padding-bottom: 14px;
}

.faqQ,
#faqQtop,
.faqA,
#faqAbottom {
width: 760px;
margin-top: 23px;
padding: 12px 20px;
background-color: #FDE4B0;
border: 1px solid #E6B240;
}

.faqA,
#faqAbottom {
margin-top: 0px;
padding: 15px 20px;
background-color: #FFFFFF;
border-width: 0px 1px 1px 1px;
}

#faqQtop {
margin-top: 20px;
}

.faqDisc {
margin-top: 5px;
}





/* ---------- Contact ---------- */

body#contact #content {
padding-top: 10px;
padding-bottom: 14px;
}

/* Contact Info Form */

.leftcolContact {
float: left;
width: 505px;
padding-left: 8px;
}

#contactFieldset {
margin: 0px;
padding: 0px 15px 15px 15px;
border: 1px solid #00459A;
}

#contactLegend {
color: #00459A;
}

.formRow {
margin-top: 5px;
}

#firstName {
margin-top: 15px;
}

.formRow label {
float: left;
display: block;
width: 100px;
text-align: right;
}

.formRow .field {
display: block;
float: left;
min-height: 33px;
margin-left: 15px;
}

#requiredInfo,
.submit {
margin: 15px 0px 0px 115px;
}

.submit {
margin-bottom: 5px;
}

.feedback {
margin-bottom: 10px;
}

.goodFeedback,
.badFeedback {
font-size: 14px;
font-weight: bold;
text-align: center;
color: #72B651;
}

.required,
.badFeedback {
color: #E15B45;
}

/* Contact Info Box */

.rightcolContact {
float: right;
width: 245px;
padding-right: 8px;
}

#contactInfoBox {
border: 1px solid #00459A;
}

#contactInfoBox p {
padding: 10px 20px 0px 20px;
}

#contactOptions {
margin: 15px 0px 20px 0px;
text-align: center;
}

#twitter,
#youtube,
#flickr {
margin: 15px 0px 0px 0px;
}

#flickr {
margin-bottom: 20px;
}

.dashedDivider {
width: 245px;
border-top: 1px dashed #00459A;
}

/* Newsletter */

#newsletter {
width: 160px;
margin: 21px auto 0px auto;
text-align: center;
}

#newsletterIcon {
background-color: #1C9AD6;
margin-right: 4px;
}

#newsletterTitle {
font-family: Franklin Gothic Medium;
font-size: 16px;
font-weight: bold;
line-height: 19px;
color: #1C9AD6;
}

#newsletterForm {
margin-top: 5px;
}

#newsletterInput {
width: 140px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#newsletterSubmit {
margin: 10px 0px 3px 0px;
}