/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #e79332;
	font-weight: normal;}
h1 {font-size: 18px;}
h2 {font-size: 15px;}
h3, h4, h5, h6, h7 {
	color: #000000;
	font-size: 12px;}

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


ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
li {
	padding: 3px 30px 3px 15px;
	background: url(/Common/Img/bullet.gif) no-repeat 0px 7px;}
li a {
	text-decoration: none;
	padding: 3px 0px 3px 0px;}
li a:hover {text-decoration: underline;}

p {padding-bottom: 15px;}

.clear{
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;}


/* ====================== layout & columns ========================*/
#siteContainer {
	width: 760px;
	margin: 0px auto;}
#main {
	width: 760px;
	text-align: left;
	background-color: #ffffff;
	border: 5px solid #ffffff;}
#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determine the width */
	/*LM must come after RM in the structure of the HTML*/
	margin-right: 530px;
	border-right: 5px solid #ffffff;}
#rightMaster {
	/*width cannot exceed the value of margin-right in "leftmaster", but it can be smaller if a blank margin is desired between LM & RM*/
	float: right;	
	width: 530px;}

#rightMasterCol1 {
	float: left;
	width: 365px;}
#rightMasterCol2 {
	margin-left: 370px;}
	
#contentArea {
	padding: 10px 10px 30px 10px;}
	
#pageTitle h1 {color: #000000;}
	
#miniPromos {
	float: left;
	height: 251px;
	display: block;
	width: 222px;
	height: 395px;
	position: relative;}

#miniPromo1, #miniPromo2 {
	display: block;
	width: 110px;
	position: absolute;
	z-index: 100;
	top: 30px;
	right: 100px;}
#miniPromo2 {
	top: 230px;
	right: 15px;}
#miniPromo1 a, #miniPromo2 a {
	color: #e79332;
	font-size: 15px;
	text-decoration: none;}
#miniPromo1 a:hover, #miniPromo2 a:hover {text-decoration: underline;}


.categoryPage {
	background: url(../Img/bgCategory.gif) repeat-x;}
.detailPage  {
	background: url(../Img/bgDetail.gif) repeat-x;}
.userPage  {
	background: url(../Img/bgUser.gif) repeat-x;}
.homePage {
	background: url(../Img/bgHome.gif) repeat-x;}
	
	
/* ====================== Rotator ====================== */
#mainBnr {
	display: block;
	width: 530px;}
#bnrContainer {
	position: relative;}
.rotatorPromo{
	position:relative;
	height:255px;}
.rotatorPromo img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;}
.rotatorPromoText {
	position:absolute;
	top:20px;
	left:20px;
	z-index:2;}

.rotatorPromo h1, .rotatorPromo h1 a {
	color: #000000;
	font-size: 24px;
	z-index:2;}
.rotatorPromo h2, .rotatorPromo h2 a {
	color: #ffffff;
	padding-bottom: 8px;
	z-index:3;}	

#navBnr {
	width: 533px;}
.navBnrText{
	margin:4px 6px 6px 6px;}
.keyFloat{
	padding:0px 0px 6px 0px;
	display:block;}
.currentAnchor .keyFloat{
	color:#FFF;}

.key1 a, .key2 a, .key3 a {
	color: #000000;}
.key1, .key2, .key3 {
	float:left;
	width: 174px;
	height: 137px;
	margin: 0px 4px 0px 0px;}
.key3{
	margin:0px;}

.key1 {background: url(/common/Img/dietNutrition.gif) no-repeat 0px 0px;}
.key2 {background: url(/common/Img/cognitiveStimulation.gif) no-repeat 0px 0px;}
.key3 {background: url(/common/Img/physicalFitness.gif) no-repeat 0px 0px;}
	
.currentAnchor .key1, .currentAnchor .key2, .currentAnchor .key3 {
	background-position: -200px 0px;}


/* ====================== Header & Footer ====================== */
#headerContainer {
	margin-left: 5px;
	background-color: #d8d9da;}
#header {
	width: 760px;
	height: 89px;
	text-align: left;
	position: relative;}
	
#logoContainer {padding: 5px 35px;}
#printLogo {
	display: none;
	visibility: hidden;}

#footerContainer {padding-left: 235px;}
#footer {}
#footerNav {
	padding-bottom: 5px;
	border-bottom: 2px solid #d8d9da;}
#footerNav a {color: #e79332;}
#footerResources {
	padding-top: 10px;
	padding-bottom: 20px;}
#footerResources a {color: #bbbbbb;}
#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;}
#footer li {
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;
	padding: 0px 18px 0px 0px;}
	

/* ====================== Menu ====================== */
#navContainer{
	width: 760px;
	height: 28px;
	position: relative;
	background-color: #000000;}
#navMenu {
	position: absolute;
	top: 3px;
	right: 0px;}
#navMenu a {
	text-decoration: none;}
#navMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;}
#navMenu li {
	float: left;
	padding: 3px 0px;
	background: none;}
#navMenu li a {
	color: #ffffff;
	padding: 3px 18px 3px 18px;
	background: url(/Common/Img/navDivider.gif) no-repeat center right;}
#navMenu li a:hover, #navMenu .CurrentCategory1 a {color: #e79332;}

#navMenu li.menuHome {background: url(/Common/Img/navDivider.gif) no-repeat center left;}

/* ====================== Left Navigation ======================*/
#leftNav {
	height: 680px;
	background: url(/Common/Img/sideBG.jpg) no-repeat;}
#leftNav ul{
	padding-top:55px;
	display:none;
	margin-bottom:10px;
	padding-bottom:10px;}
#leftNav ul ul{
	padding-top:0px;
	border-bottom:1px solid #cccccc;}
#leftNav .currentCategory,#leftNav .currentCategory ul{
	text-decoration: none;
	display: block;}
#leftNav li {background: none;}
#leftNav li a {
	font-size: 16px;
	padding: 0px;
	color: #e79332;
	text-decoration: none;}
#leftNav li li {
	margin: 0px;
	padding: 2px 2px 2px 0px;}
#leftNav li li a {
	display: block;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 2px 2px 20px;
	background: url(/Common/Img/bulletBlack.gif) no-repeat 0px 6px;}
#leftNav li li a:hover {
	color: #cccccc;
	background: url(/Common/Img/bulletGray.gif) no-repeat 0px 6px;}

#leftNav .currentPage a {
	color: #999999;
	background: url(/Common/Img/bulletDrkGray.gif) no-repeat 0px 6px;}
	
/* ====================== Display and hide second level menus ====================== */

#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul, #navMenu li li, #navMenu .menuAbout {
	display: none;} /* never display L2 menu items in Home Category */


/* ====================== Callouts ====================== */
#callouts {}
.callout {padding: 0px 5px 10px 5px;}
.calloutTitle {}
.calloutTitle h1 {font-size: 12px;}
.calloutBody {margin-bottom: 10px;}
.calloutBody p {
	font-size: 11px;}
.bold {font-weight: bold;}
.col1 {
	float: left;
	width: 65px;}
.col2 {margin-left: 70px;}

.userCallout {	float:right;
	margin: -20px -10px 0px 0px;}
.homeCallouts .callout {
	text-align: center;
	border-bottom: 1px solid #d9dbdf;}

/* ====================== Bread Crumbs====================== */
#dynamicBreadCrumbs {margin-bottom: 20px;}
#dynamicBreadCrumbs a, #dynamicBreadCrumbs{
	padding: 0px 0px 10px 5px;
	font-size: 11px;
	color: #888273;}
#dynamicBreadCrumbs a{
	padding-right: 5px;}
#dynamicBreadCrumbs li{
	display:inline;
	padding:0px;
	background: none;}
/* ====================== Search and Phone Number ====================== */

#searchContainer {
	width: 210px;
	position: absolute;
	z-index: 100;
	top: 5px;
	right: 0px;}
#searchContainer img{margin:0 0 0 0; padding:0;
position: absolute;
top: 2px;
right: 0px;
	}
#searchContainer {color: #ffffff;}
#phoneNumber {
	position: absolute;
	z-index: 100;
	top: 50px;
	right: 0px;}
#phoneNumber p {
	color: #adaeae;
	font-size: 36px;
	margin:0px;
	padding:0px;}
	
/* ====================== Overrides ====================== */
.homePage #leftMaster {background-color: #ffffff;}
.homePage #callouts {margin-top: 35px;}
.userPage #phoneNumber p {
	color: #eca95b;}
.userPage #headerContainer {background-color: #e79332;}
.userPage #bnrContainer h1 {
	color: #000000;
	font-size: 32px;}
.categoryPage #bnrContainer h1 {
	display: block;
	position: absolute;
	top: 120px;
	left: 10px;
	z-index: 100;
	color: #ffffff;
	font-size: 32px;}
.detailPage #bnrContainer h1 {
	display: block;
	position: absolute;
	top: 50px;
	left: 10px;
	z-index: 100;
	color: #ffffff;
	font-size: 32px;}
.userPage #bnrContainer {margin-bottom: 10px;}
.userPage #bnrContainer h1 {
	display: block;
	padding: 15px 5px 5px 5px;
	border: 2px solid #d8d9da;
	border-top:#fff;/*something goofy happens in IE 6 if borders are removed*/
	border-left:#fff;
	border-right:#fff;}