/* MAIN CSS Document */

/* ======================================= Main Body ====================================== */

html, body { margin:0px; padding:0px; } 
body {
	background: #dbf4f9 url(../images/backMain.gif) repeat-y 50% 0;
	background-attachment:fixed;
	font-size:62.5%; /* ========================= 10 pixels = 1em */
	color: #565656;
	margin: 0;
	padding: 0; 
}
body, td, div, span  {
	font-family: Verdana, Helvetica, sans-serif;
	color:#666666;
}

h1 { color:#00425e; font-size:2.3em; font-weight:bold; padding:0px 0px 0px 0px; letter-spacing:-1px; }
h1 span { color:#96bf12; font-size:2.2em; font-weight:bold; }
h2 { color:#96bf12; font-size:1.9em; margin-top:0px;  }
h3 { color:#00425e; font-size:1.4em; margin-top:-14px; }
h4 { font-size:1.2em; padding:0px; margin:0px; }
h5 { font-size:1.2em; padding:0px; margin:0px; }


/* links should be in this order */
a img { border: none; }
a:link { color:#666666; text-decoration:underline;}
a:visited { color:#333333; }
a:hover { color:#333333; }
a:active { color:#333333; }

ul { padding:0px; margin:0px; }
img { margin:0px; padding:0px; }

#container { margin: 0 auto; padding: 0; position: relative; width: 956px; background-color:#fff; }
#mainContent { clear: both; float: left; margin: 0 0 0px 0; padding: 0px 0 0 0; background: #fff url(../images/mainPanelMiddle.gif) repeat-y 20px;  }
#mainContentHome { clear: both; float: left; margin: 0 0 0px 0; padding: 0px 0 0 0; background: #fff url(../images/homeFade.gif) repeat-y ;  }
#header { background: url(../images/headerClouds01.gif); float:left; display:block; height:55px; } 

#homeBtn { display:block; float:left;}
#homeBtn a { display:block; width:61px; height:32px; background: url(../images/btnHome.gif); float:left; }
#homeBtn a:hover { display:block; width:61px; height:32px; background: url(../images/btnHomeRoll.gif); float:left; }

#nav { float: right; list-style: none; margin: 0; padding: 0; width: 746px; padding-left:149px; }
#nav ul { background: #000000; display:block; padding:0px; margin:0px; }
#nav li { float: left; font-size: 11px; margin: 0; padding: 0 0 0 4px; }
#nav li a { display:block; height:39px;  }
#nav li a:hover { background: #433433 url(../images/search_bkg.jpg) repeat-x 0% 0%; text-decoration: none;  }

#nav li.one a { width: 219px; background: url(../images/tabs_01.gif); }
#nav li.one a:hover { background: url(../images/tabsRoll_01.gif); }

#nav li.two a { width: 287px; background: url(../images/tabs_02.gif); }
#nav li.two a:hover { background: url(../images/tabsRoll_02.gif); }

#nav li.three a { width: 225px; background: url(../images/tabs_03.gif); }
#nav li.three a:hover { background: url(../images/tabsRoll_03.gif); }

.titleBlock img { float:left; }
.titlePrint img  { display:none; float:left; }

.rule { border:1px solid #ff3300; margin:20px 0px 20px 0px;  }

hr {
border: 0;
color: #ebf2f6;
background-color: #ebf2f6;
height: 1px;
width: 100%;
text-align: left;
margin:20px 0px 20px 0px;
}

.leftColumn { width:609px; float:left; background: #ffffff url(../images/headerClouds03.gif) no-repeat; padding:0px 0px 0px 20px; } 
.leftColumn h3 { padding:0px 80px 0px 0px; } 
/* leftColumnWorkout only used for section containing the Carbon Workout iframe */
.leftColumnWorkout { width:609px; float:left; padding:0px 0px 0px 20px; } 
.leftColumnWorkout h2 { padding:0px 50px 0px 20px; } 
.leftColumnWorkout h3 { padding:0px 50px 0px 20px; } 
.leftColumnWorkout p { padding:0px 50px 0px 20px; } 
/* leftColumnTool and leftColumnBelowTool only used for section containing the Carbon Tool iframe */
/* Note that the iframe space needs to be 936px wide same as the footer block, to avoid causing a gap in the image above */
.leftColumnTool { width:936px; float:left; padding:0px 0px 0px 20px; } 
.leftColumnTool h2 { padding:0px 50px 0px 20px; } 
.leftColumnTool h3 { padding:0px 50px 0px 20px; } 
.leftColumnTool p { padding:0px 50px 0px 20px; } 
.leftColumnBelowTool { width:609px; float:left; background: #ffffff; padding:0px 0px 20px 20px; } 
.rightColumn { width:327px; float:right;  margin:0px;  } 
.rightText { padding:0px 35px 0px 25px; } 
.rightText p span { color:#96bf12; font-size:1.4em; font-weight:bold; }
.rightText h1 span { color:#96bf12; font-size:1.4em; font-weight:bold; }
.rightPix { padding:0px 35px 0px 25px; } 
.rightPix p { margin-bottom: 0px; margin-top:0px; padding-right:5px; line-height:14px; padding-bottom:10px; font-size: 10px; text-align: center; }
.rightPix img {  padding:10px 0px 20px 20px;  text-align: center; }

.mainPanel { background: url(../images/mainPanelMiddle.gif) repeat-y; width:536px; padding:2px 50px 10px 20px; }
.mainPanel p { margin-bottom:0px; margin-top:0px; padding-right:20px; line-height:14px; padding-bottom:10px; }
/* .mainPanel ul { width:200px; padding:10px 0px 20px 20px; margin:-5px 0px 0px 30px; float:right; display:block; color:#00425e; font-weight:bold; } */
.mainPanel ul { width:500px; padding:0px 0px 10px 20px; margin: 10px 0px 0px 10px; color:#00425e; font-weight:normal; } 
.mainPanel img { padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; float:right; display:block; }

#mainContentBase { float:left; display:block; text-align:left; width:936px; background-color:#fff; padding:0px 0px 0px 20px; margin:0px;   }
div#mainContentBase  img { clear:both; }

.selectionBlock { width:308px; float:left;  }
.selectionBlock h1 { padding:0px 0px 16px 0px; margin:0px; font-size:2.0em; line-height:26px; }
.selectionBlock h1 span { font-size:1.8em; }
.selectionBlock h3 { padding:0px 0px 12px 0px; margin:0px;  }
.selectionBlock .text p { padding-bottom:2px; margin:0px;  }
.selectionBlock .text { background: url(../images/homeSelection_middle.gif); padding:0px 40px 20px 10px; }
#mainContentBaseHome01 { background: #000 url(../images/backSelections.gif); float:left; display:block; text-align:left; width:934px; background-color:#fff; padding:0px 0px 0px 22px; margin:0px;   }
#mainContentBaseHome02 { background-color:#fff; float:left; display:block; text-align:left; width:934px; padding:0px 0px 0px 22px; margin:0px;   }

.selectionBlock a { text-decoration:none;  }

/* ======================================= Footer ====================================== */

.footerPrint { display:none; padding:2px 50px 0px 20px; }
.footerPrint p { display:none; margin-bottom:0px; margin-top:0px; padding-right:60px; line-height:14px; }
.footerPrint h3 { display:none; font-size:1.2em; font-weight:bold; }

#footer01 { background: #dbf4f9 url(../images/backPeople02.gif) repeat-y 50% 0%; clear: both; margin: 0; padding: 0px 0 0 0; position: relative; }
#footer01Home { background: #dbf4f9 url(../images/backPeople01.gif) repeat-y 50% 0%; clear: both; margin: 0; padding: 0px 0 0 0; position: relative; }
.footer01Wrapper { margin: 0 auto; padding: 0; position: relative; width: 956px; }
.textOnlyWrapper {float: left; margin: 0; color:#7a5a46; width:956px; height:206px; }
.textOnly { background: #dbf4f9 url(../images/footerPeople02.gif) repeat-y 0% 0%; height:178px; text-align:center; clear: both; padding:28px 0px 0px 790px; }
.textOnlyHome { background: #dbf4f9 url(../images/footerPeople01.gif) repeat-y 0% 0%; height:178px; text-align:center; clear: both; padding:28px 0px 0px 790px; }

#footer02 { background: #dbf4f9 url(../images/backGrass.gif) repeat-x 50% 0%; clear: both; height:82px; text-align:center; }
#footer03 { background: #000000 url(../images/earth.gif) repeat-x 0% 0%; clear: both; margin: 0; padding: 25px 0 0 0; position: relative; }

.footerWrapper { margin: 0 auto; padding: 0; position: relative; width: 956px;  }
.footerWrapperPartners { margin: 0 auto; padding: 0; position: relative; width: 956px;  }
#footerPartners {float: left; margin: 0; color:#7a5a46; height:480px; }
#footerPartners div { margin:0; color:#7a5a46; display:block; padding:0px;  }
#footerPartners div.col01 { width:200px; float: left; }
#footerPartners div.col02 { width:180px; float: left; }
#footerPartners div.col03 { float: left;  }
#footerPartners h4 { margin: 0px; padding: 0px; color:#bc8c66; font-size:1.4em; height:10px;  }
#footerPartners ul { margin: 0; overflow: hidden; padding: 0; width:606px; }
#footerPartners p { padding:0px 160px 20px 0px; font-size:0.9em; }
#footerPartners ul {   }
#footerPartners ul .top  { background: #000000 url(../images/bottomLozenge_01.gif); height:28px;  }
#footerPartners ul .middle  { background: #000000 url(../images/bottomLozenge_02.gif); height:360px; padding:0px 20px 0px 20px; }
#footerPartners ul .bottom  { background: #000000 url(../images/bottomLozenge_03.gif); height:28px;  margin-bottom:30px; }
#footerPartners .partners { background: #000000 url(../images/bottomLozenge_02.gif) repeat-x 0% 0%; }
#footerCall { float: left; margin: 0 0 0 35px; padding: 0; width: 225px; font-size:1.2em; font-size:0.9em; color:#bc8c66; }
#footerCall a { color:#bc8c66; }
#footerCall a:hover { color:#bc8c66; }
#footerCall p.title { margin:0px; padding:15px 0px 5px 0px; font-weight:bold; color:#bc8c66; }
#footerCall p { margin:0px; padding:0px; color:#957862;  }

.clear { clear: both; margin: 0; padding: 0; }