/***********************************************/
/* Use with template pages   Updated 30-12-2007       */
/***********************************************/
/* Add definitions to db tcssClasses table!       */
/***********************************************/


a{
	color: #999999;
	text-decoration: none;
		font-weight: bold;
}


a:visited{
	color: #999999;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

/***********************************************/
/* headline styles                               */
/***********************************************/
 
.headline1{
 font-family: Arial,sans-serif;
 font-size: 220%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.headline2{
 font-family: Arial,sans-serif;
 font-size: 170%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.headline3{
 font-family: Arial,sans-serif;
 font-size: 150%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.headline4{
 font-family: Arial,sans-serif;
 font-size: 130%;
 font-weight: normal;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.headline5{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/************** Start of text absolute name styles *****************************************************************/

/***********************************************/
/* submenu styles                               */
/***********************************************/
.submenu_blacknonbold{
	font-family: Arial,sans-serif;
 font-size: 80%;
 color: #000000;
}

.submenu_black{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #000000;
}

.submenu_aqua{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: aqua;
}

.submenu_blue{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: blue;
}

.submenu_fuchsia{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: fuchsia;
}

.submenu_gray{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: gray;
}

.submenu_green{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: green;
}

.submenu_lime{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: lime;
}

.submenu_maroon{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: maroon;
}

.submenu_navy{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: navy;
}

.submenu_olive{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: olive;
}

.submenu_purple{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: purple;
}

.submenu_red{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: "red";
}

.submenu_silver{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: silver;
}

.submenu_teal{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: teal;
}

/************** feature centered styles ***************/
/***********************************************/

.feature_centeredblack{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: #000000;
	text-align: center;
}

.feature_centeredblackbold{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.feature_centeredaqua{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: aqua;
	text-align: center;
}

.feature_centeredblue{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: blue;
	text-align: center;
}

.feature_centeredfuchsia{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: fuchsia;
	text-align: center;
}
.feature_centeredgray{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: gray;
	text-align: center;
}

.feature_centeredgreen{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: green;
	text-align: center;
}
.feature_centeredlime{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: lime;
	text-align: center;
}
.feature_centeredmaroon{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: maroon;
	text-align: center;
}

.feature_centerednavy{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: navy;
	text-align: center;
}

.feature_centeredolive{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: olive;
	text-align: center;
}

.feature_centeredpurple{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: purple;
	text-align: center;
}

.feature_centeredred{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: red;
	text-align: center;
}

.feature_centeredsilver{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: silver;
	text-align: center;
}
.feature_centeredteal{
	padding: 30px 0px 5px 0px;
	font-size: 80%;
	color: teal;
	text-align: center;
}

/************** .story styles *****************/
/***********************************************/

.story_black{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: #000000;
}


.story_blackbold{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
	font-weight: bold;
 color: #000000;
}

.story_aqua{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: aqua;
}

.story_blue{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: blue;
}

.story_fuchsia{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: fuchsia;
}

.story_gray{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: gray;
}

.story_green{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: green;
}

.story_lime{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: lime;
}

.story_maroon{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: maroon;
}

.story_navy{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: navy;
}

.story_olive{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: olive;
}

.story_purple{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: purple;
}

.story_red{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: "red";
}

.story_silver{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: silver;
}

.story_teal{
  clear: both;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
 color: teal;
}


/************** pagehead styles **************/
/********************************************/

.pageheadblack{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: #000000;
 margin: 0px;
 padding: 10px; 
}

.pageheadblackbold{
 font-family: Arial,sans-serif;
 font-size: 290%;
 	font-weight: bold;
 color: #000000;
 margin: 0px;
 padding: 10px; 
}

.pageheadaqua{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: aqua;
 margin: 0px;
 padding: 10px; 
}

.pageheadblue{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: blue;
 margin: 0px;
 padding: 10px; 
}

.pageheadfuchsia{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: fuchsia;
 margin: 0px;
 padding: 10px; 
}

.pageheadgray{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: gray;
 margin: 0px;
 padding: 10px; 
}

.pageheadgreen{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: green;
 margin: 0px;
 padding: 10px; 
}

.pageheadlime{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: lime;
 margin: 0px;
 padding: 10px; 
}

.pageheadmaroon{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: maroon;
 margin: 0px;
 padding: 10px; 
}

.pageheadnavy{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: navy;
 margin: 0px;
 padding: 10px; 
}

.pageheadolive{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: olive;
 margin: 0px;
 padding: 10px; 
}

.pageheadpurple{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: purple;
 margin: 0px;
 padding: 10px; 
}

.pageheadred{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: red;
 margin: 0px;
 padding: 10px; 
}

.pageheadsilver{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: silver;
 margin: 0px;
 padding: 10px; 
}

.pageheadteal{
 font-family: Arial,sans-serif;
 font-size: 290%;
 color: teal;
 margin: 0px;
 padding: 10px; 
}

/************** label styles **************/
/********************************************/
/*label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
*/

/************** End of text absolute name styles *****************************************************************/



/************** start of text in bite hex name styles *****************************************************************/
/************** bite submenu styles **************/
/********************************************/

.bite_submenu_cyan{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #00CCCC;
}

.bite_submenu_cyanish{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #669999;
}

.bite_submenu_cyanish2{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #009999;
}

.bite_submenu_green{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #99CC33;
}

.bite_submenu_greenish{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #669966;
}

.bite_submenu_greyishgreen{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #CCCC99;
}

.bite_submenu_magenta{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #CC3366;
}

.bite_submenu_magentaish{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #CC6666;
}

.bite_submenu_orange{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #FF6600;
}

.bite_submenu_purple{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #9966FF;
}

.bite_submenu_yellowochre{
	font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: bold;
 color: #CCCC33;
}


/************** bite feature cente styles ***************/
/***********************************************/
.bite_feature_centerblack{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #000000;
	text-align: center;
}

.bite_feature_centercyan{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #00CCCC;
	text-align: center;
}

.bite_feature_centercyanish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #669999;
	text-align: center;
}

.bite_feature_centercyanish2{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #009999;
	text-align: center;
}
.bite_feature_centergreen{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #99CC33;
	text-align: center;
}

.bite_feature_centergreenish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #669966;
	text-align: center;
}

.bite_feature_centergreyishgreen{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #CCCC99;
	text-align: center;
}

.bite_feature_centermagenta{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #CC3366;
	text-align: center;
}

.bite_feature_centermagentaish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #CC6666;
	text-align: center;
}

.bite_feature_centerorange{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #FF6600;
	text-align: center;
}

.bite_feature_centerpurple{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #9966FF;
	text-align: center;
}

.bite_feature_centeryellowochre{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	color: #CCCC33;
	text-align: center;
}

/****** bite feature center bold styles ********/
/***********************************************/
.bite_feature_centerboldblack{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.bite_feature_centerboldcyan{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #00CCCC;
	text-align: center;
}

.bite_feature_centerboldcyanish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #669999;
	text-align: center;
}

.bite_feature_centerboldcyanish2{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #009999;
	text-align: center;
}
.bite_feature_centerboldgreen{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #99CC33;
	text-align: center;
}

.bite_feature_centerboldgreenish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #669966;
	text-align: center;
}

.bite_feature_centerboldgreyishgreen{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #CCCC99;
	text-align: center;
}

.bite_feature_centerboldmagenta{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #CC3366;
	text-align: center;
}

.bite_feature_centerboldmagentaish{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #CC6666;
	text-align: center;
}

.bite_feature_centerboldorange{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
}

.bite_feature_centerboldpurple{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #9966FF;
	text-align: center;
}

.bite_feature_centerboldyellowochre{
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #CCCC33;
	text-align: center;
}

/************** bite slide styles *****************/
/***********************************************/
.bite_slide_grey{
  clear: both;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 font-family:Arial,sans-serif;
	font-size: 70%;
 color: #999999;
}
/************** bite story styles *****************/
/***********************************************/
.bite_story_grey{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #999999;
}

.bite_story_grey_bold{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #999999;
}


.bite_story_cyan{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #00CCCC;
}

.bite_story_cyanish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #669999;
}

.bite_story_cyanish2{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #009999;
}

.bite_story_green{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #99CC33;
}

.bite_story_greenish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #669966;
}

.bite_story_greyishgreen{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #CCCC99;
}


.bite_story_magenta{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #CC3366;
}

.bite_story_magentaish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #CC6666;
}

.bite_story_orange{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #FF6600;
}

.bite_story_purple{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #9966FF;
}

.bite_story_yellowochre{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
 color: #CCCC33;
}

/************** bite story bold styles *****************/
/***********************************************/

.bite_storybold_cyan{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #00CCCC;
}

.bite_storybold_cyanish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #669999;
}

.bite_storybold_cyanish2{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #009999;
}

.bite_storybold_green{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #99CC33;
}

.bite_storybold_greenish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #669966;
}

.bite_storybold_greyishgreen{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #CCCC99;
}


.bite_storybold_magenta{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #CC3366;
}

.bite_storybold_magentaish{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #CC6666;
}

.bite_storybold_orange{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #FF6600;
}

.bite_storybold_purple{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #9966FF;
}

.bite_storybold_yellowochre{
  clear: both;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
	font-size: 80%;
	font-weight: bold;
 color: #CCCC33;
}

/************** bite pagehead styles **************/
/********************************************/
.bite_pageheaddark{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #999999;
}

.bite_pageheadcyan{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #00CCCC;
}

.bite_pageheadcyanish{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #669999;
}

.bite_pageheadcyanish2{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #009999;
}

.bite_pageheadgreen{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #99CC33;
}

.bite_pageheadgreenish{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #669966;
}


.bite_pageheadgreyishgreen{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #CCCC99;
}

.bite_pageheadmagenta{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #CC3366;
}

.bite_pageheadmagentaish{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #CC6666;
}

.bite_pageheadorange{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #FF6600;
}

.bite_pageheadpurple{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #9966FF;
}

.bite_pageheadyellowochre{
 font-family: Arial,sans-serif;
 font-size: 65px;
 line-height: 65px;
 margin-top : 60px; 
 margin-bottom : 36px; 
 color: #CCCC33;
}

/************** End of text hex in bite name styles *****************************************************************/


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
  width: 55%;
}