/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body { 
	
	background-color: #CCFFFF; 
	font: 14px Tahoma, Helvetica, sans-serif;
	color: #000000;	

		
	}
ul, li {

	margin: 0px 0px 0px 8px; 
	padding: 0px;
}

p { 
	padding: 0px;
	font: 14px Tahoma; 
	margin-top: 8px;
	margin-bottom: 15px;
	color: #000000;	
	/*text-align: justify;*/
	}

h1,h2,h3 {
	margin-top: 15px;
	padding: 0px;
	}



.searchBox {
	margin-top:3px;
	background:#ffffff;
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:none;
	
	color:#2143ae;
	border-style:solid;
	border-color: #cacaca;
	border-width:1px;
	*margin-top:6px;
	*height:15px;
}




a:link {
	  font-family : Tahoma,Verdana,Arial;
    text-decoration: underline;
    color: #0000FF;
    font-size : 12px;
}

a:hover {
    color: #0000FF;
}


a:active {
    color: #0000FF;
}



.backmenu		{font-family :Trebuchet MS, arial,helvetica; ;font-size : 11px; color : #ff0000;text-decoration: none;}
a.backmenu		{uppercase;font-family : Trebuchet MS, arial,helvetica; ;font-size : 11px; color : #ff0000;text-decoration: none;}
a.backmenu:hover	{uppercase;font-family: Trebuchet MS, arial,helvetica; ;font-size :  11px; color : #808080;text-decoration: none;}


.footermenu			{font-family :Trebuchet MS, arial,helvetica; ;font-size : 11px; color : #ffffff;text-decoration: none;}
a.footermenu		{uppercase;font-family : Trebuchet MS, arial,helvetica; ;font-size : 11px; color : #ffffff;text-decoration: none;}
a.footermenu:hover	{uppercase;font-family: Trebuchet MS, arial,helvetica; ;font-size :  11px; color : #808080;text-decoration: none;}



.nutritrionClick			{font-family : Verdana,tahoma,Arial;font-size : 10px; color : #FF0000;text-decoration: underline;}
a.nutritrionClick			{font-family : Verdana,tahoma,Arial;font-size : 10px; color : #FF0000;text-decoration: underline;}
a.nutritrionClick:hover	{font-family: Verdana,tahoma,Arial;font-size : 10px; color : #000000;text-decoration: underline;}


.flavorLink				{font-family :Arial,helvetica; ;font-size : 16px; color : #0000ff;text-decoration: underline;font-weight: bold;}
a.flavorLink			{font-family :Arial,helvetica; ;font-size : 16px; color : #0000ff;text-decoration: underline;font-weight: bold;}
a.flavorLink:hover		{font-family :Arial,helvetica; ;font-size : 16px; color : #08727c;text-decoration: underline;font-weight: bold;}


/*blue*/



/*

.style1 {font-family: Tahoma, Arial, Helvetica;	font-size: 12px; color: #353434;}
.style2 {font-family: Tahoma, Arial, Helvetica;	font-weight: bold;	font-size: 16px;	color: #CC0000;}
.style3 {font-family: Tahoma, Arial, Helvetica;	font-weight: bold;	font-size: 16px;	color: #353434;}
.style4 {font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #353434; }
.style5 {color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}
.style6 {color: #FF0000; font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}
.style7 {color: #666666; font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}
.style8 {color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}
.alert		{font-family:verdana,tahoma,arial,helvetica; font-size:10px;color:#e5181e;}
*/

td.topContact {font: 14px Arial, Helvetica, sans-serif; color: #08727c;font-weight: bold;}  /*Teal headeline*/
td.flavorMonth {font: 26px Tahoma, Helvetica, sans-serif; color: #312e2e; font-weight: bold;line-height: 17px;}
td.flavorofMonthTitle {font: 24px Tahoma, Helvetica, sans-serif; color: #312e2e;font-weight: bold;}  /*grey headeline*/
td.flavorofMonth {font: 18px Tahoma, Helvetica, sans-serif; color: #08727c;font-weight: bold;line-height: 16px;}  /*Teal headeline*/


.style1 {font: 14px Arial, Helvetica, sans-serif; color: #08727c;font-weight: bold; }  /*Teal headeline*/
.style2 {font: 14px Arial, Helvetica, sans-serif; color: #312e2e;font-weight: bold; line-height: 18px; }	/*body*/
.style3 {font: 18px Arial, Helvetica, sans-serif; color: #312e2e; font-weight: bold;}  /*grey Home headers*/
.style4 {font-family :Arial,helvetica; ;font-size : 16px; color : #08727c;text-decoration: none;font-weight: bold;}  /*home page flavors - orange text*/
.style5 {font-family :Arial,helvetica; ;font-size : 14px; color : #000000;text-decoration: none;font-weight: bold;}  /*home page flavors - orange text*/

.mainHeaderTitles {font-family :Verdana, Arial,helvetica; ;font-size : 30px; color : #01909e;text-decoration: none;}

.footer {font-family: Tahoma, Arial, Helvetica;	font-size: 11px;	color: #312e2e;}

.contactForm {font-family :Trebuchet MS,Arial,helvetica; ;font-size : 12px; color : #000000;text-decoration: none;font-weight: bold;}  /*home page flavors - orange text*/


.inputBox
{
background-color: #FFFFFF; 
border: 1px solid #86a2cc; 
font-family : Trebuchet MS, Verdana,tahoma,Arial;
font-size : 11px;
}



.p {font: 14px Arial, Helvetica, sans-serif; color: #666666; line-height: 18px; }	/*body*/


td.teamName { font-family : Tahoma,Verdana,Arial;font-size : 12px; color : #008f9d;}
td.teamTitle {font-family : Tahoma,Verdana,Arial;font-size : 12px; color : #000000; }
td.teamBody {font-family : Tahoma,Verdana,Arial;font-size : 12px; color : #000000; }
td.teamFlavors {font-family : Tahoma,Verdana,Arial;font-size : 12px; color : #000000; }


table.bodytable {
padding:5px;
color: #000000;	
}



.close			{font-family : Verdana,tahoma,Arial;font-size : 10px; color : #FF0000;text-decoration: underline;}
a.close			{font-family : Verdana,tahoma,Arial;font-size : 10px; color : #FF0000;text-decoration: underline;}
a.close:hover	{font-family: Verdana,tahoma,Arial;font-size : 10px; color : #000000;text-decoration: underline;}