/* MAIN CSS Document */

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

html, body { margin:0px; padding:0px; } 
body {
	
	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:none;}
a:visited { color:#333333; }
a:hover { color:#333333; }
a:active { color:#333333; }

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

/* removed container statement for print as prevented IE printing more than page 1 and earlier width=956px required Shrink to Fit to dprint OK*/
#mainContent { clear: both; float: left; margin: 0 0 0px 0; padding: 0px 0 0 0;   }
#mainContentHome { clear: both; float: left; margin: 0 0 0px 0; padding: 0px 0 0 0;  }
#header { background: url(../images/headerClouds01.gif); float:left; display:block; height:55px; } 

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

#nav { display:none; float: right; list-style: none; margin: 0; padding: 0; width: 746px; }
#nav ul { background: #000000; display:block; padding:0px; margin:0px; }
#nav li { float: left; font-size: 11px; margin: 0; padding: 0 0 0 5px; }
#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: #433433 url(../images/tabs_01.gif); }
#nav li.one a:hover { background: #433433 url(../images/tabsRoll_01.gif); }

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

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

.titleBlock img { display:none; float:left; }
.titlePrint img  { 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 {  float:left; background: #ffffff; padding:0px 0px 0px 20px; } 
.leftColumn h3 { padding:0px 80px 0px 0px; } 


.leftColumn {  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 containiong the Carbon Worlout iframe */
.leftColumnWorkout { 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; } 
.rightColumn { display:none; width:327px; float:right;  margin:0px;  } 
.rightText { display:none; padding:0px 35px 0px 25px; } 
.rightText p span { display:none; color:#96bf12; font-size:1.4em; font-weight:bold; }
.rightText h1 span { display:none; color:#96bf12; font-size:1.4em; font-weight:bold; }
.rightPix { display:none; padding:0px 35px 0px 25px; } 
.rightPix p { display:none; margin-bottom: 0px; margin-top:0px; padding-right:5px; line-height:14px; padding-bottom:10px; font-size: 10px; text-align: center; }
.rightPix img {  display:none; padding:10px 0px 20px 20px;  text-align: center; }

.mainPanel { padding:2px 50px 0px 20px; }
.mainPanel p { margin-bottom:0px; margin-top:0px; padding-right:60px; line-height:14px; }
.mainPanel ul { width:500px; padding:0px 0px 10px 20px; margin: 10px 0px 0px 10px; color:#00425e; font-weight:normal; } 
.mainPanel img { padding:10px 0px 20px 20px; margin:-5px 0px 0px 30px; float:right; display:block; }

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

.topImage { display:none; }

.mainPanelWrapper img {  }
.mainPanelWrapper { padding-top:20px;}

.selectionBlock img { display:none; }
.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 {  padding:0px 40px 20px 10px; }
#mainContentBaseHome01 { display:none; float:left; display:block; text-align:left; width:934px; background-color:#fff; padding:0px 0px 0px 22px; margin:0px;   }
#mainContentBaseHome02 { display:none; background-color:#fff; float:left; display:block; text-align:left; width:934px; padding:0px 0px 0px 22px; margin:0px;   }

#mainContentBaseHome02 img { display:none; }
#mainContentBaseHome01 { padding-top:40px; }
.selectionBlock a { text-decoration:none;  }

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


.footerPrint { padding:0px 0px 0px 0px; }
.footerPrint p { margin-bottom:0px; margin-top:0px; padding-right:0px; }
.footerPrint h3 { font-size:1.2em; font-weight:bold; }

#footer01 { display:none; }
#footer01Home { display:none; clear: both; margin: 0; padding: 0px 0 0 0; position: relative; }
.footer01Wrapper { display:none; margin: 0 auto; padding: 0; position: relative; width: 956px; }
.textOnlyWrapper { display:none; float: left; margin: 0; color:#7a5a46; width:956px; height:206px; }
.textOnly { height:178px; text-align:center; clear: both; padding:28px 0px 0px 790px; }
.textOnlyHome {  height:178px; text-align:center; clear: both; padding:28px 0px 0px 790px; }

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

.footerWrapper { display:none; margin: 0 auto; padding: 0; position: relative; width: 956px;  }
.footerWrapperPartners { display:none; margin: 0 auto; padding: 0; position: relative; width: 956px;  }
#footerPartners {float: left; margin: 0; color:#7a5a46; height:420px; }
#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:300px; 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; }